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

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

ただいまの
回答率

89.06%

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

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 444

noki0905

score 12

前提・実現したいこと

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

<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

/*****************************************************************************************/
// 検索する投稿タイプを業者のみに指定
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ページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

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

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

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

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

check解決した方法

0

絞り込み検索結果表示のWP_queryを生成する際に、Sが空っぽのため、Sをqueryに含めていませんでした。
Sをからの状態で含めると検索に何も引っかからなくなっていまうためです。

しかし、Sを指定することによってページネーションが機能したので(検索結果として認識されるから?)、
ACFで検索用の文字列を設けて確実にその投稿に'search'の文字列が含まれるようにし、Sを'search'で指定することとしました。

あまりスマートな方法ではないですがとりあえず解決です。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

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

  • ただいまの回答率 89.06%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

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