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

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

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

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

PHP

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

解決済

カスタムフィールド(ACF)の絞り込み検索

yasu518
yasu518

総合スコア39

WordPress

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

PHP

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

2回答

0評価

0クリップ

255閲覧

投稿2022/04/15 08:05

実現したいこと

参考サイト:https://sukigyu.net/filter-search/

Wordpressにてカスタムフィールド(ACF)を使用し、衣類の色分けをしているのですが、その色を検索条件に加えたいです。
検索ワードに色(ホワイトなど)を入力し検索すると絞り込むことはできており、カテゴリーの「check01」も問題なく絞り込みができています。
ただ、カスタムフィールドの「check02」の色を選択し、検索をしても「該当なし」となってしまいます。
色々と試していますが、解決に至らずでご質問させていただきました。
ちなみに色は選択肢を数十個追加していく予定です。
どなたかご教授いただけますと幸いです。
宜しくお願い致します。

該当のソースコード

■フォームのコード

<div> <label>フリーワード検索: <input type="search" placeholder="<?php echo esc_attr_x( 'キーワードを入力', 'placeholder'); ?>" value="<?php echo esc_html( get_search_query() ); ?>" name="s" > </label> </div> <div>カテゴリーorタグorカスタムタクソノミー</div> <div>チェックボックス: <?php $terms = get_terms( 'category', array( 'orderby' => 'name' //色々指定できます ) ); if(!is_wp_error($terms)): foreach($terms as $term): //チェックリスト値の受け渡し $t_check=filter_input(INPUT_GET,'check01',FILTER_DEFAULT,["options" => ["default" => []],"flags" => FILTER_REQUIRE_ARRAY]); $checked["check01"] = [ $term->term_id => ""]; foreach((array)$t_check as $val){ $checked["check01"][$val]="checked"; } ?> <label><input type="checkbox" name="check01[]" value="<?php echo $term->term_id; ?>" <?php echo $checked["check01"][$term->term_id]; ?>><?php echo $term->name . '(' . $term->count . ')'; ?></label> <?php endforeach; endif; ?> </div> <div>カスタムフィールド</div> <div>チェックボックス: <?php //チェックリスト値の受け渡し $r_check=filter_input(INPUT_GET,'check02',FILTER_DEFAULT,["options" => ["default" => []],"flags" => FILTER_REQUIRE_ARRAY]); $checked["check02"] = [ "ホワイト" => "", "オフホワイト" => "" ]; foreach((array)$r_check as $val){ $checked["check02"][$val]="checked"; } ?> <label><input type="checkbox" name="check02[]" value="ホワイト" <?php echo $checked["check02"]["ホワイト"]; ?>>ホワイト</label> <label><input type="checkbox" name="check02[]" value="オフホワイト" <?php echo $checked["check02"]["オフホワイト"]; ?>>オフホワイト</label> </div> <input type="submit" value="絞り込む" /> <a href="/?s=">条件クリア</a> </form>

■search.php(検索結果ページ)のコード

$s = $_GET['s']; if(isset($_GET['check01'])){ $taxquerysp[] = array( 'taxonomy'=> 'category', 'terms'=> $_GET['check01'], 'operator'=>'AND', 'include_children'=>false ); }else{ $taxquerysp[] = ''; } if (isset($_GET['check02'])){ $metaquerysp[] = array( 'key'=>'color', 'value'=> $_GET['check02'] ); }else{ $metaquerysp[] = ''; } $paged = get_query_var('paged') ? get_query_var('paged') : 1; //pagination settings $search_args = array( 's' => $s, 'tax_query' => $taxquerysp, 'meta_query' => $metaquerysp, 'posts_per_page' =>10, //ページネーション設定 'paged' => $paged, //ページネーション設定 ); $the_query = new WP_Query( $search_args ); ?> <!--<?php get_search_form(); //検索フォームの表示 ?>--> <div class="allitem-list-inner"> <div>検索結果:全 <?php echo $the_query->found_posts.' 件'; ?></div> <div class="item-list-inner"> <?php /* Start the Loop */ ?> <?php if ( $the_query->found_posts ) { while ( $the_query->have_posts() ) : $the_query->the_post(); ?> ここに検索結果が表示される <?php endwhile; ?> </div> <?php //ページネーション設置 $GLOBALS['wp_query']->max_num_pages = $the_query->max_num_pages; $args = array( 'mid-size' => 2, 'prev_text' => '≪前へ', 'next_text' => '次へ≫', 'screen_reader_text' => 'ページナビゲーション' ); the_posts_pagination($args); ?> <?php wp_reset_postdata(); ?> <?php }else{ ?> <p>検索結果なし</p> <?php } ?>

良い質問の評価を上げる

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

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

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

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

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

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

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

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

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

gogoweb_ikeda

2022/04/15 08:25

check02の内容は単一の値ですか? チェックボックスなど複数の値がはいる形式の場合はACFはserializeされた配列で登録されるので完全一致ではヒットしません
yasu518

2022/04/15 23:33

check02の内容は複数選択が可能にしたいです。 ホワイト・オフホワイトが両方選択された場合、両方に該当する商品を表示させたいです。 記載の参考サイトを執筆されている方の「絞り込み検索のサンプル」にログインして確認したのですが、複数選択をしても表示されるのようなのですが、こちらはどのように実装すれば良いのでしょうか?

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

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

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

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

WordPress

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

PHP

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