WordPressのカスタマイズとプラグイン、CSSテクニック、SEOの話題など。
In: WordPress
21 10月 2008WordPressで長めの記事を書くときに、
<!–more–>
と記述すると、いわゆる「続きを読む」リンクになって分割されますが、さらに
<!–nextpage–>
と記述することによって、2ページ目、3ページ目も作成できるというのは以前ご紹介しました。
single.phpテンプレートに
<?php wp_link_pages('');>
と記述すれば、そこに分割ページのナビゲーションが表示されます。
ところが、このページ分割は、デフォルトでは単純に
1
2
と言ったようなリンクが出力されるだけなので、今回はこれをカスタマイズしてみます。
<?php wp_link_pages('arguments'); ?>
使用コードはこちらです。
before
after
のパラメーターで、リストの前後に出力する文字列を挿入できます。
そんなこんなで、こんな風にすると
<?php wp_link_pages('before=<div class="page-links">&after=</div>&next_or_number=number&pagelink=<span>ページ %</span>'); ?>
こんなHTMLが出力されます。
<div class="page-links"> <a href="http://www.dacelo.info/example.html"><span> 1</span></a> <a href="http://www.dacelo.info/example.html/2"><span> 2</span></a> <a href="http://www.dacelo.info/example.html/3"><span> 3</span></a> <span> 4</span> <a href="http://www.dacelo.info/example.html/5"><span> 5</span></a> </div>
あとはCSSでうまいこと装飾すればOKですね。(ul-liでやろうとしたんですが、aの中にliになってしまうんでうまくいきませんでした)
ここは、SE見習いである私ことdaceloが、日夜習得していくシステム関連の備忘録、phpやWordPressTipsのネタ、あるいはSEOやWebマーケティング関連の雑感を投稿するブログです。 平日は大体毎日投稿しています。土日は休業日です。