WordPressで記事分割のカスタマイズ
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になってしまうんでうまくいきませんでした)
広告
WordPressで記事分割のカスタマイズ – Weblogy http://t.co/zsUWvG5x
WordPressで記事分割のカスタマイズ – Weblogy http://t.co/zsUWvG5x
WordPressで記事分割のカスタマイズ | Weblogy http://t.co/wqVKaGie
WordPressで記事分割のカスタマイズ | Weblogy http://t.co/wqVKaGie