本文へ移動

文字サイズ:標準大特大

ヘッダーパーツ

パーツ解説

ヘッダーは、サイトの全ページに表示される最上部のコンテンツです。ヘッダー内にはサイトタイトルや会社のロゴを表示できます。
その他、バナー画像やメニューなどのコンテンツの設置が行えます。

基本操作

①ガイド
編集パネルの上部に表示されている "ガイド" チェックボックスをチェックすると、ヘッダーエリア内にガイド線が表示されます。"黒"のチェックボックスにチェックをすると、ガイド線の色をよりはっきり表示します。

②移動　
編集したい要素をクリックすると、選択状態のボックスが表示されます。ボックスの左側のアイコン部分をドラッグ＆ドロップでカーソル移動すると、ヘッダーエリア内で配置を変えることができます。
③文字の入力・編集
直接入力エリアで編集したいコンテンツをクリックします。エディタパネルが上部に表示されて、文字の入力ができる状態になります。
④コンテンツのサイズ変更
登録した画像をクリックすると、選択枠が表示されます。枠の右上・右下ににカーソルを合わせると、マウスカーソルが矢印になり、コンテンツサイズの変更が行えます。

社名（またはサイト名）

社名（またはサイト名）の設定を"有効"にすると、下記の操作が行えます。

①社名表示形式
社名を"ロゴ画像"、"社名入力(テキスト入力)"、"ロゴ画像+社名入力"から選択できます。
画像の登録では、代替テキスト（画像の代わりになる語句、文章）の設定も可能です。

※社名入力を選択した場合、ロゴ画像は登録できません。

②ヘッダー中央表示
"有効"に設定すると、社名をヘッダーの中央に表示します。

文章

文章表示を"有効"に設定すると、ヘッダーエリア内に表示する文章を設定できます。文章は最大で2つまで表示可能です。

画像（バナー・リンク）表示

画像（バナー・リンク）表示の設定を"有効"にすると、下記の操作が行えます。

①画像設定
表示させる画像の登録を行えます。代替テキスト（画像の代わりになる語句、文章）の設定も可能です。

②リンク設定
リンク設定を"有効"に設定すると、リンク先の設定を行えます。

各種機能

①ヘッダー上部文章
ヘッダー上部文章の位置調整が行えます。文章の変更は、設定＞SEO設定から行えます。

②文字拡大機能
表示を"有効"にすると、中・大・特大よりサイト内の文字の大きさを変更できます。（通常時は"中"表示になります。）

③色合い変更ボタン
表示を"有効"にすると、サイト内のカラーを白・黒・青に変更できるボタンを表示します。
*サイトデザイン設定にて、いずれかのカラーを"有効"にしなければ本項目は表示されません。

④サイト内検索表示
サイト内検索表示を"有効"にすると、ヘッダー内にサイト内検索フォームが表示されます。
また、スマホで表示する場合は、"ハンバーガーメニュー内"、"ページコンテンツ上部"、"両方に表示" から選択できます。

サイト内検索FAQ

すべて開く
ブログ・トピックスなどの記事は全て検索対象ですか？
どういったページが検索対象外ですか？

ヘッダー内メニュー表示

ヘッダー内メニューの設定を"有効"にすると、ヘッダー内メニューを表示します。

①ヘッダー内メニューに表示されるページは、予め "ページ一覧" の「ヘッダー内メニュー」の階層に登録している必要があります。

②限定公開表示
限定公開機能をご利用の方は、ヘッダーエリア内のメニュー表示箇所に"限定公開メニュー"（限定公開ログインページへのリンク）を表示できます。

ヘッダーメニュー表示

ヘッダーメニュー表示を"有効"にすると、ヘッダーエリア内にヘッダーメニューを表示します。
表示させる場合は、サイトデザイン設定でヘッダーメニューの配置設定が「ヘッダー内」になっている必要があります。

また、ヘッダー中央表示を"有効"にすると、ヘッダーメニューを中央に表示します。

色反転モード

色反転モードを活用頂くことで、サイト閲覧者への視覚サポートを強化することができます。

色反転モードの設定を"有効"にすると、ヘッダー内にモードのオン・オフボタンを表示します。

色反転モード：オフ

色反転モード：オン

プリセットバナー表示

プリセットバナー表示の設定を"有効"にすると、下記の操作が行えます。

①リンク先設定
「URL入力」、「ページ選択」、「お問い合わせ」から選択します。また、ページ表示方法は「内部リンク」、「外部リンク」のどちらかを設定します。

②バナー詳細設定
バナー文言や、文字サイズ、フォント、カラーを選択できます。
また、「カラー詳細設定」をクリックすると基本色以外の色を設定したり、各種詳細設定を行うことができます。