php wp_link_pages
まずsingle.phpを確認してみてください。その中に<?php wp_link_pages(); ?>がない場合はそこに<?php wp_link_pages(); ?>を追加します。これで分割したページに進む為のリンクが自動で作成されます。後は、投稿記事で記事を分けたい部分に
<!--nextpage-->を挿入してやればその部分で記事を分割できます。
ただしデフォルトで使用した場合は「ページ:1 2 3」見たいな感じで少し寂しい為ここでは<?php wp_link_pages(); ?>のテンプレートタグを下記の様に使いスタイルシートでyahoo!などでよく見かけるような形のページナビゲーションに変更してあります。
<div class="pagenation"> <?php wp_link_pages('link_before=<span>&link_after=</span>'); ?> </div>
ちなみにこれで使っているスタイルシートは下記のような感じです。
.pagenation span { padding: 5px; border: 1px solid #CCC; background-color: #F2F2F2; margin-right: 2px; margin-left: 2px; font-weight: bold; } .pagenation a span { background-color: #FFF; font-weight: normal; } .pagenation a:hover span { background-color: #006; border: 1px solid #006; color: #FFF; }
又<?php wp_link_pages(); ?>のテンプレートタグの使い方はこれだけではないので詳しくは、「テンプレートタグ/wp link pages」をご覧下さい。
次のページでは
<!--nextpage-->の時にもっと簡単にyahoo!見たいなページナビゲーションを作る方法を紹介していきます。
最終更新日: 2013年2月6日