【WordPress】検索フォームをカスタマイズ

eyecatch-customize-searchform

どうも、(@nekonotesou)です。

カスタマイズ後は、こんな感じの検索ボックスになります。

customize-searchform

検索ボタンは、アイコンフォントのFont Awesomeを使用しています。

header.phpのhead要素に、以下のコードを追加してください。

 

スポンサーリンク

searchform.phpの編集

searchform.phpを、以下のコードに置き換える。

searchform.phpがない場合は、新しく作成してください。

検索フォーム内に表示されている文字の変更は、「キーワード検索」の部分を、好きな文字にすれば変更できます。

 

style.cssの編集

style.cssに以下のコードを追加する。

 

検索フォームを表示する場所を変更するには?

以下のコードを、表示させたい場所に記述すればOKです。

 

さいごに

スポンサーリンク
iMacと猫が好きな完全インドア派。

コメントを残す