2014年03月9日

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

テーマ作成時に、ワードプレスの検索フォームを挿入すると通常デフォルトの検索フォームが表示される。
その検索フォームをカスタマイズする方法。

1. searchform.phpというファイルを新た作成しする。

2. 以下のソースをコピペしてあとは自由にカスタマイズ。

<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>

**入力テキストフィールドの名前は s にして、 label を必ず含める!

3. テーマディレクトリ内にアップロード

4. 検索フォームを設定

ウィジェットから設定する場合は通常通りウィゲットから検索フォームを追加。

テーマの任意の場所に表示したい場合は表示したい場所に以下のソースを記述。

<?php get_search_form(); ?>

参考サイト
関数リファレンス/get search form