Jamz

サイト開設以来、Movable Type のデフォルトの環境で運営していましたが、そろそろオリジナルのスキン・機能を実装すべくリニューアルを実施しています。

まずはスキンチェンンジということで四苦八苦...

編集対象のファイルの多くは、インデックス・テンプレート (メインページやアーカイブページ)、アーカイブ・テンプレート (エントリー・アーカイブ、カテゴリー・アーカイブ) あたりにありますが、徹底的にスキン・チェンジする場合は、コメント・プレビューや検索結果のテンプレートも変更する必要があり、かなり面倒です。

しかし、やり方をちょっと工夫すれば効率よくメンテナンスすることが可能になります。

テンプレートの外部ファイル化

ポイントは、各テンプレートの管理を「このテンプレートにリンクするファイル」を利用して行うことです。

特に単一のサイトで複数のブログを利用している場合に効果を発揮します。本サイトでは Blog, Tech, Design, Movable Type と複数のブログを一つのサイトで運営しているため、この管理方法がとても有効に働きます。

それぞれのブログで個別にテンプレートを管理するのではなく、複数のブログで同一のテンプレートを利用すると非常に効率よく管理することができます。

つまり、私のサイトの例で言えば、Blog でも、Tech でもメインページのテンプレートは同じテンプレート・ファイルにリンクさせるということです。

ちなみに、リンクさせるテンプレート・ファイルは以下のディレクトリに保存するようにしていますMT用の静的なファイルということで、この管理方法が思想としては正しいのかなぁと思っています。

<$MTStaticWebPath$>templates/archive/*
<$MTStaticWebPath$>templates/index/*
<$MTStaticWebPath$>templates/system/*

デフォルトの検索結果テンプレート

複数ブログのスキンを合わせる場合に注意した方が良いもう一つのポイントとして、検索用のテンプレートが挙げられます。

検索用のテンプレートには、個々のブログで設定するテンプレートとは別にデフォルトのテンプレートというのが存在します。

各ブログの検索結果用テンプレートを外部ファイル化し、同一のテンプレートにリンクしていたとしても、複数のブログにまたがる検索や全ブログを対象にした検索を行った場合はそのデフォルトのテンプレートが利用されます。

デフォルトの検索用テンプレートは以下のディレクトリに配置されています。

<$MTCGIPath$>search_templates

検索関連の各種設定や、検索結果のカスタマイズはとても奥が深いです。細かい設定方法や使い方については公式マニュアルを参考にしてください。

• Movable Type 3.3 マニュアル: 環境変数 - SearchTemplatePath
• Movable Type 3.3 マニュアル: テンプレート・タグ リファレンス
• Movable Type 3.3 マニュアル - サイト内検索に関するカスタマイズ

私が行っている設定のポイントは DefaultTemplate を新たに設定 (search_result.tmpl) し、そのファイルを個々のブログが利用している検索結果テンプレートのシンボリックリンクとして参照させるというものです。

cd <$MTCGIPath$>search_templates/
ln -s <$MTStaticWebPath$>templates/system/search_result.tmpl search_result.tmpl

こうしておくことで、各ブログの検索結果とデフォルトの検索結果が同一のテンプレートを参照することになり、管理がとても楽になります。

おこぼれ情報

検索処理のカスタマイズ

これはかなり良さそう。

3.3より導入されたエントリー・タグの一覧などは MT の検索処理を利用しているので、標準の検索処理とどう棲み分けるかがポイントになりそうです。

MT Hacks FastSearch

Googleなどの検索機能を導入しているブログサイトをよく見かけますが、GoogleやYahooのWEBサービスを利用した検索機能をAjax化して導入するプラグインというのがありました。

alogblog's MTy plugins: webSSearchy - general Web Service AJAX consumer, for MT 3.3

コメントのJavaScript化、Ajax化

色々調べているときに拾った情報です。メモ程度にリストアップしておきます。

• コメント投稿をAjax・・・ライクに (オラオラ)
• AjaxCommentの改良？版 (オラオラ)
• JavaScript++かも日記: 【Movable Type】クリック開閉式コメント欄(コメントスパム対策付き)

Ajaxを利用して、コメントのプレビューをその場で表示させる方法やJavaScriptを活用してコメントスパムを軽減させる方法など、どちらも参考になります。