5.デフォルトの検索フォームをオリジナルに変更する方法

• デフォルトの検索フォームはあまり良いデザインとは言えないため、自分が作成するテーマのデザインに合わせて検索フォームのデザインも変更することが可能。

▶︎テーマファイル内にsearchform.phpというWordPressテンプレートを新しく作成する必要がある。上記ファイルを作成することで、

検索フォームを呼び出す<?php get_search_form(); ?>の検索ウィジェットは(ブラウザで表記したいページに記載)、searchform.phpテンプレートを参照するようになります。

例)

デフォルトコード

<form role=”search” method=”get” id=”searchform” action=”<?php echo home_url( ‘/’ ); ?>”>     <div><label class=”screen-reader-text” for=”s”>Search for:</label>     <input type=”text” value=”” name=”s” id=”s” />     <input type=”submit” id=”searchsubmit” value=”Search” />   </div> </form>

オリジナルコード:searchform.phpに記述

<form method=”get” class=”searchform” action=”<?php echo esc_url( home_url(‘/’) ); ?>”> <input type=”text” placeholder=”キーワード検索” name=”s” class=”searchfield” value=”” /> </form>

-参照URL-

https://plusers.net/wordpress_search