我流MT4のテンプレート自作

トミナガ ですよ‥‥!
今日は特にやることもなかったので、MT4をいじってました。

テンプレートの自作方法については、いろいろあると思うのですが、基本的にはMT3の時に覚えた方法を続けています。

  1. 最初に、こういう感じのサイトにしたいな、というサイト構造を考える(これは紙に書きます)
  2. 次に、トップページ、アーカイブページにどういう情報を、どのぐらいの量で載せるか考えながら、手書きでおおまかなレイアウトを起こします。
  3. そのレイアウトを元にして、FireworksとかPhotoshopを使ってページデザイン案を起こします。
    作るのは、トップ、アーカイブ、検索結果、その他のページの分ぐらいだけど、見出しや本文をCSSで制御するので、それほど手の込んだものは作らないです。
  4. 2でつくった手書きレイアウトを元にして、XHTMLを記述します。
    最初はダミーの記事タイトルや本文を入れておいて、構文チェッカーにかけて問題なかったら、MTのテンプレートタグに置き換えていきます。
    ↑今ここ。
  5. XHTMLファイルにMTのテンプレートタグを入れ終わったら、ローカルのテスト用MTにテンプレートを移植。動作確認。MTテンプレートタグの書き方がおかしかったら、再構築でエラーが出るので、そこを修正していきます。
  6. ヘッダー、フッターの部分を、順番にphpでincludeするようにパーツに分けます。

‥‥と、こんな手順でやってるんですが、他の人がどうやってるかは知りません。
私の場合、MTについては90%ぐらいは我流で覚えてる感じなので(残りは書籍・web等からね)、恐らく、WEBを生業としていないけど、MTを長く触っている人と同じぐらいのスキルなんじゃないかなぁと思います。

よく、MTカスタマイズ難しいって言われるけど、大まかに分けると、

  1. MTの仕組み・構造がわからない
  2. MTの仕組みは理解できるけど、思った通りに出力できない。CSSの色・背景変更等は可
  3. テンプレートタグの意味がわからず、コードのコピー&ペースト程度のカスタマイズしかできない

こんな感じの人が多いんじゃないでしょうか。
でも、職業でwebをやってる人じゃなかったら、別に自分でカスタムできなくても全然いいと思う。いや、できたほうが、楽しいけどね‥‥。
私は一応プライド(笑)もあるので、やっています。

上のリストで、3に該当する人は、専門書籍を手元に置いていろいろなコードを試してみることで、MTの独自タグ(テンプレートタグ)についての理解が深まって、今までより一歩踏み込んだカスタマイズが出来ると思います。 MTってテンプレタグ使ってナンボだからね(と、個人的には)。

▼Movable Type公式タグリファレンス 第2版
Movable Type公式タグリファレンス 第2版

この本はちょっと古くて、MT3対応なので、私は4対応が出るのを待ってるところ。
待ちきれない人は、古いの買って、新しいの出たら買い換えても良いと思います。とても参考になります。

▼Movable Type WEBデザインの新しいルール
Movable Type WEBデザインの新しいルール

これはMT4に合わせて出る本ですが、アマゾンでは一時売り切れたみたいですね。私も届くの待ちですが、レビュー見る限りでは、今までMT触ってた人向けなんじゃないかなぁ。

最後に、私がMTカスタマイズをするときに参考にしているサイトをあげておきます。
特に、6Aの技術情報blogは、MT4の新機能について丁寧かつ詳細に解説されていて、なるほどーという部分が多いです。アイテムの扱いに関する記事は大変参考になりました。

シックスアパートの関連サイト・ページ:
Six Apart - 技術情報提供ブログ: Movable Type
Movable Type テンプレートタグリファレンス

その他参考にしているサイト:
小粋空間: ブログ カスタマイズについて
The blog of H.Fujimoto

他にも参考になる・お役立ちサイトや、カスタマイズ方法を知ってる人が居たらコメント欄に書いてくれると、とても嬉しいです‥‥!

では、おやすみなさい‥‥。

« 去年の今頃。 | TOP | 散髪+病院+お買い物 »

コメント

トラックバック

Trackback URL :

このサイトについて

管理者
location
Sapporo, Japan
job
Webデザイナー、コーダー
趣味
写真と猫

札幌でフリーランスのWebデザイナーをしています。このブログは、主に日常の出来事とWeb制作に関するメモを書いています。

>>read more


Twitterプロフィールはこちら