wordpressでページネーションを設置しても表示されない

Question

wordpressで記事に対するページネーションを作っています。

下記のコードでは新着記事が14件以上になったら2ページ目を増やしてくれるようになっているはずなのですが、

ページネーションが表示されません。

検証機能を使ってみてみるとページネーションのコードを囲っているdivタグは表示されているので

ページネーションも一応設置はされてると思うのですが…。

どうしたら表示されるようになるでしょうか。

テンプレートはtwentyseventeenの固定ページのテンプレートを使っています。

「現在のコード」

<!-- newPostBox -->
<div class="newPostBox">
	
<!-- 新着記事の表示 -->
<?php
$args = array(
'posts_per_page' => 14
);
$posts = get_posts( $args );
foreach ( $posts as $post ):
setup_postdata( $post );
?>
	
<!-- カテゴリー名取得 -->
<?php
  $category = get_the_category();
  $cat_id   = $category[0]->cat_ID;
  $cat_name = $category[0]->cat_name;
  $cat_slug = $category[0]->category_nicename;
?>
<!-- カテゴリー名取得 -->

<!-- imgTextBox -->
<div class="imgTextBox">
<p class="textP"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><br><span class="postDate"><?php echo get_the_date( $format, $post ); ?></span><span class="writeName"><?php the_author(); ?></span><span class="catName"><?php echo $cat_name; ?></span></p>
<p class="imgP"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></p>
</div>
<!-- imgTextBox -->	

<?php
endforeach;
wp_reset_postdata();
?>
<!-- 新着記事の表示 -->

<!-- pagination -->
<div class=”pagination”>
<?php global $wp_rewrite;
	$paginate_base = get_pagenum_link(1);
	if(strpos($paginate_base, '?') || ! $wp_rewrite->using_permalinks()){
		$paginate_format = '';
		$paginate_base = add_query_arg('paged','%#%');
	}
	else{
		$paginate_format = (substr($paginate_base,-1,1) == '/' ? '' : '/') .
		user_trailingslashit('page/%#%/','paged');;
		$paginate_base .= '%_%';
	}
	echo paginate_links(array(
		'base' => $paginate_base,
		'format' => $paginate_format,
		'total' => $wp_query->max_num_pages,
		'mid_size' => 1,
		'current' => ($paged ? $paged : 1),
		'prev_text' => 'PREVIOUS',
		'next_text' => 'NEXT',
	)); ?>
</div>
<!-- pagination -->

	<!-- pickupBox -->
<div class="pickupBox">
	<p class="pickTitle">ピックアップ記事</p>

<!-- imgTextBox -->
<div class="imgTextBox">
	<?php query_posts(array('orderby' => 'rand', 'showposts' => 1));
if (have_posts()) :
while (have_posts()) : the_post(); ?>
<?php
  $category = get_the_category();
  $cat_id   = $category[0]->cat_ID;
  $cat_name = $category[0]->cat_name;
  $cat_slug = $category[0]->category_nicename;
?>
<p class="textP"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><br><span class="postDate"><?php echo get_the_date( $format, $post ); ?></span><span class="writeName"><?php the_author(); ?></span><span class="catName"><?php echo $cat_name; ?></span></p>
<p class="imgP"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></p>
<?php endwhile; endif; ?>
</div>
<!-- imgTextBox -->
</div>
<!-- pickupBox -->

「試したこと」
上記とは別のページネーションのコードを使ってみました。
こちらだと「１ of 0」とは表示されるのですが、２ページ目に飛べまぜん。

function pagination( $pages = 1, $range = 2, $show_only = false ) {

    $pages = (int) $pages;    //float型で渡ってくるので明示的に int型 へ
    $paged = get_query_var('paged') ? get_query_var('paged') : 1;

    //表示テキスト
    $text_first   = "« 最初へ";
    $text_before  = "‹ 前へ";
    $text_next    = "次へ ›";
    $text_last    = "最後へ »";

    if ( $show_only && $pages === 1 ) {
        // １ページのみで表示設定が true の時
        echo '<div class="pagination"><span class="current">1</span></div>';
        return;
    }

    if ( $pages === 1 ) return;    // １ページのみで表示設定もない場合

    if ( 1 !== $pages ) {
        //２ページ以上の時
        echo '<div class="pagination"><span>Page ', $paged ,' of ', $pages ,'</span>';
        if ( $paged > $range + 1 ) {
            // 「最初へ」 の表示
            echo '<a href="', get_pagenum_link(1) ,'">', $text_first ,'</a>';
        }
        if ( $paged > 1 ) {
            // 「前へ」 の表示
            echo '<a href="', get_pagenum_link( $paged - 1 ) ,'">', $text_before ,'</a>';
        }
        for ( $i = 1; $i <= $pages; $i++ ) {

            if ( $i <= $paged + $range && $i >= $paged - $range ) {
                // $paged +- $range 以内であればページ番号を出力
                if ( $paged === $i ) {
                    echo '<span class="current">', $i ,'</span>';
                } else {
                    echo '<a href="', get_pagenum_link( $i ) ,'" class="inactive">', $i ,'</a>';
                }
            }

        }
        if ( $paged < $pages ) {
            // 「次へ」 の表示
            echo '<a href="', get_pagenum_link( $paged + 1 ) ,'">', $text_next ,'</a>';
        }
        if ( $paged + $range < $pages ) {
            // 「最後へ」 の表示
            echo '<a href="', get_pagenum_link( $pages ) ,'">', $text_last ,'</a>';
        }
        echo '</div>', "\n";
    }
}

