スマホ表示のヘッダに検索アイコンを表示する!

WordPressのテーマ「Diver」を使用してWordPressサイトをカスタマイズします。本稿では、スマホにおけるヘッダー部の右の部分の表示を設定します。Diverでは、検索ボックスと読んでいます。

ヘッダーの右側がさびしい!

Diverでカスタマイズしたサイトをスマホで見ているとヘッダーの右側に何かがたりないと感じると思います。通常は、サイト内の検索を行うためのマークが表示されるエリアです。

検索ボックスに検索用のアイコンを設定する!

ウィジェットの設定画面から、検索ボックスの設定を行います。「検索ボックス」に「検索」をドラッグ・アンド・ドロップします。その他、設定しなくて大丈夫です。

おわりに

Diverでは、スマホで表示した時に検索ボックスが表示されるように、ウィジェットの設定で設定を行いましょう。

関連記事