01
08
FC2ブログでカテゴリの記事一覧を表示する方法
せっかく作ったブログなので来てくれた人にできるだけ長く滞在してもらいたいものです。では、どのようにすればよいのか?方法はいろいろあると思いますが、分かりやすいサイト構成であったり求めているコンテンツが見つけ易かったりすれば滞在時間も長くなるはずです。で、ここではカテゴリページに記事一覧を表示する方法を紹介します。目次のようになって見やすいと思います。で設置方法は簡単。
<!--topentry-->の上に下のタグを挿入するだけです。
<!--category_area-->
<div class="free_category">
<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="前のページへ" id="category_nav_previous" name="category_nav_previous">≪新しい記事一覧へ </a>
<!--/prevpage-->
| |
<!--nextpage--><a href="<%nextpage_url>" title="次のページへ" id="category_nav_next" name="category_nav_next"> 古い記事一覧へ≫</a>
<!--/nextpage-->
</p>
</div>
<!--/category_area-->
実際どのようになるかはこちらのカテゴリページでご確認ください。一番上にそのカテゴリに属する記事一覧が表示されます。タイトルを囲むPタグとリストタグにはスタイルシートを利用しています。<div class="free_category">
<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="前のページへ" id="category_nav_previous" name="category_nav_previous">≪新しい記事一覧へ </a>
<!--/prevpage-->
| |
<!--nextpage--><a href="<%nextpage_url>" title="次のページへ" id="category_nav_next" name="category_nav_next"> 古い記事一覧へ≫</a>
<!--/nextpage-->
</p>
</div>
<!--/category_area-->
















