コメントエリア最上部にはエントリーナビゲーションを表示させます。エントリーナビゲーションというのは、その記事より以前、または以降に投稿された記事へのリンク付きテキストを表示させるものです。

例えばここで記述するソースの場合

＜前のエントリータイトル｜TOP｜次のエントリータイトル＞

と表示されます。

スタイルシート部分

.kizinav { 
	text-align: center;
}

HTML部分

<!--comment_area-->
  <div class ="kizinav">
    <!--preventry-->
      ＜<a href="<%preventry_url>"><%preventry_title></a>
    <!--/preventry--> 
      |<a href="./">TOP</a>| 
    <!--nextentry-->
      <a href="<%nextentry_url>"><%nextentry_title></a>＞
    <!--/nextentry-->
  </div>
<!--/comment_area-->

.kizinav-スタイルシート部分

text-align: centerでテキストのセンタリングをしています。

HTML部分解説

今回使用する変数

• <!--preventry-->：閲覧中の記事より１つ古い記事情報を表示
• <%preventry_url>：閲覧中の記事より１つ古い記事URLを表示
• <%preventry_title>：閲覧中の記事より１つ古い記事タイトルを表示
• <!--nextentry-->：閲覧中の記事より１つ新しい記事情報を表示
• <%nextentry_url>：閲覧中の記事より１つ新しい記事URLを表示
• <%nextentry_title>：閲覧中の記事より１つ新しい記事タイトルを表示

変数を使用して、その記事と１つ新しい記事、１つ古い記事との関係を表示しています。

ゼロから創るテンプレートトップ

1. 記事フッター部分
2. RDF部分
3. コメントエリア
4. エントリーナビゲーション
5. コメントリスト部分
6. コメント投稿フォーム
7. コメント編集フォーム
8. トラックバックURL表示
9. トラックバックリスト部分
10. ページナビゲーション部分
11. left(記事フッター部分〜left終わり)ソース

前後の記事

最近の記事