wpにて絞り込み検索機能を実装したいが、値の受け渡しはどうやって行うか

Question

wordpressにて、エリアの一覧を出力しています。
そこに絞り込み検索機能をつけたいです。
目標は、プルダウンで選択し、検索ボタンを押下すると一覧が更新されるようにしたい。です。

参考サイト「https://qiita.com/ymeeto/items/7681db1f78d3e0e8301a」
ここの

<form role="search" method="get" action="<?php echo esc_url(home_url('/')); ?>">
  <input type="hidden" name="post_type" value="test">
  <input type="search" class="hidden-search-field" name="s" value="<?php echo get_search_query(); ?>" />
　<input type="submit" value="検索する">
</form>

を書いてみて、functionへ以下を追記してみました。

add_action( 'pre_get_posts', '_pre_get_posts' );
function _pre_get_posts($query) {
}

この中でqueryをdumpしてみたら、何やら値が取得できました。
試しに以下のformに書き直してみました。

<form method="get" id="search-form" action="<?php echo esc_url(home_url('/areapage')); ?>">
  <input type="hidden" name="post_type" value="areapage">
  <?php
  $areas = get_terms('area');
  ?>
  <!-- エリア -->
  <select name="term_select">
    <option value=""><?php echo "選択してください" ?></option>
      <?php foreach ($areas as $area) : ?>
        <?php $tax_posts = get_posts(array('post_type' => get_post_type(), 'taxonomy' => 'area', 'term' => $area->name)); ?>
          <option value="<?php echo $area->slug; ?>"><?php echo $area->name; ?></option>
      <?php endforeach; ?>
  </select>
  <input type="submit" value="検索">
</form>

しかし、何も取得できませんでした。
なぜ取得できないんですか？

現状はここまでです。

最終的には、プルダウンで選択し検索ボタンを押下すると、下に出力したエリア一覧が条件にあったもののみ表示されるようにしたいです。
一覧出力方法は、

<?php foreach ($posts as $column):
$areas = get_the_terms($column->ID, 'area');

こういう感じにして、個々に出力させています。

そもそも、getがどうなってfunctionにいってり、関係図が理解できていません。つぎはぎ状態です。ご教授お願いします。申し訳ありません。

Answer 1

エリア一覧が条件にあったもののみ表示されるようにしたい

1. 検索結果一覧を表示するテンプレートを用意する
2. GETパラメータから値を取得し、それをWP_Queryの引数にセットする

参考：
WordPressに独自のGETパラメータを追加して「絞り込み検索」をする方法

Comments

[momolength]

ありがとうございます。
function.phpにmy_query_varsを書き込む手順ですが、何をもってここを読み込むんですか？
archive-(名前).phpに検索ボタンを置いていますが、そのボタンを押下した後、なぜこの関数が呼び出されるんですか？