2005年11月15日 (火)

【Movable Type 移行記】その1

CGIをベースにし、テンプレートも肥大化しているMovable Typeは、相応の知識、テクニックを要求する為、想像以上に扱いが難しいです。それだけ、iBlogが初心者にも優しいCMSだったことを実感しています。今更ながらに昔の伴侶を恋しく思ったりもするのですが、でも、これからはMovable Type一本でやって行くって決めたんだからっ!

ということで、バックグラウンドにMovable Type 3.2を設置して数日。最大の難関、スタイルシートの調整を残して、ページそのものは幾分カタチになってきました。これまで行ってきたカスタマイズを自分用に備忘録しておきます。

まず、以下のサイトを参考に、ページの3カラム化、サイドバーのモジュール化を実施。サイドバーのモジュール化は、ただ単にメンテナンス性を向上させる為のもので、PHPなどの制御は一切加えていません。カレンダーなど、デフォルトテンプレートに無いモジュールも補足。

MovableType 3.2 デフォルトテンプレートのカスタマイズ(Movable Type 4989)
Movable Type 3.2 テンプレート(小粋空間)

次に、カテゴリー項目、月別アーカイブをプルダウンメニューに。これはJavaScriptで実現するのですが、Googleで検索したサンプルコードでは動作が不完全でした。その為、某掲示板で人伝に教えて貰った独自のコードで再現。当方、JavaScriptはずぶの素人の為、コードが正しいかどうかの保証はありません。

<!--
function newLocationWindow(uri) {
if (uri)
window.open(uri, 'link','toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes');
}
//-->

<!-- カテゴリアーカイブ開始 -->
<MTIfArchiveTypeEnabled archive_type="Category">
<form name="pulldown_category" id="pulldown_category" action="action">
<select name="menu" tabindex="16" onchange="newLocationWindow(this.value)" style="width:150px;">
<option value="" selected="selected">Category Archives</option>
<option value=""> </option>
<MTCategories show_empty="1">
<option value="<$MTCategoryArchiveLink$>">・<$MTCategoryLabel$> [<$MTCategoryCount$>]</option>
</MTCategories>
</select>
</form>
</MTIfArchiveTypeEnabled>
<!-- カテゴリアーカイブ終了 -->
<!-- 月別アーカイブ開始 -->
<MTIfArchiveTypeEnabled archive_type="Monthly">
<form name="pulldown_monthly" id="pulldown_monthly" action="action">
<select name="menu" tabindex="17" onchange="newLocationWindow(this.value)" style="width:150px;">
<option value="" selected="selected">Monthly Archives</option>
<option value=""> </option>
<MTArchiveList archive_type="Monthly">
<option value="<$MTArchiveLink$>">・<$MTArchiveTitle$> [<$MTArchiveCount$>]</option></MTArchiveList>
</select>
</form>
</MTIfArchiveTypeEnabled>
<!-- 月別アーカイブ終了 -->



参考にした書籍はこちら。マウスオーバーでタイトルポップアップ。


Amazon.co.jp:Movable Typeで今日から始めるカスタムブログ


Amazon.co.jp:Movable Typeスタイル&コンテンツデザインガイド


Amazon.co.jp:Movable Type ブログテンプレート&デザインガイド


これらのガイドブックが対応しているバージョンは3.1。3.2はテンプレートも随分と様変わりしていて戸惑いましたが、Movable Typeの設定・インストールからMTタグの基本的な解説まで、大凡の仕組みや流れを掴むには十分。ただ、初心者には3冊も必要ありませんで、特に後者2冊は宝の持ち腐れ。ナビゲートには「Movable Typeで今日から始めるカスタムブログ」だけで事足りるでしょう。

INFORMATION

RECENT ENTRIES

ARCHIVES

  • Browse All Archives [1675] »

COUNTERS

  • 01,465,877
    Y: 290 - T: 511

CREDITS

  • Powered by Movable Type Pro 6.3.3
  • さくらのレンタルサーバ  ムームードメイン
  • Made on a Mac  Composed and Posted with ecto for Mac OS X 3.0.2
  • Valid XHTML 1.0 Transitional  Valid CSS version 3.0

STATISTICS

  • Data: O.Z.K.
  • URL: http://ramhorn05j.com/weblog/
  • Author: ramhorn05j
  • Total Entries: 1675
  • Timezone: +09:00
  • PublishCharset: UTF-8
  • Last Updated: 2017年08月11日 (金) 07:56