ヘッダーエリアは、サイトの印象を左右する重要な要素です。Emanon Proでは、サイトのテーマにあった雰囲気にカスタマイズできます。

ヘッダー設定

WordPress管理画面 > 外観 > カスタマイズ > ヘッダー設定 > クリックすると、レイアウトデザインとグローバルナビの設定メニューが表示されます。

レイアウトデザインをクリックすると下記画面が表示されます。

レイアウトデザイン

ヘッダー設定では、ロゴの配置位置、背景色の指定または背景画像の指定、ヘッダーエリアの高さ調整が可能です。

ヘッダーレイアウト設定

ロゴマーク(またはサイト名)の表示箇所を 左レイアウト、中央レイアウト、1行レイアウトの3つから選択することが可能です。

ヘッダーレイアウト設定

ロゴマークの下にグローバルナビゲーションを表示したい場合は、「左レイアウト」か「中央レイアウト」のいずれかをお選びください。

「1行レイアウト」は、ロゴマークが左側、グローバルナビゲーションが右側に1行で表示されるレイアウトです。

ヘッダーエリア背景色

ver1.2から拡張された機能です。

ヘッダーのサイト説明文の背景色と文字の色とロゴマークの背景色(サイト名の文字の色)を変更することが可能です。

下記画像のように「説明文背景色」と「背景色」を同一色することで配色の統一感を演出することも可能です。

ヘッダーエリア背景色

ヘッダーエリア画像

ver1.2から拡張された機能です。

ヘッダーエリア全体に背景画像を設定することが可能です。背景画像の高さに合わせて、ヘッダーエリアの高さを調整することで見栄えを整えることができます。

下記は、背景画像をアップロードし、ヘッダーエリアの高さ196pxに設定した例です。

ヘッダーエリア背景画像

スポンサーリンク