その他の最近のブログ記事

せっかくTwitterを始めたのでサイドバーに最近のつぶやきを表示させることにします。

＜手順＞

1. http://twitter.com/about/resources/widgets　ここでプロフィールウィジェットをカスタマイズしてコードを取得します。
2. 次に取得したコードをコピーして新規にウィジェットテンプレートを作成します。
3. そして最後は、サイドバー関連のウィジェットセットにTwitterウィジェットを追加すれば完成です。

簡単です！

まずは、テンプレートモジュールを2つ作成する。

Tweetボタン

<a href="http://twitter.com/share" class="twitter-share-button"
    data-url="<$mt:EntryPermalink$>" data-text="<$mt:EntryTitle$>"
    data-count="none" data-via="BeliberDaisuke" data-lang="ja">Tweet</a>

Tweetボタンscript

<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

次に各エントリーにボタンを表示させるための修正を行う。赤字の部分が修正箇所。

ブログ記事のメタデータ

・・・省略
<mt:Unless name="hide_counts" eq="1">
    <mt:IfCommentsActive><a href="<$mt:EntryPermalink$>#comments" class="entry-meta-comments" title="<$mt:EntryCommentCount singular="コメント(1)" plural="コメント(#)"$>">Comments(<$mt:EntryCommentCount$>)</a></mt:IfCommentsActive>
    <mt:IfPingsActive><a href="<$mt:EntryPermalink$>#trackbacks" class="entry-meta-trackbacks" title="<$mt:EntryTrackbackCount singular="トラックバック(1)" plural="トラックバック(#)"$>">Trackbacks(<$mt:EntryTrackbackCount$>)</a></mt:IfPingsActive>
    <$mt:Include module="Tweetボタン"$>
    <!-- <a href="javascript:void(0)" onclick="return mtScore(<$mt:EntryID$>)" id="scoring-id-<$mt:EntryID$>" class="scoring">
        <span id="scoring-vote-<$mt:EntryID$>" class="scoring-vote">票</span>
        <span id="scoring-score-<$mt:EntryID$>" class="scoring-score"><$mt:EntryScore namespace="community_pack_recommend" singular="1" plural="#" none="0"$></span>
        <span id="scoring-score-label-<$mt:EntryID$>" class="scoring-score-label"><$mt:EntryScore namespace="community_pack_recommend" singular="票" plural="票" none="票"$></span>
    </a> -->
</mt:Unless>
</div>

今回の修正では、Tweetボタンの他，★マークを非表示（コメントアウト）にした。

記事の作成日を「年月日時」から「年月日」に変更しました。
変更箇所（方法）の詳細は以下の通りです。

「ブログ記事のメタデータ」テンプレートで赤字の部分を変更。

＜変更前＞

<div class="asset-meta">
    <$mt:Include module="プロフィール画像" userpic_size="36"$>
    <span class="byline">
<mt:If tag="EntryAuthorDisplayName">
        <span class="vcard author"><a href="http://bestlibrarian.jp/profile.html"><$mt:EntryAuthorDisplayName encode_html="1"$></a></span> (<abbr class="published" title="<$mt:EntryDate format_name="iso8601"$>"><$mt:EntryDate format="%x %X"$></abbr>)
<mt:Else>
        <abbr class="published" title="<$mt:EntryDate format_name="iso8601"$>"><$mt:EntryDate format="%x %X"$></abbr>
</mt:If>
    </span>
<mt:Unless name="hide_counts" eq="1">
・・・・省略

読みやすくするため、エントリの行間を若干広げる。変更箇所は2ヶ所。

....../themes/best-librarian/screen.css

デフォルトでは、エントリのユーザデータから”ユーザーのプロフィール”へリンクされるが、表示がおかしい（ layout-tw を選択しているにもかかわらず、html を見ると layout-wt となっていて、再構築しても修正されない）ので、このリンクをウェブページのプロフィールへ飛ばすようにした。

メニューと本体の表示幅を以下の通り変更。

......./themes-base/blog.css

ブログのデザインを変えてみようと別のテンプレートをダウンロードしてインストールした。・・・で、どうも気に入らないので元（現在）のデザインに戻したのはいいけど、カスタマイズしたところまでデフォルト状態に初期化されててショック・・・。もうちょっと頭良いかと思ったのにな。

ブログ記事を2個ほどエントリーしたところで、日本語のタグクラウドが統一されないことに気づきました。"プラグイン"というタグを2つの記事につけたところ、タグクラウドには、"プラグイン"というタグが2個表示されているのです。「なんだかなぁ」と思いつつGoogleで検索してみたところ、MySQLの文字コードの問題ということがわかりました。