記事内に広告が含まれています。

カテゴリーページで記事の要約を表示する-FC2ブログ

ブログを作ろう ウェブサイト・ブログ作成
ウェブサイト・ブログ作成
この記事は約6分で読めます。

  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-->

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

コメント

タイトルとURLをコピーしました