ホーム > サポート・マニュアル > チュートリアル > ケータイ・スマートフォン > 第3回モジュールIDを設定して表示する情報を限定する

第3回モジュールIDを設定して表示する情報を限定する

ドキュメント最終更新日時：2009/07/02 11:54

タグ：モジュールID

第2回では、トップページにタイトル一覧を表示しました。今回は「モジュールID」を設定して、特定の情報のみトップページに表示する方法について解説します。

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

URLについて

まず、URLと表示される内容について説明します。a-blog cms では、ページに表示させる情報はURLによって決まります。例えば、

http://www.a-blogcms.jp/news/

であれば、newsのカテゴリのものが表示され、

http://www.a-blogcms.jp/news/entry-1.html

なら、newsのカテゴリでエントリーIDが1の記事が表示されます。

では、以下の場合はどのような情報が表示されるでしょうか？

http://www.a-blogcms.jp/

トップページは、何も条件が設定されていない状態であるため、全ての情報がモジュール内で設定された順で表示されます。しかし、例外として今回説明するモジュールIDが設定されていれば、モジュールIDの設定内容が表示されます。

モジュールIDを設定する

管理ページの[コンフィグ]メニューから[モジュールID]をクリックし、[新規モジュールID作成] の[作成]ボタンをクリックします。

前回、index.html に貼り付けたモジュールはヘッドライン Entry_Headline モジュールでしたので、モジュール名の選択は、ヘッドライン（ Entry_Headline ）を選択します。 id には、任意の名前を入力してください。ここでは、「keitaiEntryHeadline」にします。

そして、今回は お知らせ（news）のカテゴリの記事を表示させたいので、お知らせのカテゴリIDである「1」を設定します。これで、管理ページでの設定は終わりです。

続いて、テンプレートを修正します。

<!-- BEGIN_MODULE Entry_Headline -->

を

<!-- BEGIN_MODULE Entry_Headline id="keitaiEntryHeadline" -->

と、修正します。HTMLでclassやidを設定するのと同様に、a-blog cmsのモジュールでも名前をつけて管理したいものには、モジュールIDというidを設定します。

今回の設定内容をあらためて確認しましょう。

Entry_Headlineモジュールを利用し、「keitaiEntryHeadline」というモジュールIDが設定されています。設定内容は、お知らせ（news）のカテゴリの情報を表示します。

無条件で全ての情報が表示されるトップページであっても、このモジュール内では「お知らせ（news）」のカテゴリの内容が表示されるようになります。

これでモジュールIDの設定が終わりました。

コンフィグを設定する

次に、コンフィグで表示内容の設定をします。今回は以下のように設定します。

表示件数や表示順を変更できます。

これで、ケータイのトップページに“お知らせ”の一覧を表示できました。あとはモジュール内のHTMLを表示したい内容に合わせて変更していきます。

新着表示を表示させる

次に、新しい記事に「new」という表示をつけてみます。“new” というブロックを1つ追加します。（→Entry_Headline 変数表参照）

<!-- BEGIN new -->
<strong>new</strong>
<!-- END new -->

これを 〜  の間に記述することで、新しい記事は new という表示が出るようになります。

<!-- BEGIN_MODULE Entry_Headline id="keitaiEntryHeadline" -->
<h2>お知らせ</h2>
<ul><!-- BEGIN entry:loop -->
<li><a href="{url}">{title}</a><br />{month}月{day}日 <!-- BEGIN new --> <strong>new!</strong><!-- END new --></li><!-- END entry:loop -->
</ul>
<!-- END_MODULE Entry_Headline -->