カテゴリーページを記事一覧表示にしてみよう！

はいこんにちは、今日はカテゴリーページを記事一覧にして表示させる
やり方をレクチャーしますよー。

それはいったいどういう事かというと

↓



こんな感じの表示です。

これらが何に繋がるかというと、
自分のブログ内での回遊性がUPします。

ページビューが増えるという事ですが、
これは大切な事ですよ。

それでは、いってみましょーーー。



■アーカイブのタグを変更する

管理画面　>　デザイン　>　オリジナルデザインの登録

アーカイブ

<div id="content">

<div class="blog">
<EntrysLoop>
<%TrackBackAutoDiscovery%>
<div class="blogbody">
<IfDateChanged><h2 class="date"><%EntryDate%></h2><a name="<%EntryDateTag%>"></a></IfDateChanged>

<a name="<%EntryId%>"></a>
<h3 class="title"><%EntryTitle%></h3>
<div class="main"><%EntryBody%>  <IfEntryBodyMore><span class="main-continues"><a class="acontinues" href="<%EntryPermalink%>#more">続きを読む</a></span></IfEntryBodyMore></div><br />
<div class="posted">Posted by <%EntryAuthor%> at
<a class="aposted" href="<%EntryPermalink%>"><%EntryTime%></a>
<IfEntryAllowComment>│<a class="aposted" href="<%EntryPermalink%>#comments">Comments(<%EntryCommentCount%>)</a></IfEntryAllowComment>
<IfEntryAllowPing>│<a class="aposted" href="<%EntryPermalink%>#trackback">TrackBack(<%EntryPingCount%>)</a></IfEntryAllowPing>
<IfEntryCategory>│<a class="aposted" href="<%EntryCategoryUrl%>"><%EntryCategory%></a></IfEntryCategory>
</div>
</div>
</EntrysLoop>
<div class="menu"><IfPrevPage>[<a class="amenu" href="<%PrevPage%>">前のページ</a>]</IfPrevPage><IfNextPage>[<a class="amenu" href="<%NextPage%>">次のページ</a>]</IfNextPage></div>
<div class="pagetop"><a class="aposted" href="#top">このページの上へ▲</a></div>
</div>
</div>

<div class="content">
↑で始るタグからそれが閉じられているタグまでを
そっくり↓の文と入れ替えます。

<div id="content">

<div class="blog">

<IfDateChanged><h2 class="date"></h2>
<a name="<%EntryDateTag%>"></a></IfDateChanged>
<div class="blogbody">
<a name="<%EntryId%>"></a>
<h3 class="title"><%CategoryName%></h3>

<div class="main">
<EntrysLoop>
<a href="<%EntryPermalink%>"><h3>・　<%EntryTitle%></h3></a><br>
</EntrysLoop>
</div>

</div>

<div class="menu"><IfPrevPage>[<a class="amenu" href="<%PrevPage%>">前のページ</a>]</IfPrevPage><IfNextPage>[<a class="amenu" href="<%NextPage%>">次のページ</a>]</IfNextPage></div>
<div class="pagetop"><a class="aposted" href="#top">このページの上へ▲</a></div>
</div>
</div>

しかしながら、全てのテンプレートで動く保証がないので、
自己責任でお願いしますね。

テンプレートタグをメモ帳か何かに保存する事をオススメします。

もし崩れてしまったら、新しいテンプレートに変更しましょう。
それが近道です。


色々と拡張できそうですが、今回はこんな感じで。