WordPressの検索フォームのカスタマイズ!

2014/12/27

wordpress_searchsubmit

こんにちは。
今回はWordPressの検索フォームのカスタマイズ!です。

WordPressの検索フォームを設置する際にデザインだけを変更したい場合は、CSSを変更すればいいのですが、テキスト部分やボタンの文言等を自由に変更したい場合は、検索フォームのカスタマイズをするしかありません。

WordPressの検索フォームのカスタマイズ!

検索フォームを設置するテンプレートタグが用意されています。
テーマファイルに下記の記述をすると検索フォームを設置できます。

 

デフォルトだと下記のようになっています。

 

searchform.phpを編集します。ない場合は作ります。
上記のデフォルをコピペしていらない記述を消したり、文言を変更したり、クラスを好きに付けたりしてカスタマイズします。
下記はこのサイトのsearchform.phpです。

 

WordPress 仕事の現場でサッと使える! デザイン教科書 (Webデザイナー養成講座)
WordPress 仕事の現場でサッと使える! デザイン教科書 (Webデザイナー養成講座)

 

いかがでしたか。これでhtmlを記述するように自由に検索フォームのカスタマイズできますね。
以上でWordPressの検索フォームのカスタマイズ!でした。

topへ戻る