wp_link_pagesを利用した長くなる記事やページを複数ページに分ける

wordpress

ブログの記事にしても1つの記事が長すぎる場合にページを複数に分けて2ページとかにしたいときのメモ。

記事の編集画面にnextpageを書き込む

記事の編集画面で「HTML」のタブを選択した状態で、ページを分割したい場所で「<!–nextpage–>」と記述する

wp_link_pagesを追加する

single.phpやpage.phpなど個別のページに「wp_link_pages」関数を記述する。下記はsingle.php

上記のように記述すると2分割であれば「ページ:1 2」と2ページに分割されてリンク部分が出力されている。

wp_link_pagesのオプションでリンク部分を調整する

出力されたリンク部分の「「ページ:1 2」」をこのままではなくcssなどでデザインしたい場合もあると思う。その時は、オプションをを使用するといい。参考:「私的マニュアル:wp_link_pages

各パラメーターを「&」で区切って記述していく。上記の例だと

  • before : <p class=”postpage”> pタグでpostpageというクラスをつける
  • after : </p> pタグで閉じる
  • pagelink : <span> % </span> ページ数をspanタグで囲む *「%」はページ数が挿入される

と記述していくと下記のように出力されるのでcssでレイアウトし易くなる。もちろん上記はあくまで調整できる例なので別にページ数をspanで括る必要もない。