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-->の後に、挿入されているわけ。

コメントを残す




*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

WordPress4.0、「ウインドウの高さに合わせてエディターを広げる」機能のON・OFF
外部サイトでも使うことのできる画像形式
FC2ブログ記事直下に広告とランキングを自動的に挿入する
似た文章やHTML、スタイルシートなどの違いを比較するソフト
独自ドメイン収得・ムームードメイン
FC2ブログのテンプレートの中に、ナビゲーション(パンくずリスト)を入れ込む
テキストモードにクイックタグを追加-WordPress投稿の編集のカスタマイズ
URLの形式は?ディレクトリ形式?サブドメイン形式
description次第で検索順位が変わる・訪問者が増える
スタイルシートの擬似要素after、beforeで前後に文字や画像を入れることができる
ページタイトルの問題点と改善点を把握して訪問者を増やそう
Googleカスタム検索のメリットとデメリットをWordPress標準検索と比べてみよう
音譜 はどうやって表示する?
WordPressのサイトマップをGooglewebマスターツールに登録しよう
広告や画像を横並べにするHTML

Menu

HOME

 TOP