MovableType ブログ記事の概要

2010年11月30日 火曜日 16時41分

ダッシュボードの『デザイン→テンプレートモジュール→ブログ記事の概要』について。

当然、ブログの基本デザインはインデックステンプレートのメインページに記述するが、全部書くと長くなるので、ヘッダー、フッター、サイドバーなどはモジュール化し、それを読み込んで表示させるようにする。
ちなみに<$mt:Include module=”モジュール名”$>で読み込む。

それと同様に、ブログのメインページのブログ記事を表示させる記述もモジュール化する。
テンプレートモジュールの『ブログ記事の概要』にそれを記述。

長めだが、ブログ記事を表示させるソースはこちら。

<div id=”content”>
<mt:pageContents count=”5″>
<mt:Entries>
 <div class=”post”>
  <h2><a href=”<$mt:EntryPermalink$>”><$mt:EntryTitle$></a></h2>
  <p class=”p_day”><$mt:Entrydate format=”%Y年%m月%d日%H時%M分%A”$></p>

  <div class=”honbun”><$mt:EntryBody$></div>

  <div class=”entrymore”>
  <mt:If tag=”mt:EntryMore”><a href=”<$mt:EntryPermalink$>#more”>続きを読む</a></mt:If>   </div>

  <$mt:Include module=”ポストインフォ”$>

 </div>

<$mt:PageSeparator$>
</mt:Entries>
</mt:pageContents>

<div id=”content_nav”>
 <mt:ifPageBefore>
  <mt:IfPageFirst><$mt:PageFirst delim=”TOP”$></mt:IfPageFirst>
  <$mt:PageBefore delim=”PREV”$>
 </mt:ifPageBefore>

 <mt:pageLists delim=” ” show_always=”0″>

 <mt:ifPageNext><$mt:pageNext delim=”NEXT”$></mt:ifPageNext>
 <mt:IfPageLast><$mt:PageLast delim=”LAST”$></mt:IfPageLast> </div>

</div>

さて、解説。

まず、ソースの青い部分は、PageButeと言うページ分割プラグインの記述なので、今回のブログ記事を表示させると言う記事の趣旨にはあたりません。
過去にPageButeについて書いてあるので、そちらを参考にしてください。
http://nangoku-ski-club.sakura.ne.jp/wordpress/?p=483

では、ブログ記事本体の表示方法を解説。
上記ソースの赤い部分ね。
抜粋したものがこれ。

<mt:Entries>
 <div class=”post”>
  <h2><a href=”<$mt:EntryPermalink$>”><$mt:EntryTitle$></a></h2>
  <p class=”p_day”><$mt:Entrydate format=”%Y年%m月%d日%H時%M分%A”$></p>

  <div class=”honbun”><$mt:EntryBody$></div>

  <div class=”entrymore”>
  <mt:If tag=”mt:EntryMore”><a href=”<$mt:EntryPermalink$>#more”>続きを読む</a></mt:If>   </div>

  <$mt:Include module=”ポストインフォ”$>

 </div>

<$mt:PageSeparator$>
</mt:Entries>

さて解説ね。
<mt:Entries>〜</mt:Entries>は、ブログ記事を出力するブロックタグ。
これで括られた中で、一つ一つのブロク記事の情報が出力される。

<div class=”post”>〜</div>は一つの記事を一纏まりにするための指定。
ただのCSS。

<h2><a href=”<$mt:EntryPermalink$>“><$mt:EntryTitle$></a></h2>
は、ブログ記事の見出しで、その見出しをクリックするとブログ記事の個別ページ(モジュール名:ブログ記事)にジャンプ出来るように<$mt:EntryPermalink$>でリンクを出力し、<$mt:EntryTitle$>で、見出しをそのブログ記事のタイトルにすると言う設定。

<p class=”p_day”><$mt:EntryDate format=”%Y年%m月%d日%H時%M分%A”$></p>
は、その記事を投稿した年月日時分を表示させる為の設定。

<div class=”honbun”><$mt:EntryBody$></div>
<$mt:EntryBody$>はブロク記事の本文を表示させるタグ。
本文であって、投稿時に『続き』に書いたものは出力されない。
前後のdivは体裁を整えるためのCSS。

<mt:If tag=”mt:EntryMore”><a href=”<$mt:EntryPermalink$>#more”>続きを読む;</a></mt:If>
これは、記事の投稿で『続き』に書いた事がある場合、『続きを読む』を表示させ、記事個別ページへのリンクを出力するもの。
詳細はこのブログの過去記事を参照の事。
http://nangoku-ski-club.sakura.ne.jp/wordpress/?p=418#more-418

最後。
<$mt:Include module=”ポストインフォ”$>
だけど、これは後ほどポストインフォの解説記事で書きます。
その記事のカテゴリーやコメント数を表示させてる部分です。

以上。
長かった…。

関連記事

コメントさんきゅ

コメントはまだありません...(つд・)エーン

コメントどーぞ

© 2010 - 2020 南国スキーぶろぐ