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

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

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

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

PHP

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

ページネーション

Webアプリケーションにおいて、1ページに収まらないコンテンツを、各ページへのリンクを並べてアクセスしやすくする手法をページネーションと呼びます。

検索

検索は、あるデータの集まりの中から 目的のデータを見つけ出すことです。

解決済

WordPressの絞り込み検索結果画面でページネーションを実装したい

noki0905
noki0905

総合スコア12

WordPress

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

PHP

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

ページネーション

Webアプリケーションにおいて、1ページに収まらないコンテンツを、各ページへのリンクを並べてアクセスしやすくする手法をページネーションと呼びます。

検索

検索は、あるデータの集まりの中から 目的のデータを見つけ出すことです。

1回答

0評価

0クリップ

5901閲覧

投稿2020/02/06 15:47

前提・実現したいこと

WordPressでポータルサイトを作成しています。
フリーワード検索と絞り込み検索の結果画面をsearch.phpで共通にしています。(トップページからフリーワード検索と絞り込みどちらも可能)

検索結果画面でページネーションを実装したいのですがどうにもうまく機能しません。

発生している問題・エラーメッセージ

現在のページネーションの機能状況は状況は以下の通りです。

フリーワード検索:空で検索 => 次のページに進むと404
リンク => http://localhost:8888/wordpress/page/2/?s

フリーワード検索:なにかワードを入れて検索 => 正常
リンク => http://localhost:8888/wordpress/page/2/?s=%E6%9D%B1%E4%BA%AC

絞り込み検索:すべての絞り込み条件 => 次のページに進むと404
リンク => http://localhost:8888/wordpress/page/2/?area=tokyo&s#038;s
(このパターンではリンクの文字列が一部コードに変わってます)

他のページでもページネーションを取得するコードは同様で、別のカスタム投稿タイプでも正常に機能しています。

該当のソースコード

search.php

PHP

<div class="c-wrapper"> <div> <h3><i class="fas fa-search"></i>さらに条件を絞り込んで検索</h3> <form action="<?php echo esc_url( home_url( '/' ) ); ?>" method="GET" class="p-accordion-menu__list p-search-accordion__list"> <table> <tr> <th>エリア検索</th> <td> <div> <select name="area" id=""> <option disabled selected>エリアを選択してください</option> <?php $taxonomy_name = 'area'; $taxonomies = get_terms($taxonomy_name); if(!is_wp_error($taxonomies) && count($taxonomies)): foreach($taxonomies as $taxonomy): $tax_posts = get_posts(array('post_type' => 'company', 'taxonomy' => $taxonomy_name, 'term' => $taxonomy->slug ) ); if($tax_posts): ?> <option value="<?php echo $taxonomy->slug; ?>"><?php echo $taxonomy->name; ?></option> <?php endif; endforeach; endif; ?> </select> </div> </td> </tr> //その他にもいくつか条件がありますが、だいたい同じです。 <tr> <th>条件1<span"></span></th> <td> <ul> <li><label for="checkbox-1"><input id="checkbox-1" type="checkbox" name="point[]" value="roof"><span></span>屋根</label></li> <li><label for="checkbox-2"><input id="checkbox-2" type="checkbox" name="point[]" value="tile"><span></span>瓦屋根</label></li> <li><label for="checkbox-3"><input id="checkbox-3" type="checkbox" name="point[]" value="rain"><span></span>雨樋</label></li> </ul> </td> </tr> </table> </ul> </td> </tr> <tr> <th>特徴<span></span></th> <td> <ul> <?php $taxonomy_name = 'feature'; $taxonomies = get_terms($taxonomy_name); if(!is_wp_error($taxonomies) && count($taxonomies)): foreach($taxonomies as $taxonomy): $tax_posts = get_posts(array('post_type' => 'company', 'taxonomy' => $taxonomy_name, 'term' => $taxonomy->slug ) ); if($tax_posts): ?> <li><label for="<?php echo $taxonomy->slug; ?>"><input id="<?php echo $taxonomy->slug; ?>" type="checkbox" name="feature[]" value="<?php echo $taxonomy->slug; ?>"><span></span><?php echo $taxonomy->name; ?></label></li> <?php endif; endforeach; endif; ?> </ul> </td> </tr> </table> <div> <input type="hidden" name="s" id="s" placeholder="検索" class="u-dn"> <input type="submit" value="この条件で検索"> </div> </form> </div> </div> //ここからループ生成 <section class="se-list"> <div class="c-wrapper"> <?php $s = $_GET['s']; $area = $_GET['area']; $point = $_GET['point']; $feature = $_GET['feature']; $paged = get_query_var('paged') ? get_query_var('paged') : 1 ; ?> <?php if($s) : ?> //フリーワード検索で文字列があった場合 <?php $the_query = new WP_Query( array( 'post_type' => 'company', 'posts_per_page' => 5, 'paged' => $paged, 's' => $s, ) ); ?> <?php else : ?> //絞り込み検索で条件の指定があった場合 <?php if($area){ $taxquery[] = array( 'relation' => 'OR', array ( 'taxonomy'=>'area', 'terms'=> $area, 'include_children'=>true, 'field'=>'slug', ), array ( 'taxonomy'=>'area', 'terms'=> "alljapan", 'include_children'=>true, 'field'=>'slug', ) ); } if($feature){ $taxquery[] = array( 'taxonomy'=>'feature', 'terms'=> $feature, 'include_children'=>false, 'field'=>'slug', 'operator'=>'AND' ); } $taxquery['relation'] = 'AND'; if( $point ){ foreach($point as $val){ $metaquery[] = array( 'key'=>'point', 'value'=> $val, 'compare'=>'LIKE', ); } } $metaquery['relation'] = 'AND'; $the_query = new WP_Query( array( 'post_type' => 'company', 'posts_per_page' => 2, 'paged' => $paged, 'tax_query' => $taxquery, 'meta_query' => $metaquery, ) ); ?> <?php endif; ?> <?php if ( $the_query->have_posts() ) : ?> <p><?php echo $the_query->post_count; ?><span><?php echo $the_query->found_posts; ?></span></p> <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?> //コンテンツの表示 <?php endwhile; ?> <?php $GLOBALS['wp_query']->max_num_pages = $the_query->max_num_pages; $max_num_pages = $the_query->max_num_pages; $big = 999999999; if ($the_query->max_num_pages > 1) { echo paginate_links( array( 'type' => 'list', 'mid_size' => '5', 'prev_text' => '<i class="fas fa-chevron-left"></i>', 'next_text' => '<i class="fas fa-chevron-right"></i>', // 'base' => get_pagenum_link(1) . '%_%', 'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ), 'format' => '?paged=%#%', 'current' => max(1, $paged), 'total' => $max_num_pages ) );} ?> <?php pagination( $the_query->max_num_pages, $paged ); ?> <?php else:?> <div>該当する業者がありません。</div> <?php endif; wp_reset_postdata(); ?> </div><!-- .c-wrapper --> </section>

