今月(2009年2月)、ブログのテンプレートをカスタマイズした箇所をまとめておきます。
- 個別記事ページでヘッダのブログ説明（description）を非表示に
- パンくずリストの表示位置を調整
- テンプレートモジュールの「パンくずリスト」から(カテゴリ|月別)アーカイブリストの条件式を除外
- Utilitiesのカテゴリーリストのリンク範囲を拡げた
- blogchartのパーツの遅延対策でappendChildメソッドを使うようにした
- 検索結果ページ等で、概要を非表示にできるようにしてみた
ブラウザのツールバー群が4段くらいになっても本文の見れる場所が増えるように、ブログのヘッダ領域を少し狭めてみようかと思ったので、必要のなさそうなブログ説明を記事ページでは表示しないようにしてみました。
パンくず（topicPath）ですが、記事タイトルが長かったり、カテゴリ指定が多い場合だと、個別記事で
Newer|Olderのナビゲーションリンクにかぶさって表示されることがあるので、上のmarginを増やしましてみました。ページ下のほうにでてくる2回目のパンくずも、margin-topが増えて仕舞うのですが、スタイルシートは以下のように変更しました。
/* 3-3-1. Topic Path */
p.topicPath {
margin: 1.7em 30px 1em; /* change 090222 :Default 0.7em */
font-size: 100%;
}
「パンくずリスト」のモジュールから特定テンプレートを外すというのは、以前MT:トップページのパンくずリストについてで書いたことと同じような理由です。
Vicunaテンプレートでは同じtopicPathが上のほうと下のほうとで2回でてくるわけですが、テンプレート先頭にsetVarを使ったりしてます。
アーカイブリスト内のリンク範囲を広げるのにdesplay:blockを利用するので、スタイルシートの変更は、3-context.cssの/* Sub Categories */の上付近に以下のように追加しました。
/* Categories */
div#utilities ul.category li a{
display:block; } /* add 090221 */
blogchartですが、これまでinnerHTMLで置き換えをしていたのをappendChildで追加になるようにしただけです。