WordPress１記事をページ分割nextpageテーマカスタマイズ

17,422views／投稿 2015-07-04／更新 2019-04-29

長い１記事を分割してページ数のナビゲーションリンク（ページ送り）を表示するカスタマイズです。インタビュー記事など長めの特集記事でよく見かける機能がWordPressに最初から備わっているんですね。

「MORE」でおなじみの<!--more-->と同じように、<!--nextpage-->とHTMLテキストモードで入力すると「PAGE BREAK」となって分割されます。

<!--nextpage-->

オリジナルテーマではPHPカスタマイズ必須

配布テーマには最初から備わってますが、オリジナルでテーマを作っている場合には<!--nextpage-->をしても、そこで分断されるもののページ送りが何も出ないです。

２ページ目３ページ目と何ページに渡っているのかと、次ページへのリンクが必要です。何だか前後の記事を行き来するリンクとこんがらがりそうですが、今回は１記事分割機能です。

wp_link_pagesデフォルトパラメータ

wp_link_pagesを使います。解説はこのページにされています。

<?php
$defaults = array(
	'before'           => '<p>' . __( 'Pages:' ),
	'after'            => '</p>',
	'link_before'      => '',
	'link_after'       => '',
	'next_or_number'   => 'number',
	'separator'        => ' ',
	'nextpagelink'     => __( 'Next page' ),
	'previouspagelink' => __( 'Previous page' ),
	'pagelink'         => '%',
	'echo'             => 1
);
wp_link_pages( $defaults );
?>

そのままでもいいですが、

<?php wp_link_pages(); ?>

シンプルに上記をcontent.php や single.php ファイルに記述すると、その位置にページナビがデフォルト状態で表示されます。しかし、スマホだとタップし辛いですし、送り番号だけではちょっと不親切なので、少しカスタマイズします。

ということで一旦ここでページ分割します。