プラグイン不要！ショートコードを使いページネーションを設置…

1:functions.phpにショートコードの設定をする

  
  function pagination() {
  ob_start();
  get_template_part('inc/pagination'); 
  return ob_get_clean();
  }
  add_shortcode('pagination', 'pagination');
  
  

上記の記述ですと、テーマフォルダの中の’inc’というディレクトリの「pagination.php」というテンプレートファイルを読み込みます。

2:pagination.phpに関数の設定をする

  <?php
	$args = array (
		'prev_text'          => 'NEXT&gt;',
		'next_text'          => '&lt;PREV',
		'show_all'           => true,
	);
  ?>
  <div class="pagination">
    <?php the_posts_pagination( $args ); ?>
  </div>
  

上記のパラメータの設定ですと全ページ番号を表示’NEXT>’という次のページのリンクと'<PREV’という前のページへのリンクの表示します。

    
    .pagination h2.screen-reader-text { display: none; }
    

3:設定できるパラメータ、パラメータ値について

the_posts_pagination()に必要な引数は$argsの1つですが、任意に指定することもできます。
引数を指定するには配列である必要がありthe_posts_pagination()に指定できる配列には以下になります。

4:見た目を整える

  
  .pagination a {
  padding: 1px 8px;
  display: inline-block;
  border: solid 1px #cccccc;
  color: #666666;
  background-color: #ffffff;
  font-size: 1em;
  text-decoration: none;
  }
  .pagination a:hover {
  background-color: #e8e8e8;
  }
  .pagination span {
  padding: 1px 8px;
  display: inline-block;
  }
  .pagination span.current {
  color: #ffffff;
  font-size: 1em;
  background-color: #fd5a79;
  border: 1px solid #fd5a79;
  }
  
  .pagination {
  position:relative !important;		
  overflow: hidden;
  margin-top: 40px;
  margin-bottom: 20px;	
  text-align: center;
  clear: both;
  background-color: transparent;
  }
  
  .pagination h2.screen-reader-text { display: none; }
  
  
  /* 768px以上 */
  @media (min-width: 768px) {
  .pagination a {
  padding: 1px 10px;
  display: inline-block;
  border: solid 1px #cccccc;
  color: #666666;
  background-color: #ffffff;
  font-size: 1.19em;
  text-decoration: none;
  }
  
  .pagination span.current {
  color: #ffffff;
  font-size: 1.19em;
  background-color: #fd5a79;
  border: 1px solid #fd5a79;
  }
  
  
  .pagination span {
  padding: 1px 10px;
  display: inline-block;
  }
  
  
  }
  

レスポンシブデザインに対応します。

5:表示したい場所にショートコードを挿入

 <?php echo do_shortcode('［pagination］'); ?> 

表示したい場所（テンプレートファイル）にショートコードを挿入すれば設定完了です。
コピーして使用するときは全角大括弧を半角に直してください。

まとめ