WordPressでタグ検索するカスタムセレクタを作る

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に「絞り込み検索」機能を設置するには

同じカテゴリーの記事

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です