WordPressで記事分割のカスタマイズ

In: WordPress

21 10月 2008

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になってしまうんでうまくいきませんでした)

コメント

8 Responses to WordPressで記事分割のカスタマイズ

トラックバックURL:

Avatar

給仕ちゃん

10月 5th, 2011 at 9:24 AM

WordPressで記事分割のカスタマイズ – Weblogy http://t.co/zsUWvG5x

Avatar

イープ

10月 5th, 2011 at 10:00 AM

WordPressで記事分割のカスタマイズ – Weblogy http://t.co/zsUWvG5x

Avatar

quzilla_me

10月 5th, 2011 at 6:24 PM

WordPressで記事分割のカスタマイズ – Weblogy http://t.co/zsUWvG5x

Avatar

infoeproduction

10月 5th, 2011 at 7:00 PM

WordPressで記事分割のカスタマイズ – Weblogy http://t.co/zsUWvG5x

Avatar

白いイルカ(佐藤 優)

12月 25th, 2011 at 5:54 AM

WordPressで記事分割のカスタマイズ | Weblogy http://t.co/wqVKaGie

Avatar

イープ

12月 25th, 2011 at 6:03 AM

WordPressで記事分割のカスタマイズ | Weblogy http://t.co/wqVKaGie

Avatar

siroiiruka2010

12月 25th, 2011 at 2:54 PM

WordPressで記事分割のカスタマイズ | Weblogy http://t.co/wqVKaGie

Avatar

infoeproduction

12月 25th, 2011 at 3:03 PM

WordPressで記事分割のカスタマイズ | Weblogy http://t.co/wqVKaGie

Comment Form

About this blog

ここは、SE見習いである私ことdaceloが、日夜習得していくシステム関連の備忘録、phpやWordPressTipsのネタ、あるいはSEOやWebマーケティング関連の雑感を投稿するブログです。 平日は大体毎日投稿しています。土日は休業日です。

カテゴリー

カテゴリー

アーカイブ