WordPressテーマ「AFFINGER5（WING）」の検索フォーム（ブログ内検索）のカスタマイズ方法をメモしておきます。
ファイルの場所
編集するファイルは「検索フォーム (searchform.php)」です。
WordPress管理画面＞外観＞テーマの編集＞検索フォーム (searchform.php)で探してください。
カスタマイズ
今回は、検索フォームのテキストを変更するのと、検索フォームの上にタイトルを付けてみます。
テキストを変更
AFFINGER5の検索フォームは、デフォルトで「検索するテキストを入力」となっています。
これを変更するには、
＜input type="text" placeholder="検索するテキストを入力" value=....の「検索するテキストを入力」を任意のテキストを入力します。
たとえば、
- ブログ内検索
- 調べたいキーワードを入力
- ココに検索キーワードを入力
- BOKUAFI（サイト名）内で検索
に変更してみてください。
タイトルを付ける
検索フォームの上に、ちょっとしたタイトルを付けてみてみます。タイトルが何もないと、これ（検索フォーム）は何なのか？分からない人もいるためです。
検索フォームの上にタイトルを付けるには、ファイルの先頭（1行目）に任意のテキストを入力します。
たとえば、
- ＜p＞＜i class="fa fa-caret-down" aria-hidden="true"＞＜/i＞ブログ内検索＜/p＞
- ＜p class="h2modoki"＞ブログ内検索＜/p＞
- ［st-minihukidashi fontawesome="" fontsize="" fontweight="" bgcolor="#f3f3f3" color="#000000" margin="0 0 20px 0"］解決しない場合はキーワード検索［/st-minihukidashi］
など。
以上です。
まとめ
検索フォームをユーザーに活用してもらうことで、ユーザビリティが向上する可能性があります。
デフォルトのデザインのままでも良いですが、自分なりにカスタマイズして、訪問ユーザーにもっと検索フォームを活用してもらいましょう！