この記事では、ヘッダーエリアにインフォメーションバー・サーチフォーム(検索窓)を表示する方法をご紹介しています。
目次
インフォメーションバー・サーチフォームとは?
インフォメーションバー
(1)インフォメーションバーは、新着記事など特に注目して貰いたい情報を表示する機能です。
文字が右から左に流れる動きをすることで、ユーザーの注目を集めクリックを誘うことができます。
「デモサイト05」のヘッダーエリアに「インフォメーションバー&サーチフォーム」が表示されていますので、ご確認ください。
※「その他パーツ使用例」という表示が左方向に流れている箇所が、インフォメーションバーです。
サーチフォーム
サーチフォームは、サイト内検索するための検索窓です。
- 下記サンプル画像①(➊赤枠内)は:インフォメーションバー
- (❷赤枠内)は:サーチフォーム
の表示例をご紹介しています。
※インフォメーションバー&サーチフォームが表示されているエリア全体を「インフォ&サーチパネル」と呼びます。
サンプル画像①

「インフォ&サーチ設定」をする
Step1. 「外観」→「カスタマイズ」→「共通ヘッダーエリア設定」→「インフォ&サーチ設定」へ進む
はじめに、「外観」→「カスタマイズ」→「共通ヘッダーエリア設定」→「インフォ&サーチ設定」の順に進みます。

Step.2 「表示環境を選択」する

「基本設定」→「表示環境を選択」で、「インフォ&サーチパネル」を表示させたい環境を選択します。
以下の4つの項目から選択が可能です。
例えば、スマホ/PCで表示を選択すれば、スマホ・PCともに「インフォ&サーチパネル」が表示されます。
- スマホ/PCで表示
- スマホ/PCで非表示
- スマホで非表示
- PCで非表示
Step3.「公開」を押す
各設定メニューの設定が完了したら、最後に「公開」を押してください。
これで設定完了です。
![]()
※各設定メニューの使い方については、この記事2ページ目↓で詳しく解説していますので、ご確認ください。
- 1
- 2