この記事では、ヘッダーエリアのデザイン(全ページ共通)をカスタマイズする方法をご紹介します。
目次
ヘッダーエリアとは?
ヘッダーエリアは、ページ最上部に位置し、サイトタイトル、グローバルナビ(ヘッダーメニュー)などを表示するエリアです。
ゴールドテーマでは、ヘッダーエリアのデザインを
- 全てのページで同じデザインにする
- トップページのみ別のデザインにする
といった柔軟性の高いカスタマイズが可能です。
この記事では、すべてのページを同じデザインにカスタマイズする方法をご紹介します。
下記画像(➊赤枠内)は、「ヘッダーエリア」の表示事例をご紹介しています。

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

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

「基本設定」→「表示環境を選択」で、ヘッダーエリアを表示させたい環境を選択します。
以下の4つの項目から選択が可能です。
例えば、スマホ/PCで表示を選択すれば、スマホ・PCともに「ヘッダーエリア」が表示されます。
- スマホ/PCで表示
- スマホ/PCで非表示
- スマホで非表示
- PCで非表示
Step3.「公開」を押す
各設定メニューの設定が完了したら、最後に「公開」を押してください。
これで設定完了です。
![]()
※各設定メニューの使い方については、この記事2ページ目↓で詳しく解説していますので、ご確認ください。
- 1
- 2