ブログの改造
僕のホームページもメインはすっかりブログに移行し、これまでのようにデザインを変えるたびにHTMLコードを書きなおす、という手間はだいぶ軽減された。
ブログという、一つの完結したシステムを使うことで統一された操作感が得られる一方で、スタイルとしては固定されている ( それがブログのいいところでもある )。なので出来ることと言ったら、ちょっとしたカスタマイズぐらいで、その中身も細々としたものながらいろいろな機能を追加出来るとあって定期的に変更するのが楽しい。
基本的には細かい機能をたくさん付けると却って見づらくなり、翻って操作感にも悪影響を与えるので必要最低限のものだけを追加しているのだが、付け加えてきた機能を列挙しておかないとどこから持ってきたのか忘れてしまう。
ということで Movable Type 用の改造を少しリストしておくことにする。いずれ Movable Type のバージョンアップがある際に、「あれこのプラグインどこからもってきたんだったっけ?」とならないように自分のための備忘録みたいなものだ。
・カテゴリー名の表示
各エントリーはカテゴリー分けをしているのだが、これまで今読んでいるエントリーがどのカテゴリーに入っているのかは表示してこなかった。読んでいるエントリーと関連性のあるエントリーを読もうと思ってもこれじゃあ読めないわけだ。特に僕のブログは僕の頭の中のように支離滅裂な話題を取りあげているのでなおさら混乱の度を深める。そこで各エントリーのタイトルのしたにカテゴリー名を表示することにした。
これを実現するのはあまりにも簡単で改造とは言えないかもしれないが、とりあえず紹介しておこう。テンプレートに数行書き足すだけで実現出来る。
変更箇所はいくつかのテンプレートで、ここではメインページをサンプルとして取りあげよう。
僕のメインページテンプレートではこんな風にエントリータイトルが表示され、その下にエントリー本文が表示されるようになっている。
<h3><$MTEntryTitle$></h3><$MTEntryBody$>
今回カテゴリー名をタイトルの次の行に表示させたいので、下に強調表示した行を追加する。
<h3><$MTEntryTitle$></h3>
<br /> <div class="category">カテゴリー [ <MTEntryCategories glue=", "> <a href="<$MTCategoryArchiveLink$>"><$MTCategoryDescription$></a> </MTEntryCategories>]</div><$MTEntryBody$>
これと似た行が個別アーカイブ、日別アーカイブなどのテンプレートにあるので、好みに応じて ( つまり個々のエントリー毎や月別エントリー表示のページでカテゴリー名を表示させたければ ) 上の強調ラインを追加すればよい。
テンプレートの編集を終え、保存したらリビルドを忘れずに。
・コメントやトラックバックのツリー化
ここ、New York Watch のサイドバーで「最新のコメント」と「カテゴリー」の項目で使用しているのが「小粋空間」さんで紹介してくれている「maketree.js 1.01」
コメントがツリー化されすっきりした。また Movable Type ではサブカテゴリの階層化が可能になったので、これまたカテゴリー一覧表示もツリーによりだいぶ見やすくなった。
ただし New York Watch の兄弟サイト、「ヨシュラン」ではカテゴリーが親-子-孫の三世代以上になるので、同じく「小粋空間」さんが公開予定としている「折りたたみ」の方を利用する予定だ。
これからも Movable Type を利用していろいろなプラグイン ( 部品 ) を試していく予定。少しでも便利になったとか、見やすくなれば、嬉しいのだが。