ヘッダーエリアのデザイン(全ページ共通)をカスタマイズする方法

この記事では、ヘッダーエリアのデザイン(全ページ共通)をカスタマイズする方法をご紹介します。

ヘッダーエリアとは?

ヘッダーエリアは、ページ最上部に位置し、サイトタイトル、グローバルナビ(ヘッダーメニュー)などを表示するエリアです。

ゴールドテーマでは、ヘッダーエリアのデザインを

  • 全てのページで同じデザインにする
  • トップページのみ別のデザインにする

といった柔軟性の高いカスタマイズが可能です。

この記事では、すべてのページを同じデザインにカスタマイズする方法をご紹介します。

下記画像(➊赤枠内)は、「ヘッダーエリア」の表示事例をご紹介しています。

「ヘッダー基本設定」をする

Step1.「外観」→「カスタマイズ」→「共通ヘッダーエリア設定」→「ヘッダー基本設定」へ進む

はじめに、「外観」→「カスタマイズ」→「共通ヘッダーエリア設定」→「ヘッダー基本設定」へ進みます。

 

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

「基本設定」→「表示環境を選択」で、ヘッダーエリアを表示させたい環境を選択します。

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

例えば、スマホ/PCで表示を選択すれば、スマホ・PCともに「ヘッダーエリア」が表示されます。

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

Step3.「公開」を押す

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

これで設定完了です。

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