FC2・MovableType・WordPress…テンプレート・スキン構造の比較

WebbingStudio — Fri, 23 May 2008 15:11:20 +0000

今日は一日、Nucleusの専門書を読んでいました。
テンプレートの仕様や構造はひととおり理解したので、各レンタルブログ・サーバー設置ブログのテンプレートとスキンの仕様をまとめてみました。

あくまで概要ですが、ブログ移転や配布テンプレートの他システム版を考えている方は参考にしてください。

レンタルブログはご存知の方も多いと思いますが、比較元として掲載します（笑）

テンプレートは「HTML」「CSS」の一枚ずつしかありません。
この一枚のテンプレートファイルの中で、（FC2）などのページタイプ条件分岐を組み込み、出力するHTMLを切り分けていきます。条件分岐は少ないですが、livedoorやJUGEMもこのタイプです。

CSSには独自タグを記述することはできません。一般の静的サイトのスタイルシートとほぼ同じと考えて問題ありません。

サイドの、利用者が任意で変更できる部分は、最近は「プラグイン」という名称になっているサービスが多いようです（厳密には、プラグインと言わないのでは…と思いますが）。
FC2・忍者の場合、呼び出す箇所は製作側が自由に指定できます。FC2は3セット、忍者は5セットまでです。

レンタルブログの中でも、Seesaaは少し構造が異なります。
利用者が自由に変更できる部分は「コンテンツ」と呼ばれ、普通のブログでは本体に属する「記事」もここに含まれます。
セットの場所はヘッダー・メイン・左サイド・右サイド・フッターに一つずつと決まっています。

つまりはヘッダーにブログパーツを入れたり右サイドに記事を入れたりできてしまうので、ブログサービスの中ではかなり扱いにくい分、自由度が高いと言えます。

MovableTypeはテンプレート構造が細かいのと、CSSもテンプレートで作成できる点が特徴です。
テキスト形式であれば拡張子は問いません。独自タグも有効になります。

テンプレートは「トップページ・アーカイブ・システム」の3ジャンルに分かれていて、必要となるものは全て一枚ずつテンプレートを作成します。
使い回したいコードは「モジュール」として、ユーザーが自由変更できる部分は「ウィジェットセット」として保存し、各テンプレートから呼び出して使用します。

はじめから一般的なブログに必要なテンプレートが全て揃っており、必要ないものを各自削除するか無効化するかを選択することになります。
この仕様と、「モジュールがモジュールを呼び出す」という複雑なデフォルトテンプレートのために、カスタマイズ初心者には少しとっつきにくくなっています。

WordPressは「オーバーライド」と呼ばれる仕様が特徴です。

最低「index.php」というテンプレートが一枚あれば、デザインテーマが成立します。
他に「home.php」「archive.php」などの専用テンプレートがあればそれを優先しますが、なければ「index.php」の構造をそのまま流用するので、全て用意する必要はありません。

使い回す部分で、大抵のブログに存在するヘッダーやフッターは「パーツテンプレート」、その他各自用意する部品は普通のphpとなります（と言うか全部PHPなんですが）。

「category-（カテゴリーID）.php」というように、特定カテゴリー用のテンプレートを作るのも簡単なので、ピンポイント構築や、カスタマイズを勉強しながら暇なときにブログを拡張、ということができるお手軽な構造です。

各テンプレートのファイル名をちゃんと覚えておく必要があるのと、サイドバーのカスタマイズを気軽に出来ないこと、独自タグの記法が分かりにくいのが難点です。
※PHPの関数を、ほぼ素の状態で書きます。細かいこというとテンプレートとは呼べない仕様です

Nucleusは「テンプレート」の概念が他のブログと大きく異なっています。

テンプレートは系統ごと（大体はインデックス・カテゴリー・個別など、他ブログと同様のタイプで分けるようです）にセットを作成し、
「記事を繰り返す場合の最初・本文・最後」「画像を貼った場合のHTML表記」
「コメントを繰り返す場合の最初・本文・最後」と、細かく指定していきます。

その上で、インデックス・アーカイブなどの「ページ」毎に
「どのテンプレートで」「どの形式のリストを」「何件まで表示するか」
を独自タグで指定して呼び出します。
トップページの新着記事リストであれば、「indexテンプレートで、記事リストを10件」となります。

正直、猛烈に理解しにくい仕様ですが、使いこなせば
「インデックスはサムネイル込みの一覧で」
「日別や検索結果はタイトルだけ、でもカテゴリーは概要も表示」
「個別記事は全部盛り」という細かいデザイン指定ができると思います。

CMSをインストールしたレポートをまとめたとき同様、今回もWordPressの簡単さが際立つ形になったなあ…というのが感想です。

個人的には、プラグインやPHPに頼らなくても基本仕様でかなり細かいことができ、タグ名称が直感的なMovableTypeが好みですが、実際にカスタマイズしてみるとWordPressのオーバーライド機能はほんとうに楽です。

まずはindex.phpだけ使って、
超簡単な日記から構築してみてはいかがでしょうか。

ウェビンブログ » SeeSaa