ページネーションに該当しそうな部分のみ抜粋
function.php

PHP

/*****************************************************************************************/ // 検索する投稿タイプを業者のみに指定 function SearchFilter($query) { if ($query->is_search) { $query->set('post_type', 'company'); } return $query; } add_filter('pre_get_posts','SearchFilter'); /*****************************************************************************************/ // /**ページネイション数**/ add_action('pre_get_posts','my_pre_get_posts'); function my_pre_get_posts( $query ) { if ( !is_admin() && $query->is_main_query() ) { if ( $query->is_post_type_archive('example') ) { $query->set( 'posts_per_page', 3 ); } else if( $query->is_post_type_archive('company') ) { $query->set( 'posts_per_page', 5 ); } } } // /*ページネイションurlリダイレクト*/ add_filter('redirect_canonical','my_disable_redirect_canonical'); function my_disable_redirect_canonical( $redirect_url ) { if ( is_archive() ){ $subject = $redirect_url; $pattern = '//page//'; // URLに「/page/」があるかチェック preg_match($pattern, $subject, $matches); if ($matches){ //リクエストURLに「/page/」があれば、リダイレクトしない。 $redirect_url = false; return $redirect_url; } } }

試したこと

  • こちらの記事を参考にfunctionでもやってみました。

https://wemo.tech/978
その他にもいくつかブログなどをみて試しましたが、どれも結果は同様です。

  • リンクが崩れている箇所を直してみたり、直に打ち込んでみても結果は同じでした。

  • Wp-Queryではなく、query_postsでループ処理するパターンも試しましたが結果変わらずです。

状況説明で足りない箇所がありましたらご指摘いただけると助かります。

良い質問の評価を上げる

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

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

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

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

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

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

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

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

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

まだ回答がついていません

会員登録して回答してみよう

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

同じタグがついた質問を見る

WordPress

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

PHP

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

ページネーション

Webアプリケーションにおいて、1ページに収まらないコンテンツを、各ページへのリンクを並べてアクセスしやすくする手法をページネーションと呼びます。

検索

検索は、あるデータの集まりの中から 目的のデータを見つけ出すことです。