WordPressには標準の「検索」ウィジェットがありブロックとしてテーマに自由に配置できますが今回はWelcartのテーマにショートコードを追加してタグ検索するカスタムセレクタを作ってみました。
まず、welcart_basic ディレクトリで以下の新規ファイルを追加します。
my_searchform.php
<form method="get" action="<?php bloginfo( 'url' ); ?>" class="my_searchform">
<?php $tags = get_tags(); if ( $tags ) : ?>
<select name='tag' id='tag' onchange="this.form.submit()">
<option value="" selected="selected">ジャンルを選んでください</option>
<?php foreach ( $tags as $tag ): ?>
<option value="<?php echo esc_html( $tag->slug); ?>"><?php echo esc_html( $tag->name ); ?></option>
<?php endforeach; ?>
</select>
<?php endif; ?>
</form>
つぎに、[外観]-[カスタマイズ]-[ウィジェット]から「ショートコード」をウィジェットエリア(右)に追加します。
つづいて、[my_searchform] ショートコードを埋め込みます。
最後に [更新] ボタンで保存すればジャンル選択したときにフォーム送信するタグセレクタが完成しました。
参考にしたのは WordPressに「絞り込み検索」機能を設置するには