ネット生活-ライフ空間-

ライフ空間では、通販感想レビュー、覚書等好きな事を紹介しています!
ネット生活-ライフ空間- TOP  >  FC2ブログカスタマイズ >  記事のタイトルを一覧表示(FC2)<カテゴリー・月別・タグページのインデックス化>
-ad-

記事のタイトルを一覧表示(FC2)<カテゴリー・月別・タグページのインデックス化>

記事が多くなると、記事だけが並んでしまい探しにくくなってしまうので、記事のタイトルを一覧にして表示します。
↓こんな感じです。
記事のタイトルを一覧表示FC2ブログ

FC2ブログでの設定方法は、下記の記述を追加するだけです。

追加は、
「テンプレートの設定」→「HTML/CSS編集」で行います。

HTML編集
<!--not_titlelist_area-->
<!--not_search_area-->
//////←ココ
<!--topentry-->
<div class="content">

上記を探して//////の部分に以下を追加します。

※[Ctrl]+[F]で、<!--topentry-->を検索すると見つけやすいです。

<カテゴリーページに記事タイトル一覧を表示する場合>
(FC2ブログ)

<!--category_area-->
<div class="content">
<div class="entry_body">
<p>
カテゴリ:<%sub_title> の記事一覧
</p>
<ul>
<!--topentry-->
<li>・<a href="<%topentry_link>" title="<%topentry_title>"><%topentry_title></a></li>
<!--/topentry-->
</ul>
<p class="content-nav" align="center">
<!--prevpage-->
<a href="<%prevpage_url>" title="前のページへ">前のページへ </a>
<!--/prevpage-->
|
<!--nextpage-->
<a href="<%nextpage_url>" title="次のページへ"> 次のページへ</a>
<!--/nextpage-->
</p>
</div>
</div>
<!--/category_area-->

<月別ページに記事タイトル一覧を表示する場合>
(FC2ブログ)

<!--date_area-->
<div class="content">
<div class="entry_body">
<p><%now_year>年<%now_month>月の全記事一覧</p>
<ul>
<!--topentry-->
<li>
<%topentry_month>/<%topentry_day>&nbsp;&nbsp;
<a href="<%topentry_link>#CommentHeader" title="<%topentry_title>へ"><%topentry_title></a>
</li>
<!--/topentry-->
</ul>
<p class="content-nav" align="center">
<!--prevpage-->
<a href="<%prevpage_url>" title="前のページへ">前のページへ </a>
<!--/prevpage-->
|
<!--nextpage-->
<a href="<%nextpage_url>" title="次のページへ"> 次のページへ</a>
<!--/nextpage-->
</p>
<div align="center">
<a href="<%prev_month_link>" title="<%now_year>年<%prev_month>月の全記事一覧へ" class="n p<%prev_year><%prev_month>">≪<%now_year> 年<%prev_month>月の全記事一覧へ</a>
<a href="<%next_month_link>" title="<%now_year>年<%next_month>月の全記事一覧へ" class="n p<%next_year><%next_month>"><%now_year> 年<%next_month>月の全記事一覧へ≫</a>
</div>
</div></div>
<!--/date_area-->

<タグページに記事タイトル一覧を表示する場合>
(FC2ブログ)

<!--tag_area-->
<div class="content">
<div class="entry_body">
<p>
タグ:<%sub_title> の記事一覧
</p>
<ul>
<!--topentry-->
<li>・<a href="<%topentry_link>" title="<%topentry_title>"><%topentry_title></a></li>
<!--/topentry-->
</ul>
<p class="content-nav" align="center">
<!--prevpage-->
<a href="<%prevpage_url>" title="前のページへ">前のページへ </a>
<!--/prevpage-->
|
<!--nextpage-->
<a href="<%nextpage_url>" title="次のページへ"> 次のページへ</a>
<!--/nextpage-->
</p>
</div>
</div>
<!--/tag_area-->

タイトルの一覧は、表示件数によって変わります。

記事で書いているカスタマイズは、自分用として記載していますので参考になさる場合は自己責任でお願い致します。
カスタマイズをする時は、必ずバックアップをするようにして下さい。

関連記事
Advertisement

よろしければ応援して下さい(^v^)

PINGOO!カテゴリ日記 ブログランキング・にほんブログ村へ fc2 people