WordPressでアーカイブページを作成しています。
また、最初の記事とそれ以外の記事を違うアイキャッチ画面の大きさで表示する設定にして、それの表示を繰り返すように設定しました。
イメージ
１ページ目
小さな画像
大きな画像
大きな画像
大きな画像
大きな画像
大きな画像
大きな画像
大きな画像
２ページ目
小さな画像
大きな画像
大きな画像
大きな画像
大きな画像
大きな画像
大きな画像
大きな画像
このようなイメージです。
途中ページネーションが上手く行かずに、他のサイトを参考に位置からページネーションを作成しました。（それを成功させるまでに色々とコードを弄る）
ページネーションを
https://shanabrian.com/web/jquery/pagination.phpで作成しました。
すると、最初のページだけ小さな画像が出て、それ以降のページでは大きなアイキャッチ画像しか出ません。
ページネーションを変えたのが問題かは分かりません。
ｐｈｐが正しく設定できているかなど、(ｐｈｐ初心者な為わからない部分があります。)
イメージ
１ページ目
小さな画像
大きな画像
大きな画像
大きな画像
大きな画像
大きな画像
大きな画像
大きな画像
２ページ目
大きな画像(ここが違う)
大きな画像
大きな画像
大きな画像
大きな画像
大きな画像
大きな画像
大きな画像
ここを解決したいと考えています。
archive.php
1<div class="list-box">
2 <ul class="items">
3 <?php
4 $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
5 $the_query = new WP_Query(array(
6 'post_status' => 'publish',
7 'post_type' => 'post', // ページの種類（例、page、post、カスタム投稿タイプ）
8 'paged' => $paged,
9 'orderby' => 'date',
10 'order' => 'DESC'
11 ));
12 if ($the_query->have_posts()) :
13 while ($the_query->have_posts()) : $the_query->the_post();
14 ?>
15 <div class="item">
16 <?php // ブログの一覧を表示する start ?>
17 <?php if (have_posts()) : ?>
18 <?php while (have_posts()) : the_post(); ?>
19 <article class="blog-list__list-item">
20 <?php // アイキャッチを表示させる start
21 ?>
22 <div class="blog-item-thumbnail-second">
23 <?php if (has_post_thumbnail()) : ?>
24 <div class="thumbnail-image-second"><?php the_post_thumbnail(array(240, 148)); ?></div>
25 <?php else : ?>
26 <div class="thumbnail-image-second">
27 <img src="<?php echo get_template_directory_uri(); ?>/images/sample4.png" alt="デフォルトのアイキャッチ画像" width="240" height="148" />
28 </div>
29 <?php endif; ?>
30 </div>
31 <?php // アイキャッチを表示させる end
32 ?>
33 </div>
34 <div class="blog-item-content">
35 </article>
36 </div>
37 <?php break; ?>
38 <?php endwhile; ?>
39 <?php while (have_posts()) : the_post(); ?>
40 <div class="item">
41 <article class="blog-list__list-item">
42 <div class="blog-list-wrapper-second">
43 <?php // アイキャッチを表示させる start ?>
44 <div class="blog-item-thumbnail">
45 <?php if (has_post_thumbnail()) : ?>
46 <div class="thumbnail-image">
47 <?php the_post_thumbnail(array(240, 179)); ?></div>
48 <?php else : ?>
49 <div class="thumbnail-image">
50 <img src="<?php echo get_template_directory_uri(); ?>/images/sample4.png" alt="デフォルトのアイキャッチ画像" width="240" height="179" />
51 </div>
52 <?php endif; ?>
53 </div>
54 <?php // アイキャッチを表示させる end ?>
55 </div>
56 <div class="blog-item-content">
57 <p class="blog-item-day-second"><?php the_time('Y-m-d'); ?></p>
58 </article>
59 </div>
60 <?php endwhile; ?>
61 <?php endif; ?>
62 <?php // ブログの一覧を表示する end ?>
63 <?php break; ?>
64 <?php endwhile;
65 else :
66 echo '<div><p>ありません。</p></div>';
67 endif;?>
68 </ul>
69 </div>
文字数制限のため上記のコードではタイトルや抜粋は表示されないように削除しています。
functions.php
1// アーカイブページの投稿をすべて表示する支持
2add_action( 'pre_get_posts', function ( $query ) {
3 if ( !is_admin() && $query->is_main_query()) {
4 // 管理画面ではないメインクエリの場合
5 if ( is_archive( ) ) {
6 $query->set( 'posts_per_page' , -1 ); // カテゴリーアーカイブで表示したい数
7 }
8 }
9 return $query;
10} );
https://shanabrian.com/web/jquery/pagination.php
このページネーションのjqファイルの設定で、記事の数は１０で設定されています。
ご存じの方、また直接解決にはつながらなくとも、
何かヒントになることがありましたら、コメントお願いいたします。
Q&A
