FC2ブログの全記事リストを表示する時のHTMLタグと注意点

 FC2ブログに全記事のリスト一覧を表示できるようにしてみたい。

 FC2のプラグインを設定すれば、簡単に全記事一覧が設定できるのだが、それでは面白くない。

 というわけで、テンプレートを改造して、ブログデザインにあわせた全記事リストを作ることにした。




全記事リスト一覧へのリンクタグ

<a href="<%url>archives.html">全ての記事を表示する</a>

 まずは↑のタグをFC2ブログのフリーエリアなどに貼り付ける。

 この、貼り付けたリンクをクリックすると、全記事一覧がブログの中に表示するようにしたい。

<!--titlelist_area-->
<!--titlelist--><%titlelist_year>/<%titlelist_month>/<%titlelist_day> :<a href="<%titlelist_category_url>
"><%titlelist_category></a><br>
・<a href="<%titlelist_url>"><%titlelist_title></a>  <br><br><br><!--/titlelist-->
<!--/titlelist_area-->

 テンプレートの中に、このHTMLを挿入すればいいはずだが、これがうまくいかない。

犯人はFC2ブログのエリアを指定する変数

 散々いじって、ようやく気がついた。

 このブログのテンプレートのHTMLには、<!--not_titlelist_area-->というタグがあることに!

 <!--not_titlelist_area--><!--/not_titlelist_area-->に囲われている部分はタイトルリストを表示できないエリアだ!

 そこで、<!--/not_titlelist_area-->の後に、上のHTMLタグを挿入。

 無事にリスト表示された。

 この、全記事リストはブログのテンプレートの使用にあわせて、テーブルで装飾してある。

<p><table cellspacing="0" cellpadding="0" width="468" align= "center"border="1"bgcolor="#ffffff">

           <tr>
             <td>
<!--titlelist_area-->
<!--titlelist--><%titlelist_year>/<%titlelist_month>/<%titlelist_day> :<a href="<%titlelist_category_url>
"><%titlelist_category></a><br>
・<a href="<%titlelist_url>"><%titlelist_title></a> 
<br><br><br><!--/titlelist-->
<!--/titlelist_area--> </td>
           </tr>
         </table></p>

  というタグが、<!--/not_titlelist_area-->の後に、挿入されているわけ。