ページネーションを設定しても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のカッコが付きません。
どのようにしたら良いのでしょうか、教えていただけると幸いです。
急いでますので、他のサイトでも質問する予定です。
0