検索窓のカスタマイズ

Twenty Eleven のデザインテンプレートにある右上の検索窓をそのまま使っていましたが、ふとデザインとしてどうなのだろう?と気付き、サイドバーのウィジェット枠へ検索を移動したくなりました。

Cursor と tendoors 2 png 1002×913

早速、とりかかりましょう!

 

作業手順

管理画面から、外観テーマの編集header.php を開きます。検索を設定している、下記青い部分をまるごと削除して、ファイルを更新します。

 

テーマの編集 tendoors WordPress 2

 

検索枠の中の文字を消したくなりましたので、少し手を入れます。

searchform.php  を開きます。

 

Cursor と テーマの編集 tendoors WordPress

 

次のコードの Search という文言を削除してしまいましょう。

こんな感じで良いと思います。

Cursor と テーマの編集 tendoors WordPress 2

 

ウィジェットから検索をサイドバーに追加しておきましょう。せっかくなので、メインサイドバーのすべてのタイトルを微修正しておきました。

 

Cursor と ウィジェット tendoors WordPress

 

良い感じになりました!

 

Cursor と tendoors インターネット野郎 2

 

以上です。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です