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

  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

HiMakeDocはAndroidで使えるか?

noimage

Windows7のUSB・DVDなどの自動再生をOFFにする方法

noimage
noimage

できると便利なのに、こんなカスタマイズ

noimage
noimage
noimage

カウンター張替え!

noimage

アンドロイド末端にGoogleアカウントを登録する

先月のPV23000越え前年度中はお世話になりました

先月のPV23000越え前年度中はお世話になりました

noimage
noimage

WiFiの問題点

noimage

bloggerにガジェット(プラグイン)を追加する

noimage

Lunascapeでツールバーを表示する方法

noimage

Android用オフィスアプリQuickofficeが無料化

noimage

Menu

HOME

 TOP