カテゴリーページで、記事の要約を表示する

  FC2ブログのカテゴリーページで、30個までの個別記事のリスト・親カテゴリー・子カテゴリー・個別記事の要約・投稿日を表示するように設定してみる。

 FC2ブログで、個別記事の要約を表示する変数は、<%topentry_discription>

 任意の位置に、<%topentry_discription>を挿入すると、記事の要約が100字まで、表示する。


テンプレートカスタマイズの手順

1、テンプレートにもともと記載してある、個別記事の表示部分から、タイトル部分以外は、カテゴリーページに表示しない設定にする。
⇒<div
class="contents-title"><h2
id="e<%topentry_no>"><!--not_permanent_area--><a
href="<%topentry_link>"><!--/not_permanent_area--><%topentry_title><!--not_permanent_area--></a><!--/not_permanent_area--></h2></div>が記事のタイトル部分。
⇒ カテゴリーページに表示しない設定は、<!--not_category_area-->~<!--/not_category_area-->


2、親カテゴリーと子カテゴリーの表示をカテゴリーページ追加・カテゴリーページだけに表示する設定にする。
⇒ <div class="category"><!--category_area-->大カテゴリ:<a
href="<%topentry_parent_category_link>"><%topentry_parent_category></a>><!--parent_category_area-->小カテゴリ:<a
href="<%topentry_category_link>"><%topentry_category></a><!--/parent_category_area--><!--/category_area--></div>

⇒<!--category_area-->~--><!--/category_area-->はカテゴリーページだけに表示する設定のHTML。

3、個別記事の要約を表示する。
<%topentry_discription>

4、投稿日のHTMLはもともと表示設定されていたものを使って表示する。
⇒<div
class="time"><%topentry_year>.<%topentry_month>.<%topentry_day></div>

<div class="contents-title"><h2
id="e<%topentry_no>">
<!--not_permanent_area--><a
href="<%topentry_link>"><!--/not_permanent_area--><%topentry_title><!--not_permanent_area--></a><!--/not_permanent_area--></h2>
</div>
<div
class="category">
<!--category_area-->大カテゴリ:<a
href="<%topentry_parent_category_link>"><%topentry_parent_category></a>><!--parent_category_area-->小カテゴリ:
<a
href="<%topentry_category_link>"><%topentry_category></a><!--/parent_category_area--><!--/category_area-->
</div>

<%topentry_discription>
<div
class="time"><%topentry_year>.<%topentry_month>.<%topentry_day></div>
<div
class="text">
<!--not_category_area-->
<%topentry_body>
<!--more_link-->
<p><a
href="<%topentry_link>">続きを読む
&raquo;</a></p>
<!--/more_link-->
<!--more-->
<p><%topentry_more></p>
<!--/more-->
<!--community-->
<p>テーマ : <a
href="<%topentry_thread_link>"><%topentry_thread_title></a></p>

<p>ジャンル : <a
href="<%topentry_community_janrelink>"><%topentry_community_janrename></a></p>
<!--/community-->
<!--topentry_tag-->
タグ
:
<%topentry_jointtag>
<!--/topentry_tag-->
</div>
<div
class="text-under">
<a
href="<%topentry_category_link>"><%topentry_category></a>
<!--allow_comment-->
|&nbsp;<a
href="<%topentry_link>#comment-top">COMMENT(<%topentry_comment_num>)</a>
<!--/allow_comment-->
<!--deny_comment--><!--/deny_comment-->
<!--allow_tb-->
|&nbsp;<a
href="<%topentry_link>#trackback-top">TRACKBACK(<%topentry_tb_num>)</a>
<!--/allow_tb-->
<!--deny_tb--><!--/deny_tb-->|&nbsp;<a
href="#top">PAGE TOP▲</a>
<!--/not_category_area-->

</div>

</div>
<!--/topentry-->

 まとめると上のようになる。

 カテゴリーページでの個別記事タイトルの表示数を変えたいときには、環境設定で設定する。

コメントを残す




*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

noimage

Yahoo!カレンダーの初期ページの設定と予定の入力

noimage

<%sub_title>でFC2ブログテンプレートのSEO

noimage
noimage

Yahooカレンダーとドコモケータイリンク

noimage
noimage

7インチタブレットはでかいなあ

noimage

写真の個人情報を削除するフリーソフト

noimage
noimage

日本郵政のはがきデザインキット

noimage
noimage

Googleストア以外のAndroidアプリの入手先

noimage

EV SSL証明書を利用するためのパソコンの設定

noimage
noimage

Cassava EditorCSV編集ソフト

noimage

格安SIMカードでモバイルのインターネット代を節約

Menu

HOME

 TOP