カスタマイザーマニュアル(ヘッダー設定)

①ヘッダーレイアウト設定

ヘッダーのレイアウトを設定することができます。

【編集箇所】 管理画面 ▶︎ 外観 ▶︎ カスタマイズ ▶︎ ヘッダー設定 ▶︎ レイアウト設定

ヘッダーレイアウト(PC:トップページ)

トップページのヘッダーレイアウト設定を行うことができます。
・タイトル(上)/ナビ(右)
・タイトル(左)/ナビ(右)
・タイトル(左)/ナビ(右)【被せる】
・タイトル(左)/ナビ(右)【被せる/枠線】
・タイトル(左)/ナビ(右)【被せる/空白】
・タイトル(左)/ナビ(右)【ラストナビカラー】

ヘッダーレイアウト(TAB / SP)

トップページのヘッダーレイアウト設定を行うことができます。
・タイトル(中)/ナビ(右)
・タイトル(中)/ナビ(右)【固定】
・タイトル(中)/ナビ(右)【固定】※被せない

ヘッダー追従設定

スクロールしていくと、ヘッダーが上から表示される設定です。
・PC追従
・TAB / SP追従
表示させたいデバイスだけを設定することが可能です。

各項目事に、カラー設定ができるようにカスタマイズをしております。

②ヘッダーナビゲーション設定

ヘッダーのナビゲーションの細かい設定をすることができます。

【編集箇所】 管理画面 ▶︎ 外観 ▶︎ カスタマイズ ▶︎ ヘッダー設定 ▶︎ ナビゲーション設定

ナビゲーションホバースタイル設定

ナビゲーションホバースタイルとは、ナビゲーションのコンテンツにマウスをかざした時のイベントエフェクトを付与する事です。
・指定なし
・中央から両端下線
・取り消し線
・文字を大きく
・フワッと上に移動

※Feralのナビゲーションは、現在2階層までの表示設定のみです。3階層のナビゲーションを設定すると、表示にエラーがおきますので、ご了承ください。

ナビゲーション文字サイズ設定

デバイス(PC/TAB/SP)ごとに、階層ごとに、ナビゲーションの文字サイズの編集することができます。

③画像設定(トップページ)

トップページのスライダー画像の設定をすることができます。

【編集箇所】 管理画面 ▶︎ 外観 ▶︎ カスタマイズ ▶︎ ヘッダー設定 ▶︎ 画像設定(トップページ)

ヘッダートップ画像設定

トップページのスライダー画像は、最大4枚まで表示させることができます。
コンテンツを表示させるフォームも準備しております。リンク付きボタンも表示させることができますので、画像ごとにページ遷移を促すことができます。

④画像設定(固定ページ)

固定ページのアイキャッチ画像の設定をすることができます。

【編集箇所】 管理画面 ▶︎ 外観 ▶︎ カスタマイズ ▶︎ ヘッダー設定 ▶︎ 画像設定(固定ページ)

固定ページのタイトル(h1タグ)とアイキャッチ画像を表示させるか否かの設定。
表示する場合のタイトルの文字色や背景色、アイキャッチ画像の高さの設定をすることができます。

※固定ページのアイキャッチ画像の設定は、固定ページ作成する際に選択することができます。

⑤画像設定(アーカイブページ)

アーカイブページのアイキャッチ画像の設定をすることができます。

【編集箇所】 管理画面 ▶︎ 外観 ▶︎ カスタマイズ ▶︎ ヘッダー設定 ▶︎ 画像設定(固定ページ)

アーカイブページのタイトル(pタグ)とアイキャッチ画像を表示させるか否かの設定。
表示する場合のタイトルの文字色や背景色、アイキャッチ画像の高さの設定をすることができます。

⑥トップバー設定

トップバーの設定をすることができます。

【編集箇所】 管理画面 ▶︎ 外観 ▶︎ カスタマイズ ▶︎ ヘッダー設定 ▶︎ トップバー設定

ヘッダー上部に、SNS等リンクアイコンを表示させるトップバーを表示するかの設定ができます。
アイコンの色、背景色などの編集を行うことができます。

SNS等のリンク登録箇所は、カスタマイズ ▶︎ リンク設定(SNS等)から登録することができます。
入力しているリンクの箇所のみアイコンが表示されます。