サイトーサイトのアートレポート

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時間弱のカスタマイズでした。