insdays

<!--nextpage-->を入れるだけ?

投稿記事を複数ページに分割する方法 nextpageでページャーが表示されない時の対処法

  • 2018.12.22
  • WordPress
Wordpressにはデフォルトで投稿記事を複数ページに分割する機能が付いている。
下記を入れるだけでページが分割されページャーが出てくるはず
<!--nextpage-->
を入れてもページャーが表示されない??そんな時は下記をいれてあげる
だいたいは、single.php / page.php の「<?php the_content(); ?>」の下あたりに挿入
<?php wp_link_pages(); ?>

するとページャーが表示される

投稿記事を複数ページに分割する でも、このままだとデザインをしにくいので

ページャーをdivで囲ってあげる

下記のように書いてあげるとページャーがdivで囲まれる。
<?php wp_link_pages('before=<div class="nextPage">&after=</div>'); ?>
もっと、細かく指定したい時は下記を「functions.php」に書くとページャーをdiv で囲んで数字をspanで囲むことができる。下記を変更することでいろいろと可能に
function custom_wp_link_pages() {
$defaults = array(
 'before' => '<div class="nextPage">',
 'after' => '</div>',
 'link_before' => '',
 'link_after' => '',
 'next_or_number' => 'number',
 'separator' => ' ',
 'nextpagelink' => __( 'Next page' ),
 'previouspagelink' => __( 'Previous page' ),
 'pagelink' => '<span class="nextPageNumbers">%</span>',
 'echo' => 1
 );
 return $defaults;
}
add_filter( 'wp_link_pages_args', 'custom_wp_link_pages');

Copyright 2018 insdays