インフォ＆サーチ設定（各設定メニューの使い方）
このページでは、「インフォ＆サーチ設定」の使い方を詳しくご紹介しています。
※インフォメーションバー＆サーチフォームが表示されているエリア全体を「インフォ＆サーチパネル」と呼びます。
基本設定
表示環境を選択
インフォ＆サーチパネルをPC・スマホ、どちらの閲覧環境で表示させるか設定する機能です。
以下の4つの項目から表示環境を選択できます。
例えば、スマホ/PCで表示を選択すれば、スマホ・PCともに「インフォ＆サーチパネル」が表示されます。
- スマホ/PCで表示
- スマホ/PCで非表示
- スマホで非表示
- PCで非表示
表示位置を選択
インフォ＆サーチパネルの表示位置を設定する機能です。
- 下記サンプル画像➀では：「ヘッダー上」
- サンプル画像②では：「ヘッダー下」
を選択した事例をご紹介しています。
サンプル画像①
サンプル画像②
枠デザインを選択
インフォ＆サーチパネルの外枠のデザインを設定する機能です。
以下の項目の中からデザインを選択できます。
- 無し
- サークル
- 角丸
- 角丸（強）
- 下記サンプル画像➀では：「無し」
- サンプル画像②では：「角丸」
を選択した事例をご紹介しています。
サンプル画像①
サンプル画像②
表示高さを選択
インフォ＆サーチパネルの表示エリア全体の高さ（上下の幅）を設定する機能です。
表示幅を選択
インフォ＆サーチパネルの表示エリア全体の表示幅（横幅）を設定する機能です。
コンテンツ領域を選択
コンテンツの表示領域の幅（横幅）を設定する機能です。
下記画像（➊赤枠内）で示された領域がコンテンツ領域です。
外側余白をpxで指定
インフォ＆サーチパネルの外側余白の幅を設定する機能です。
境界線設定
境界線を選択
インフォ＆サーチパネルの境界線（外枠）のデザインを設定する機能です。
無し・ボーダー・シャドウの中からデザインを選択できます。
- 下記サンプル画像①は：「ボーダー」
- サンプル画像②は：「シャドウ」
を指定した事例をご紹介しています。
サンプル画像①「ボーダー」
サンプル画像②「シャドウ」
背景設定
背景を選択
インフォ＆サーチパネルの背景を設定する機能です。
以下の項目から背景を選択できます。
- なし
- 単色
- 5ポイントグラデ
- 画像
- 画像+単色オーバーレイ
- 画像+5ポイントグラデオーバーレイ
サンプル画像①
コンテンツ設定
表示アイテムを選択
インフォ＆サーチパネルに表示するアイテムを設定する機能です。
- インフォ＆サーチ
- インフォ
- サーチ
の中からアイテムを選択できます。
インフォ
表示内容を選択
インフォメーションバーに表示する内容を設定する機能です。
- 「新着記事1件」を選択した場合、新着記事のタイトルが表示されます。
- 「自由入力コンテンツ」を選択すると、任意の文章が表示され、文章にリンクを付けることも出来ます。
下記画像（赤枠内❶）では、「新着記事1件」を選択した事例をご紹介しています。
投稿タイプを選択
「新着記事1件」を選択した場合、表示する記事の投稿タイプを設定する機能です。
タイトル
インフォ＆サーチパネルに表示させるタイトルを設定する機能です。
サンプル画像①
タイトルデザインを選択
インフォ＆サーチパネルに表示させるタイトルのデザインを設定する機能です。
サンプル画像①
※「新着記事」と表示されている箇所がタイトル。
タイトル内側余白をpxで指定
タイトルの内側余白の幅を設定する機能です。
タイトル文字色を指定
タイトルの文字色を設定する機能です。
タイトル背景色を指定
タイトルの背景色を設定する機能です。
タイトルボーダー色を指定
タイトルの外側枠線の色を設定する機能です。
タイトル文字サイズを指定
タイトルの文字サイズを設定する機能です。
タイトル文字ウェイトを指定
タイトルの文字の太さを設定する機能です。
コンテンツ文字色を指定
インフォメーションバーに流れる文字色を設定する機能です。
コンテンツ文字サイズを指定
インフォメーションバーに流れる文字の大きさ設定する機能です。
コンテンツ文字ウェイトを指定
インフォメーションバーに流れる文字の太さを設定する機能です。
サーチフォーム
デザインを選択
サーチフォームのデザインを設定する機能です。
サンプル画像①
文字色を指定
サーチフォーム内の文字色を設定する機能です。
背景色を指定
サーチフォーム内の背景色を設定する機能です。
ボーダー色を指定
サーチフォームの外側枠線の色を設定する機能です。
アイコン色を指定
サーチフォーム内のアイコン（虫眼鏡マーク）の色を設定する機能です。
文字サイズを指定
サーチフォーム内の文字の大きさを設定する機能です。
文字ウェイトを指定
サーチフォーム内の文字の太さを設定します。
placeholderを入力
サーチフォーム内に表示される文章を設定する機能です。
- 1
- 2