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

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

新規登録して質問してみよう
ただいま回答率
85.50%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Q&A

解決済

1回答

3669閲覧

【WP-PageNavi】固定ページでカスタム投稿タイプを2ページ以降もループさせる【とページネーションの表示】

kp4livateen

総合スコア32

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

1グッド

0クリップ

投稿2020/04/01 04:44

WP-PageNaviでページネーションを実装しました。

固定ページ(single-xxx.php)に「カスタム投稿タイプ」から「求人情報」を出力し、「記事一覧ページ」のようにしました。(「Advance Custom Fields」と「Custom Post Type UI」を使っています)

【参考にしたサイト】『WP-PageNavi』の使い方まとめ

解決したいこと①【2ページ以降が正しく出力されない】

表示数を3にしテストで4記事作成しましたが、2ページ目に飛んでも最初の3記事が表示されてしまいます。

(WordPressの表示設定の「1ページに表示する最大投稿数」は1投稿にしてあります)

コードは下記です。【short-xxx.php】

short

1<?php get_header(); ?> 2 3 <div class="inner"> 4 5 <div class="test-card-wrapper"> 6 <?php 7 $my_query = new WP_Query( 8 array( 9 'post_type' => 'recruit', 10 'posts_per_page' => 3, 11 'tax_query' => array( 12 array( 13 'taxonomy' => 'short', 14 'field' => 'slug', 15 'terms' => array( 16 'short-manufacture', 17 ), 18 ), 19 ), 20 ) 21 ); 22 // $queryの条件で記事の有無を確認 23 if ( $my_query->have_posts() ): 24 25 // $queryの条件で記事を取得するループ 26 while ( $my_query->have_posts() ): 27 $my_query->the_post(); 28 ?> 29 30 <div class="test-card"> 31 <div class="test-border"> 32 <a href="<?php the_permalink(); ?>"> 33 <div class="test-number"><?php the_field('job-number'); ?></div> 34 <div class="test-ttl test-row"><?php the_title(); ?></div> 35 <div class="test-flex flex-between test-row test-padding"> 36 <div class="test-fa"><i class="fas fa-yen-sign"></i> <?php the_field('salary'); ?></div> 37 <div class="test-fa"><i class="fas fa-map-pin"></i> <?php the_field('work-location'); ?></div> 38 <div class="test-fa"><i class="far fa-clock"></i> <?php the_field('working-hours'); ?></div> 39 </div> 40 <div class="test-detail test-padding"><?php the_field('job-detail'); ?></div> 41 </a> 42 </div> 43 </div> 44 45 <?php 46 endwhile; 47 wp_reset_postdata(); // メインクエリの $post グローバル変数を復元するために使用 48 49 endif; 50 ?> 51 </div> 52 <?php 53 $paged = get_query_var('paged') ? get_query_var('paged') : 1; 54 $args = array( 55 'post_type' => 'recruit', 56 'posts_per_page' => 3, 57 'paged' => $paged 58 ); 59 60 $my_query = new WP_Query( $args ); 61 62 if(function_exists('wp_pagenavi')){ 63 wp_pagenavi(array('query'=>$my_query)); 64 } 65 66 wp_reset_postdata(); 67 ?> 68 </div><!-- inner --> 69 70<?php get_footer(); ?> 71

コードは下記です。【functions.php】

functions.php

1// カスタム投稿タイプを設定するregister_post_type関数 2add_action( 'init', 'my_post_type' ); 3function my_post_type() { 4 register_post_type( 5 'recruit', 6 array( 7 'label' => '求人募集', 8 'public' => true, 9 'hierarchical' => true, 10 'has_archive' => true, 11 'menu_position' => 3, 12 'supports' => array('title', 'editor', 'author', 'thumbnail', 'excerpt', 'trackbacks', 'custom-fields', 'comments', 'revisions', 'page-attributes') 13 ) 14 ); 15}

解決したいこと②【ページネーションが正しく表示されない】

また、ページネーションの表示数を2ページしかない場合は「①②」だけ表示されるようにしたいのですが、WP-PageNaviの設定からでは出来ないのでしょうか?

(現在はWP-PageNaviの設定で「表示するページ数」を3にしているので2ページ分しかないのに、ページネーションが①②③と3つ表示されてしまっています)

【参考にしたサイト】WordPressページナビゲーションを作成するプラグインWP-PageNavi

どなたかご教示ください、よろしくお願いいたしますm(_ _)m

退会済みユーザー👍を押しています

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

自己解決できました!(short-xxx.php)

PHP

1 2<?php get_header(); ?> 3 4 <div class="inner"> 5 6 <div class="recruit-card-wrapper"> 7 <?php 8 $paged = get_query_var('paged') ? get_query_var('paged') : 1; 9 $args = array( 10 'post_type' => 'recruit', 11 'posts_per_page' => 3, 12 'paged' => $paged, 13 'tax_query' => array( 14 array( 15 'taxonomy' => 'short', 16 'field' => 'slug', 17 'terms' => array( 18 'short-manufacture', 19 ), 20 ), 21 ), 22 ); 23 $query = new WP_Query( $args ); 24 ?> 25 <?php if ( $query->have_posts() ) : ?> 26 <?php while ( $query->have_posts() ) : ?> 27 <?php $query->the_post(); ?> 28 <div class="recruit-card"> 29 <div class="recruit-border"> 30 <a href="<?php the_permalink(); ?>"> 31 <div class="recruit-number"><?php the_field('job-number'); ?></div> 32 <div class="recruit-ttl recruit-row"><?php the_title(); ?></div> 33 <div class="recruit-flex flex-between recruit-row recruit-padding"> 34 <div class="recruit-fa"><i class="fas fa-yen-sign"></i> <?php the_field('salary'); ?></div> 35 <div class="recruit-fa"><i class="fas fa-map-pin"></i> <?php the_field('work-location'); ?></div> 36 <div class="recruit-fa"><i class="far fa-clock"></i> <?php the_field('working-hours'); ?></div> 37 </div><!-- recruit-flex flex-between recruit-row recruit-padding --> 38 <div class="recruit-detail recruit-padding"><?php the_field('job-detail'); ?></div> 39 </a> 40 </div><!-- recruit-border --> 41 </div><!-- recruit-card --> 42 <?php endwhile; ?> 43 <?php endif; wp_reset_postdata(); ?> 44 </div><!-- recruit-card-wrapper --> 45 46 <?php 47 $paged = get_query_var('paged') ? get_query_var('paged') : 1; 48 $args = array( 49 'post_type' => 'recruit', 50 'posts_per_page' => 3, 51 'paged' => $paged 52 ); 53 54 if(function_exists('wp_pagenavi')){ 55 wp_pagenavi(array('query'=>$query)); 56 } 57 58 wp_reset_postdata(); 59 ?> 60 </div><!-- inner --> 61 62<?php get_footer(); ?> 63

上の方に下記を追記したらイケました!(同時にページネーションの表示も解決!)

$paged = get_query_var('paged') ? get_query_var('paged') : 1;

functions.phpの記述は不要でした。

【参考にしたサイト】
PageNaviを特定のカテゴリやアーカイブでページ遷移をしても1ページ目が表示される場合の問題を解決するためのメモ

投稿2020/04/02 11:47

kp4livateen

総合スコア32

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問