2005年 01月 24日 (月)
seemoreプラグイン導入
忙しいのに導入してしまいました。各エントリにセパレータを入れるのと、css、seemor本体を少しいじって導入完了。余裕です。
seemore配布サイトからダウンロードしてきてソースを眺めると<!-- more -->が概要と本文を分けるセパレータのようです。早速エントリ本文に<!-- more -->を入れてseemoreと一緒にアップロードすると、インデックスページはOK。でも、全部を表示するページでは<hr>が画像にかぶって変です。
ソースを検索すると、全部を表示するページでは<hr class="seemore" />で概要と本文を区切る仕様のようです。 ここはソースをいじるのでなくスタイルシートで対応します。 display:none;で表示しないようにするのも手ですが、控えめにhrを1pxの線で表示することにしました。
/* see more bits */ hr.seemore{clear:both;border:solid #ddd;border-width:1px 0 0;}
そして、seemoreのソースを「See more ...」で検索してそこを「続きを読む ...」に書き換えます。 例によって文字コードには注意します。UTF-8Nで保存。
さらにコメントフォームがあるフレーバーは*.htmなので83行目くらいのHTMLデータをちょっと微調整します。 下のように赤い部分を変更。
errorshowmore <p><a href="$blosxom::url$path/$fn.htm?seemore=y" class="seemore">続きを読む ...</a></p>\n
エントリの調整などを含めても1時間弱のカスタマイズでした。
