HOME 　»　 , , , 　»　記事の概要表示

記事の概要表示

2004/12/20　|　Comments & Trackbacks : 5

あやたんからリクが来たので、Movable Typeで記事の概要表示をさせるやり方についてもうちょっとわかりやすくまとめ直してみます。

本文の概要表示をするには「MTEntryExcerpt」を使います。
これは「記事の概要」に書き込まれている文を表示させるタグで、概要が書き込まれていない場合、記事の文頭20文字までを自動表示してくれるなかなか使えるヤツです。
うちの場合ははじめ3つの記事までは全文表示、そこから先5つの記事までは概要表示させているのですが、構造的には「普通に記事を表示させている部分」＋「概要しか表示されないようにした部分」の二段組みになっています。

＜!-- 中央コンテンツ開始 --＞
＜div id="content"＞
＜div class="blog"＞

＜!-- 通常の記事表示開始 --＞
＜MTEntries lastn="3"＞
（日付部　略）
＜div class="blogbody"＞
（本文部　略）
＜/div＞
＜/MTEntries＞
＜!-- 通常の記事表示終了 --＞

＜!-- 概要の記事表示開始 --＞
＜h2 class="date"＞■ □ ■ その後5件 ■ □ ■＜/h2＞
＜MTEntries lastn="5" offset="3"＞
＜div class="blogbody"＞
（記事タイトル部　略）
＜$MTEntryExcerpt convert_breaks="1"$＞
（コメント数表示部　略）
＜/div＞
＜/MTEntries＞
＜!-- 概要の記事表示開始 --＞

＜/div＞
＜/div＞
＜!-- 中央コンテンツ終了 --＞

まず頭3つの記事だけ表示させるために「＜MTEntries＞」に「lastn=”3″」を入れ込みます。
数字を調整すれば、記事の表示数が変わります。

普通に表示させるだけならこれで終わりですが、さらに概要表示させるために＜＞～＜/MTEntries＞までをまるまるコピーしたモノを、最初の＜MTEntries＞のすぐ後に張り込みます。
日付表示の辺りはお好みで。
（ここでは日付をコメント表示部に移動し、日付の部分に説明文を書き込んでいます。）

次に「＜MTEntries＞」に「lastn=”5″ offset=”3″」を追加します。
「offset」は「lastn」とセットで使う属性で、ここで設定した数の記事を飛ばして表示させるオプションです。
さっき頭3つの記事を表示させたので、offsetの値も3にしておくと、続きからビシッと表示させることができます。
さらにlastnを合わせると「はじめ3つの記事は飛ばして、そこから5つの記事を表示させる」設定になります。

次に「＜$MTEntryBody$＞」を「＜$MTEntryExcerpt convert_breaks=”1″$＞」と入れ替えます。
これで本文の概要表示設定が終了。

あとは保存して再構築をかければ、うちのトップと同じ表示になると思うのですが…。
どうでしょうか？　今度はうまくいったかしら？

Related Posts

Google Adsense

Comments & Trackbacks : 5

Response from あや2004 年 12 月 20 日　18時16分

もそたんありがとう～。
ここまで書いてくれたら、何とか判ると思う^^；
頑張りま～すv(￣ー￣)v

Response from もそ2004 年 12 月 21 日　9時25分

＞あやさま
うんうん、頑張って(｀･ω･´)ﾉｼ
昔お世話になった恩返しです。

Response from existence Uhheri Edition2005 年 3 月 7 日　12時39分

トップページ突貫工事中

トップページをとにかく軽くして削り倒してやろうということで、左のメニューを取っ払い、こうさぎも中の人のページに異動とあいなりました（笑 そして、トップをもっとス…

Response from Other Lives2005 年 3 月 31 日　17時14分

トップページの器用さが5上がった。

きっかけは自分でトップページを見てた時の事。 「あのエントリー何処だ？」と該当記…

Response from SnowDrop2005 年 8 月 4 日　17時21分

トップページの表示を変更

今までトップページに最新エントリーを5つ載せてたんだけど、1つの記事が短いわけではないんで、縦に長ーくなってました。 ま…