【Xeory】記事を分割してページネーションを変更する方法【WP】

Xeoryテンプレートには以外にも記事内のページネーションがついていません。この記事では

  • Xeoryの記事ページにページネーションをつける方法
  • ページネーションのデザインを変更する方法

を紹介します。

single.php

<?php the_content(); ?>

上記の下に下記をペーストしてください。

<?php
$defaults = array(
	'before'           => '<div class="pagenation">',
	'after'            => '</div>',
	'link_before'      => '<div>',
	'link_after'       => '</div>',
	'next_or_number'   => 'next',
	'separator'        => ' ',
	'nextpagelink'     => __( 'Next page' ),
	'previouspagelink' => __( 'Previous page' ),
	'pagelink'         => '%',
	'echo'             => 1
);
wp_link_pages( $defaults );
?>

スタイルシート

一番下に下記を挿入する。

/* ページネーション*/
.pagenation div{
    border: 1px #bbb solid;
    padding: 10px 20px;
    margin: 0 10px;
display: inline-block;
 background:#ff69b4;
 color:#fff;
}

上記により、次のようなページネーションを記事に入れられる。

f:id:cland741953:20171024012245p:plain

ちなみに記事内にページネーションを入れる方法は、記事編集画面で記事の任意の位置に「続きを読むタグ」を入れる

f:id:cland741953:20171024012413p:plain


ツイッターやってます