月: 2005年1月

さて、２回目である。引き続き参考にしたのは、「即実践！ブログ徹底カスタマイズ術」(技術評論社)である。
今回は、メインページのサイドバーにMTロゴを表示する。
※表示するためHTMLタグの<>を[]に変換している。
初期設定では、次のようにテキスト文字リンクのみである。
[div id=”powered”]
Powered by[br /][a href=”http://www.movabletype.jp”]Movable Type [$MTVersion$][/a][br /]
[/div]
次のように変更する。リンクに挟んで画像と文字を表示する。
[div id=”powered”]
[a href=”http://www.movabletype.jp”][img src=”[$MTStaticWebPath$]images/powered.gif” border=”0″][br /]
Movable Type [$MTVersion$][/a][br /]
[/div]
Movable Typeのロゴ画像は同時にインストールされている。場所はimagesディレクトリの中に「powered.gif」という名で入っているが、imagesディレクトリは静的ファイルとしてCGIファイルと別のディレクトリにアップロードしているため、URLの指定は「[$MTStaticWebPath$]images/」という専用タグを使用する。
どうだろう。少し見栄えよくなった。どんどん続く・・・予定。

今日から数回に渡り自分のブログサイトをカスタマイズしてみる。参考にしたのは、「即実践！ブログ徹底カスタマイズ術」(技術評論社)である。
まずは、メインページの日付と時刻の表示を変更する。初期設定の太字の部分を変更する。
※表示するためHTMLタグの<>を[]に変換している。
[MTEntries]
[$MTEntryTrackbackData$]
[MTDateHeader]
[h2][$MTEntryDate format=”%x”$][/h2]
[/MTDateHeader]
[h1 id=”a[$MTEntryID pad=”1″$]”][$MTEntryTitle$][/h1]
[$MTEntryBody$]
[MTEntryIfExtended]
[p class=”extended”][a href=”[$MTEntryPermalink$]#more”]続きを読む “[$MTEntryTitle$]”[/a][/p]
[/MTEntryIfExtended]
[p class=”posted”]投稿者 [$MTEntryAuthor$] : [a href=”[$MTEntryPermalink valid_html=”1″$]”][$MTEntryDate format=”%X”$][/a]
[MTEntryIfAllowComments]
| [a href=”[$MTEntryPermalink archive_type=”Individual”$]#comments”]コメント ([$MTEntryCommentCount$])[/a]
[/MTEntryIfAllowComments]
[MTEntryIfAllowPings]
| [a href=”[$MTEntryPermalink archive_type=”Individual”$]#trackbacks”]トラックバック ([$MTEntryTrackbackCount$])[/a]
[/MTEntryIfAllowPings]
[/p]
[/MTEntries]
変更後は次のようになる。
[MTEntries]
[$MTEntryTrackbackData$]
[!–
[MTDateHeader]
[h2][$MTEntryDate format=”%x”$][/h2]
[/MTDateHeader]
–]
[h1 id=”a[$MTEntryID pad=”1″$]”][$MTEntryTitle$][/h1]
[$MTEntryBody$]
[MTEntryIfExtended]
[p class=”extended”][a href=”[$MTEntryPermalink$]#more”]続きを読む “[$MTEntryTitle$]”[/a][/p]
[/MTEntryIfExtended]
[p class=”posted”]
[MTEntryIfAllowComments]
[a href=”[$MTEntryPermalink archive_type=”Individual”$]#comments”]コメント ([$MTEntryCommentCount$])[/a]
[/MTEntryIfAllowComments]
[MTEntryIfAllowPings]
／ [a href=”[$MTEntryPermalink archive_type=”Individual”$]#trackbacks”]トラックバック ([$MTEntryTrackbackCount$])[/a]
[/MTEntryIfAllowPings]
／ wrote by [$MTEntryAuthor$] : [a href=”[$MTEntryPermalink valid_html=”1″$]”]
[$MTEntryDate format=”%x(%a) %X”$][/a]
[/p]
[/MTEntries]
変更箇所は4つ。
1.エントリータイトルの前にある日付をエントリーの時刻の前へ移動する。
2.エントリーの後の時刻をトラックバックの後へ移動して、曜日を追加する。
3.「投稿者」から「wrote by」へ変更する。
4.区切り表示は「|」から「／」へ変更する。
日付を変更しました。見栄えはどうでしょう。どんどん続く・・・予定