ヘッダーエリアにインフォメーションバー・サーチフォーム(検索窓)を表示する方法

この記事では、ヘッダーエリアにインフォメーションバー・サーチフォーム(検索窓)を表示する方法をご紹介しています。

インフォメーションバー・サーチフォームとは?

インフォメーションバー

(1)インフォメーションバーは、新着記事など特に注目して貰いたい情報を表示する機能です。

文字が右から左に流れる動きをすることで、ユーザーの注目を集めクリックを誘うことができます。

「デモサイト05」のヘッダーエリアに「インフォメーションバー&サーチフォーム」が表示されていますので、ご確認ください。

※「その他パーツ使用例」という表示が左方向に流れている箇所が、インフォメーションバーです。

サーチフォーム

サーチフォームは、サイト内検索するための検索窓です。

  1. 下記サンプル画像①(➊赤枠内)は:インフォメーションバー
  2. (❷赤枠内)は:サーチフォーム

の表示例をご紹介しています。

※インフォメーションバー&サーチフォームが表示されているエリア全体を「インフォ&サーチパネル」と呼びます。

サンプル画像①

 

「インフォ&サーチ設定」をする

Step1. 「外観」→「カスタマイズ」→「共通ヘッダーエリア設定」→「インフォ&サーチ設定」へ進む

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

 

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

「基本設定」→「表示環境を選択」で、「インフォ&サーチパネル」を表示させたい環境を選択します。

以下の4つの項目から選択が可能です。

例えば、スマホ/PCで表示を選択すれば、スマホ・PCともに「インフォ&サーチパネル」が表示されます。

  • スマホ/PCで表示
  • スマホ/PCで非表示
  • スマホで非表示
  • PCで非表示

Step3.「公開」を押す

各設定メニューの設定が完了したら、最後に「公開」を押してください。

これで設定完了です。

※各設定メニューの使い方については、この記事2ページ目↓で詳しく解説していますので、ご確認ください。