keikkkk
@keikkkk (P 山本)

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

ページネーションを設定しても2ページ目に行くことが出来ません。

初心者です。ワードプレスでホームページを作成していて、
現在、投稿のアーカイブページでページネーションの設定を
行ってます。
他のページのボタンを押しても、1ページ目が表示されます。
解決方法が分かる方お願いいたします。

下記がコードになります。

PHP

<?php the_posts_pagination(
 
    array(  
        'mid_size'      => 2, // 現在ページの左右に表示するページ番号の数
        'prev_next'     => false, // 「前へ」「次へ」のリンクを表示する場合はtrue
        'type'          => 'list', // 戻り値の指定 (plain/list)
        'prev_text'     => __( '前へ'), // 「前へ」リンクのテキスト
        'next_text'     => __( '次へ'), // 「次へ」リンクのテキスト
        'paged' => get_query_var('paged') //これを加えました★) ); 
    )
); ?>

CSS

.pagination {
  display: flex;
}

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

ul.page-numbers {
  display: flex;

  li {
    width: 3.75vw;
    height: 3.75vw;
    border: 1px solid #1b224c;
    text-align: center;
    line-height: 3.90625vw;
    margin-right: 1.484375vw;
    
  }
   li:last-child {
  margin-right: 0vw;
}

  span.page-numbers.current {
    font-size: 1.6rem;
    text-decoration: none;
    font-weight: bold;
    color: #FFF; /* 現在のページの文字色 */
    background: #1b224c; /* 現在のページの背景色 */ 
    padding: 1.3vw 1.4vw 1.3vw 1.4vw;
  }

  li:nth-of-type(4) {
    border: none;
  }
}

span.page-numbers.current {
  font-size: 1.6rem;
  text-decoration: none;
  color: #1b224c;
  font-weight: bold;
}

a.page-numbers {
  font-size: 1.6rem;
  text-decoration: none;
  color: #1b224c;
  font-weight: bold;
}
.pagination {
  display: flex;
  margin: 0 auto;
  width: 25.46875vw;
  padding-bottom: 3.515625vw;
}


コード自体はネットにあったものに、'paged' => get_query_var('paged') //これを加えました★) );
これを他のサイトから拾いました(これを入れると治ることもあるようですが治りません。)

また、2ページめに移動したときに、4のカッコが付きません。
どのようにしたら良いのでしょうか、教えていただけると幸いです。

スクリーンショット 2022-03-28 15.14.20.png

スクリーンショット 2022-03-28 12.26.29.png

急いでますので、他のサイトでも質問する予定です。

0

No Answers yet.

Your answer might help someone💌