今月(2009年5月)、テンプレートなどをカスタマイズしたところをまとめておきます。
Movable Typeをアップグレードさせたこともあって、あれこれ弄ってた気がするのですが主な変更箇所等は以下のとおりです。
- 「タグアーカイブページ」で関連タグがでるようにした
- 4.25にアップグレードとコメント認証のサービスを追加
- ダッシュボードのウィジェットを作成してみた
- 検索をmt-search.cgiからAjax+JSONによる全文検索に変更した。
- スタイルシートのファイル構成の変更
- フッター(#footer)の背景色・リンクカラーを変更
TagSupplementals PluginおよびMT-XSearchによるタグアーカイブですが、MTRelatedTagsを利用した、関連タグをサイドカラムに表示するようにしました。
以下のページ等で確認できます。
Movable Typeのヴァージョンを4.25にしました。これまで、コミュニティ機能なしのMovable Type Commercial を利用していましたが、今回よりmotion等コミュニティ機能つきのProとしました(今のところコミュニティ機能の使い道が無いんですけど)。
アップグレードについては、いつものように圧縮ファイルアップロード、SSH接続でunzipと、pluginsフォルダ、/mt-static/plugins/ 内のフォルダ等のコピー、configファイルのコピー、cgiファイルのパーミッション設定といった手順です。
アップグレードにともない、認証サーヴィスの追加をおこないました。確認できているものでgoogle、yahoo、livedoor、はてな等が利用可能です。
ダッシュボードウィジェットは、プラグインという形で現在、最近の記事で使われている、「カスタムフィールドの内容」を出力するウィジェットを作成して使っています。(後日紹介のつもり)
Movable Typeの全文検索ですが、以下のページを参照しました。
- 参考ページ
導入方法についても解説されているままです。あと、記事ページに1カラムレイアウトを採用している関係で、検索結果をページ内に流し込む方法だと検索窓をページ上部にもってこないと不都合だったりするので専用ページを設けることにしました。これについては、WolaWola(author:oscarさん)さまのテンプレートを参考につくりました。
検索ページを見た限りですと、ページ遷移すると検索が始まるようでしたので、たぶんパラメタの値でもってごにょごにょやってるのだろうと思い、自分なりの解釈で作ってみました。
スタイルシートの構成については先日書きました。
フッターの背景を黒系にしてヘッダーとあわせるとしました。ソースは以下のとおり。
div#footer {
color: <em>#CCCCCC</em>;
background-image: none;
background-color: #000000;
padding: 1px 0;
}div#footer ul.support {
color: #CCCCCC; /* + maRk */
margin: 0em 10px;
text-align: right;
}/* + maRk */
div#footer ul.support li a:link {
color: #0198CA; }div#footer ul.support li a:hover,
div#footer ul.support li a:active {
color: #00B8FD; }
/* + maRk */