WordPressで長めの記事を書くときに、
<!–more–>
と記述すると、いわゆる「続きを読む」リンクになって分割されますが、さらに
<!–nextpage–>
と記述することによって、2ページ目、3ページ目も作成できるというのは以前ご紹介しました。

single.phpテンプレートに

<?php wp_3_link_pages('');>

と記述すれば、そこに分割ページのナビゲーションが表示されます。

ところが、このページ分割は、デフォルトでは単純に
1
2
と言ったようなリンクが出力されるだけなので、今回はこれをカスタマイズしてみます。

使用コード

<?php wp_3_link_pages('arguments'); ?>

使用コードはこちらです。

パラメーター

before
after
のパラメーターで、リストの前後に出力する文字列を挿入できます。

そんなこんなで、こんな風にすると

<?php wp_3_link_pages('before=<div class="page-links">&after=</div>&next_or_number=number&pagelink=<span>ページ %</span>'); ?>

こんなHTMLが出力されます。

<div class="page-links">
<a href="/example.html"><span> 1</span></a> 
<a href="/example.html/2"><span> 2</span></a> 
<a href="/example.html/3"><span> 3</span></a> 
<span> 4</span> 
<a href="/example.html/5"><span> 5</span></a>
</div>

あとはCSSでうまいこと装飾すればOKですね。（ul-liでやろうとしたんですが、aの中にliになってしまうんでうまくいきませんでした）

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.