質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.65%

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

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 2
  • VIEW 1,254
退会済みユーザー

退会済みユーザー

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 -->

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

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 ) {
        // 1ページのみで表示設定が true の時
        echo '<div class="pagination"><span class="current">1</span></div>';
        return;
    }

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

    if ( 1 !== $pages ) {
        //2ページ以上の時
        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";
    }
}


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

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • kei344

    2018/10/20 12:01

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

    キャンセル

  • 退会済みユーザー

    退会済みユーザー

    2018/10/20 12:02

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

    キャンセル

  • 退会済みユーザー

    退会済みユーザー

    2018/10/20 12:16

    追加できました。

    キャンセル

回答 2

+2

問題点1:固定ページで無理やりページングしようとしている

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

問題点2:$wp_queryは固定ページを取得している状態

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

問題点3:query_postsを使用している

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/10/21 02:13 編集

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

    キャンセル

  • 2018/10/21 02:34

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

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

    キャンセル

  • 2018/10/21 03:07

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

    キャンセル

  • 2018/10/21 03:19

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

    キャンセル

check解決した方法

0

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

<?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(); ?>

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.65%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる