エントリーアーカイブページブロックのモジュール化1

前回のインデックスページ同様に今度は、エントリーアーカイブページの各ブロック毎でのモジュール化のためのコードデータを残しておきます。また、簡単ですがモジュール化の方法も前回同様に書き込んでおきます。尚、記述してあるコードはMT3.31(Movable Type[ムーバルタイプ] 3.31-ja)でのデフォルトコードとなります。

コード表示に不具合が発生するために2ページに分けて記述します。

モジュール化のメリット

各ブロックをモジュール化することでスタイルシートでの全体的なレイアウト変更も容易になります。また、各ブロック事での細かい変更もし易くなると思います。コードが複雑になってくると把握するのにも時間がかかりますし、ちょっとしたコード変更でサイトレイアウトが崩れた場合の問題点発見・修正にも時間をかけることなく解決できると思います。

モジュール化の仕方

【テンプレート】>【モジュール】において、【モジュールの新規作成】にて好きなモジュール名で各ブロックを登録しておきます。モジュール化した後は、【テンプレート】>【インデックス】でデフォルトのメインページにモジュールタグ(例:<$MTInclude module="モジュール名"$>)を組み込むだけで同じ表示になります。コードも簡素化することができ、変更・修正等が楽になります。

ヘッダーブロックのモジュール化(エントリーアーカイブページ)

前回設定したヘッダーのモジュールが使えますので、省略しておきます。

ナビゲーションのモジュール化(エントリーアーカイブページ)

前回のエントリー(記事)・トップ・次のエントリー(記事)といったエントリーページのナビゲーション部分もブロックとしてモジュール化しておくことで、後々にパンくずリスト化などのカスタマイズも容易になります。モジュール名は好きな名前でかまいません。大文字・小文字の組み合わせでもOKです。とりあえず、モジュール名を”entrynavigation”にて登録しておきます。 以下のテキストエリアの部分のコードがデフォルト(初期設定)でのコードとなります。下記のコードをすべて選択してモジュール登録すればOKです。

実際にメインページでのコードは<$MTInclude module="entrynavigation"$>となります。

エントリーブロックのモジュール化(エントリーアーカイブページ)

エントリー部分をモジュールとして登録します。モジュール名は好きな名前でかまいません。大文字・小文字の組み合わせでもOKです。とりあえず、モジュール名を”entry”にて登録しておきます。 以下のテキストエリアの部分のコードがデフォルト(初期設定)でのコードとなります。下記のコードをすべて選択してモジュール登録すればOKです。

実際にメインページでのコードは<$MTInclude module="entry"$>となります。

トラックバックブロックのモジュール化(エントリーアーカイブページ)

エントリー下の「トラックバック」部分のモジュール化です。モジュール名は好きな名前でかまいません。大文字・小文字の組み合わせでもOKです。とりあえず、モジュール名を”trackback”にて登録しておきます。 以下のテキストエリアの部分のコードがデフォルト(初期設定)でのコードとなります。下記のコードをすべて選択してモジュール登録すればOKです。

実際にメインページでのコードは<$MTInclude module="trackback"$>となります。

コード表示に不具合が発生するために2ページに分けて表示します。続く・・・

トラックバック(0)

このブログ記事を参照しているブログ一覧: エントリーアーカイブページブロックのモジュール化1

このブログ記事に対するトラックバックURL: http://weblibrary.s224.xrea.com/x/mt/mt-tb.cgi/20

コメントする

アイテム

  • ff-logo-big

    ff-logo-big: firefoxロゴ

  • fmtube_image

    fmtube_image: fmtubesキャッチイメージ

  • mock.jpg

    mock.jpg: fm+tubesのモックページ(デザインレイアウト)。最終的にはこのスタイルでマルチブログで展開してみる構想。

  • mtdeinfo

    mtdeinfo: Movabletypeを勉強するならこのサイト。サンプルファイルもあって、情報も探しやすいです。とてもきれいに情報表示されていて、とても参考になります。

  • mytumblr

    mytumblr: 個人の趣味でのtumblrです。女性のポートレートなんかがおおいです

  • caputure_contextmenu

    caputure_contextmenu: tumblr caputureを右クリックコンテキストメニューで選択する

  • tumblrgallery

    tumblrgallery: tumblrを使ってWEBデザインGalleryを簡単に作ってみました。

  • psdtuts

    psdtuts: http://psdtuts.com/のイメージ画像

  • designflavor.

    designflavor.: http://www.designflavr.com/のイメージ

  • entrymain_template

    entrymain_template: ブログ記事の概要は、インデックステンプレート、ブログ記事のリスト(アーカイブテンプレート)、検索結果(システムテンプレート)の3つのテンプレートで共通に使われています。それぞれのテンプレートでの表示内容の違いをイメージに表してみました。

このブログ記事について

このページは、スカイが2006年8月16日 13:03に書いたブログ記事です。

ひとつ前のブログ記事は「MTのレイアウトカスタマイズ:ブロックのモジュール化」です。

次のブログ記事は「エントリーアーカイブページブロックのモジュール化2」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。