ヘッダーリンクパーツの装飾をカスタマイズ

PC表示の装飾

フォントの設定

1. ヘッダーリンクパーツをクリック。
   
2. 「PC装飾」をクリック。
3. 「フォント」の種類を選択。
4. フォントの色を選択。
   詳細設定については以下をご参照ください。
   → 背景の設定「詳細設定をする」
5. 「OK」で確定。
6. 以上が、フォントの設定手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

区切り線の設定

ヘッダーリンク / サブリンクの間に区切り線を入れることができます。
サブリンクの設定は、ヘッダーリンクの設定手順と同様です。

1. ヘッダーリンクパーツをクリック。
   
2. 「PC装飾」をクリック。
3. 下へスクロールし「区切り線」の種類を選択。
4. 区切り線の色を選択。
   
   詳細設定については以下をご参照ください。
   → 背景の設定「詳細設定をする」
5. 「OK」で確定。
6. 以上が、区切り線の設定手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

ハイライトの設定

ハイライトをつけた場合、現在選択中のページが分かりやすくなります。
スマホにはハイライト設定はありませんが常にハイライトがついています。

1. ヘッダーリンクパーツをクリック。
2. 「PC装飾」をクリック。
3. 「ハイライト」を選択。
4. 上へ戻り「OK」で確定。
5. 以上が、ハイライトの設定手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

下線の設定

下線をつけた場合、現在選択中のページが分かりやすくなります。
また、ハイライトを付けた場合と付けない場合とでは下線の見え方が変わります。

1. ヘッダーリンクパーツをクリック。
2. 「PC装飾」をクリック。
3. 「下線」を選択。
4. 下線の色を選択。
   
   詳細設定については以下をご参照ください。
   → 背景の設定「詳細設定をする」
5. 上へ戻り「OK」で確定。
6. 以上が、下線の設定手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

スマホ表示の装飾

スマホ表示の設定をする場合は、表示の切り替えで「スマホ」アイコンを選択してください。

区切り線の設定

ヘッダーリンク / サブリンクの間に区切り線を入れることができます。
サブリンクの設定は、ヘッダーリンクの設定手順と同様です。

1. ヘッダーリンクパーツをクリック。
   
2. 「スマホ装飾」をクリック。
3. 下へスクロールし、区切り線「あり」をクリック。
4. 区切り線の色を選択。
   
   詳細設定については以下をご参照ください。
   → 背景の設定「詳細設定をする」
5. 「OK」で確定。
6. 以上が、区切り線の設定手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

テキスト位置の設定

スマホ表示でバーガータイプのレイアウトを選択時のみテキストの位置設定が可能です。

1. ヘッダーリンクをクリック。
2. 「スマホ装飾」をクリック。
3. 「テキストの位置」を選択。
4. 「OK」で確定。
5. 以上が、テキスト位置の変更手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

三角アイコンの設定

スマホ表示でバーガーメニューのテキスト位置を左にした場合、
三角アイコンの位置と色の設定が可能です。

1. ヘッダーリンクパーツをクリック。
2. 「スマホ装飾」をクリック。
3. テキストの位置で「左」を選択。
4. 「三角アイコン」を選択。
5. アイコンの色を選択。
   
   詳細設定についてはこちらをご参照ください
   → 背景の設定「詳細設定をする」
6. 上へ戻り「OK」で確定。
7. 以上が、三角アイコンの設定手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

展開アイコンの設定

階層化設定をした場合、展開アイコンの色を変更することができます。
階層化についてはこちら → 「ヘッダーリンクパーツの階層化設定 / 解除」

1. ヘッダーリンクパーツをクリック。
2. 「スマホ装飾」をクリック。
3. 下へスクロールし、展開アイコンの色を選択。
   
   詳細設定についてはこちらをご参照ください
   → 背景の設定「詳細設定をする」
4. 上へ戻り「OK」で確定。
5. 以上が、展開アイコンの設定手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

階層アイコンの設定

階層化設定をした場合、階層アイコンの色を変更することができます。
階層化についてはこちら → 「ヘッダーリンクパーツの階層化設定 / 解除」

1. ヘッダーリンクパーツをクリック。
2. 展開アイコンをクリック。
3. 「スマホ装飾」をクリック。
4. 下へスクロールし、階層アイコンの色を選択。
   
   詳細設定についてはこちらをご参照ください
   → 背景の設定「詳細設定をする」
5. 上へ戻り「OK」で確定。
6. 以上が、展開アイコンの設定手順です。
   公開サイトへ反映するには「サイト更新」をクリックしてください。

ヘッダーリンクパーツのデザイン設定

◆パーツをクリックして編集します。