他にも色々なサイトのコードを使ってみましたが何も表示されませんでした。

Comments

[kei344]

固定ページのテンプレートでしょうか。

[退会済みユーザー]

ご回答ありがとうございます。固定ページのテンプレートです。

[kei344]

ここは「質問への追記・修正の依頼」ですので、「回答」ではありません。この「質問への追記・修正の依頼」の部分はデフォルトで表示されませんので、質問本文に追記することをお勧めします。

[退会済みユーザー]

そうなのですね。初めてなもので…追加します。

[退会済みユーザー]

追加できました。

Answer 1

#####問題点1：固定ページで無理やりページングしようとしている
「トップページ」と「新着一覧」を分けたいのであれば、カスタム投稿タイプを利用してしまう方が手早くかつ問題が起こりにくいです。

#####問題点2：$wp_queryは固定ページを取得している状態
pre_get_posts で置き換えていない限り、$wp_queryは固定ページを取得している状態なので「最新14件」はそこに取得されていないです。なので、ページが無いのでページャも出ません。

#####問題点3：query_postsを使用している
今の現象とは別の問題ですが、これを使うとページングに問題が出やすくなるので、使わないほうがよいです。

Comments

[退会済みユーザー]

ありがとうございます。カスタム投稿タイプを追加したのですが、sigle-（名前）.phpの中にページャーを含めた必要な記述をしてアップロードすればいいのでしょうか？本当になにもわかってなくて初歩的な質問で申し訳ありません。

[kei344]

カスタム投稿タイプを追加する方法は、コードを書くかプラグインを利用することになりますが、それより前にWordPressの入門書を何冊か読んでみてはいかがでしょうか。Webの情報は「体系立てた情報」で無いことが多いので、基礎的な部分は書籍を頼るのがお勧めです。（WordPress4.4以降くらいに対応している物がよいと思います）

また、テーマの構造については、自作テーマを作ってみることで理解が深まると思います。（入門書によってはこれも説明されていると思われます）

[退会済みユーザー]

急ぎの仕事でどうしても来週までに作らないといけないものがあるので本を読んでいる時間がないのです。申し訳ありません。仕事が終わって一段落ついたらゆっくり本を読もうと思います。なので迷惑かもしれませんが質問をさせて頂いております。

[退会済みユーザー]

すいません。一生懸命調べましてなんとか解決できました。まだ100%思い通りになったわけではないですが、表示はされるようになりました。本当にお騒がせしました。本は必ず読みます！！

Answer 2

このように記述することで表示されました。

<?php
$paged = (int) get_query_var('paged');
$args = array(
'posts_per_page' => 14,
'paged' => $paged,
'post_type' => array('post','カスタム投稿01','カスタム投稿02'),
'post_status' => 'publish',
'category_name' => 'cosplay'
);
$the_query = new WP_Query($args);
if ( $the_query->have_posts() ) :
while ( $the_query->have_posts() ) : $the_query->the_post();
?>
	
	<!-- imgTextBox -->
<div class="imgTextBox">
<p class="textP"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><br><span class="postDate"><?php echo get_the_date( $format, $post ); ?></span><span class="writeName"><?php the_author(); ?></span></p>
<p class="imgP"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></p>
</div>
<!-- imgTextBox -->	

<?php endwhile; ?>
<?php else: ?>
<?php endif; ?>
</div>

<div class="pagination">
<?php
if ($the_query->max_num_pages > 1) {
echo paginate_links(array(
'base' => get_pagenum_link(1) . '%_%',
'format' => 'page/%#%/',
'current' => max(1, $paged),
'total' => $the_query->max_num_pages,
'prev_text' => false,
'next_text' => false
));
}
?>
</div>
<?php wp_reset_postdata(); ?>