エントリーを繰り返している部分の体裁を変更する

このテーマは、ブログ新着などの「エントリー」系モジュールの、エントリーを繰り返している部分の体裁を変更することができます。
一般的なウェブサイトで多く採用されている、8種類のデザインパターンを用意しています。

変更が可能なモジュール

対象テンプレートは、すべて /dist/themes/echo_zero/include/module/ 内にあります。

モジュールIDモジュール名対象テンプレート
summary_top_recent_01サマリー・トップページ用新着01 ※1summary_top_recent_01.html
summary_top_recent_02サマリー・トップページ用新着02 ※1summary_top_recent_02.html
summaryサマリー・一覧ページ用画像左 ※2summary.html
summary_indexサマリー・一覧ページ用画像上1カラム用summary_index.html
summary_index_col2サマリー・一覧ページ用画像上2カラム用summary_index_col2.html
summary_blogサマリー・ブログ一覧ページsummary_blog.html
summary_blog_recentサマリー・ブログ用新着 ※3summary_blog_recent.html
summary_localnavサマリー・ローカルナビ1カラム用 ※4summary_localnav.html
summary_localnav_col2サマリー・ローカルナビ2カラム用 ※4summary_localnav_col2.html
summary_searchサマリー・検索結果1カラム用summary_search.html
summary_search_col2サマリー・検索結果2カラム用summary_search_col2.html

※1 トップページの新着表示用テンプレートです。インストール時点では、01が「echoについて」、02が「ブログ」を呼び出しています。
※2 このテンプレートはテーマ内で使用していません。summary_indexの代替となるテンプレートです。
※3 子ブログのサイドメニュー内で、そのブログの新着エントリーを表示しているモジュールです。
※4 親ブログの本文下部またはサイドメニュー内で、同じカテゴリーに属するエントリーを表示しているモジュールです。

変更手順

前項の表を参考に、体裁を変更したいモジュールのテンプレートをエディタで開いてください。

コード内に、パスに「module_loop」が含まれているインクルードがあります。これがエントリーの繰り返し部分を呼び出しています。
たとえば「summary_top_recent_02.html」には、以下のように書かれています。

<!--#include file="/include/module_loop/summary_blog.html"-->

これを以下のように変更すると、トップページのブログ新着がカードタイプになります。

<!--#include file="/include/module_loop/summary_blog_card.html"-->

指定可能なテンプレート一覧


summary_blog.html

アイキャッチ画像が左側に表示されるタイプのテンプレートです。サマリーモジュールで使用可能なすべてのエントリー情報を表示できる、ブログ向けの体裁となっています。



summary.html

アイキャッチ画像が左側に表示されるタイプのテンプレートです。公開日・新着アイコン・タグは表示しません。



summary_blog_card.html

アイキャッチ画像が上に表示される、カードタイプのテンプレートです。サマリーモジュールで使用可能なすべてのエントリー情報を表示できる、ブログ向けの体裁となっています。



summary_card.html

アイキャッチ画像が上に表示される、カードタイプのテンプレートです。公開日・新着アイコン・タグは表示しません。



summary_card_simple.html

アイキャッチ画像が上に表示される、カードタイプのテンプレートです。新着アイコンとタイトルのみを表示できる、固定ページ向けのテンプレートです。



summary_datelist.html

アイキャッチ画像を表示しない、日付リスト(ヘッドライン)タイプのテンプレートです。公開日・カテゴリー・タイトルを表示でき、デスクトップ画面では display:table で整列されます。



summary_datelist.html

アイキャッチ画像を表示しない、リストタイプのテンプレートです。カテゴリー・タイトルのみを表示し、先頭にはCSSでリストマークが付きます。


補足

  • カテゴリー・新着アイコン・サマリー・タグは、モジュールの設定で表示・非表示を選択できます。詳しくは「カテゴリーや新着のアイコンを非表示にする」を参照ください。
  • 変更した体裁によっては、段組の幅が合わず、外観を損なってしまうことがあります。その場合は「エントリー一覧の段組を修正する」を参考に、モジュール設定から段組を修正してください。
  • a-blog cmsの一覧表示用モジュールには、他にも「ヘッドライン(Entry_Headline)」「リスト(Entry_List)」モジュールなどがありますが、このテーマでは、エントリー一覧は「サマリー(Entry_Summary)」モジュールのみで統一しています。