第2回 トップページにタイトル一覧を表示する Entry_Headline

第1回では「ケータイサイトの作り方から学ぶa-blog cmsのカスタマイズ」で、トップページを themes/keitai/index.html を表示させるようにしました。今回は、タイトル一覧を表示できるようにしてみます。

※この解説は、a-blog cms 1.0.0b3をもとに説明しています。ご利用のバージョンによっては画面表示や内容が若干異なる場合があります。ご了承ください。

a-blog cms ではモジュールという単位でグループ化したHTMLが用意されています。ビルトインモジュール | リファレンス | a-blog cms にモジュール一覧がありますので、こちらもご覧ください。これらをテンプレートに記述することによって、モジュールにデータを編集するプログラムが起動します。

今回はタイトルの一覧を表示したいので、Entry_Headline のモジュールを利用します。まずはリファレンスのビルトインモジュールの一覧にあるスニペットのコードをそのままindex.htmlに貼り付けてみましょう。

<!-- BEGIN_MODULE Entry_Headline -->

<a href="{indexUrl}">一覧へ</a>
<a href="{indexUrl}rss2.xml">rss</a>
<ul><!-- BEGIN entry:loop -->
<li><a href="{url}">{title}</a><!-- BEGIN category:veil --> 【{categoryName}】<!-- END category:veil -->{date#Y}年{date#m}月{date#d}日( {date#week} ) {date#H}時{date#i}分{date#s}秒</li><!-- END entry:loop -->
</ul>

<!-- BEGIN pager:veil -->
<p>
全 {itemsAmount} 件中 {itemsFrom} 〜 {itemsTo} 件目を表示
<!-- BEGIN page:loop --><!-- BEGIN link#front --><a href="{url}"><!-- END link#front -->{page}<!-- BEGIN link#rear --></a><!-- END link#rear --><!-- BEGIN glue -->, <!-- END glue --><!-- END page:loop -->
<!-- BEGIN lastPage:veil --> ...<a href="{lastPageUrl}">{lastPage}</a><!-- END lastPage:veil -->
</p>
<p>
<!-- BEGIN backLink --><a href="{url}">&laquo; 前の{backNum}件</a><!-- END backLink -->
<!-- BEGIN forwardLink --><a href="{url}">次の{forwardNum}件 &raquo;</a><!-- END forwardLink -->
</p>
<!-- END pager:veil -->

<!-- END_MODULE Entry_Headline -->

company1をインストールしたときの設定では、全ての記事を対象に20件ごとに改ページする表示になっています。 a-blog cmsでは、どのようなタグを表示させるのか、どの部分が繰り返しになるのか、というHTMLの体裁についてをテンプレート上に記述し、条件等については管理ページ上で設定を行います。

それでは、次に表示件数の設定を変更します。

管理ページの[ルール]の設定画面で、[ケータイの時]の[コンフィグ]でヘッドライン ( Entry_Headline ) の表示件数が「20件」になっているところを「5件」にしてみましょう。

---

---

これで5件表示することができました。タイトルの一覧は表示されていますが、全てのカテゴリーの情報が表示されています。次回は、「お知らせ」カテゴリーの情報のみをトップページに表示させる方法について解説します。

---