検索ボタンを画像にする方法

WordPressの検索ボタンを画像にするカスタマイズ方法です。

Sponsored Link

画像はテーマファイルのimgaesフォルダに予め入れておきます。
テーマフォルダ内のsearchform.phpを修正します。
type属性をsubmitからimageに修正し、src属性を追加します。

修正前のsearchform.php内のinput部分

<input type="submit" id="submit" value="検索" />

修正後のsearchform.php内のinput部分

<input type="image" src="<?php bloginfo('template_directory'); ?>/images/btn_search.png" id="submit" value="検索" />
Sponsored Link