スポンサーサイト

エントリーナビゲーション

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

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

<前のエントリータイトル|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-->:閲覧中の記事より1つ古い記事情報を表示
  • <%preventry_url>:閲覧中の記事より1つ古い記事URLを表示
  • <%preventry_title>:閲覧中の記事より1つ古い記事タイトルを表示
  • <!--nextentry-->:閲覧中の記事より1つ新しい記事情報を表示
  • <%nextentry_url>:閲覧中の記事より1つ新しい記事URLを表示
  • <%nextentry_title>:閲覧中の記事より1つ新しい記事タイトルを表示

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

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

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

前後の記事

最近の記事

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。