すべてのバージョン7.1サイトでは、サイト ヘッダーに組み込みのソーシャル アイコンを表示できます。ただし、表示するには、ソーシャル アイコンを有効にする必要があります。

1. [ページ] パネルを開き、サイト上の任意のページで [編集] をクリックします。
2. ヘッダーにカーソルを合わせ、[サイト ヘッダーを編集] をクリックします。
3. [エレメントを追加] をクリックし、[ソーシャル リンク] トグルをオンに切り替えます。
4. サイトにソーシャル リンクをまだ追加していない場合は、ヘッダーの上にカーソルを置いて [ソーシャル リンク] が表示されたらクリックし、次に鉛筆アイコンをクリックします。[コンテンツ] タブでソーシャル リンクを追加できます。ソーシャル リンクはサイト全体に適用されることにご注意ください。
5. [保存] をクリックして変更を保存し、そのまま編集を続けるか、[終了] をクリックしてから [保存] をクリックしてエディターを閉じます。

サイト ヘッダーの詳細については、「サイト ヘッダーを作成する」を参照してください。

次の表は、バージョン7.0のテンプレート ファミリーで組み込みのソーシャル アイコンが表示される場所の一覧です。一部のテンプレートでは、ソーシャル アイコンを有効にしないと表示されません。詳細については、テンプレートのガイドを参照してください。

サイズと境界線

ソーシャル アイコンのサイズと境界線を変更する方法は以下の通りです。

1. ページの [編集] をクリックし、[サイト ヘッダーを編集] をクリックします。
2. ソーシャル リンクをクリックし、鉛筆アイコン、そして [デザイン] の順にクリックします。
3. [ソーシャル アイコンのサイズ] スライダーを使用してサイズを変更します。
4. 境界線の形状を選択し、境界線のスタイルとして [外枠] または [実線] を選択します。
5. [外枠] を選択した場合は、[太さ] スライダーを使用して境界線の幅を変更します。
6. [保存] をクリックして変更を保存し、そのまま編集を続けるか、[終了] をクリックしてから [保存] をクリックしてエディターを閉じます。

単色とグラデーションのヘッダーの色

ヘッダーの背景のスタイル が「単色」または「グラデーション」に設定されている場合にソーシャル アイコンの色を変更するには、次の手順に従ってください。

1. ページの編集中に、ヘッダー エディターを開きます。
2. ヘッダー エディターで、[デザインを編集]、[色] の順にクリックします。
3. ナビゲーション リンクと内蔵ソーシャル アイコンの色を編集するには、[ナビゲーションの色] をクリックします。

「単色」または「グラデーション」ヘッダーのソーシャル アイコンのホバー時の色を変更するには、サイトの既定のカラー テーマの [プライマリ ボタンの背景] 微調整オプションを編集します。これにより、この既定のカラー テーマでプライマリ ボタンのスタイル設定を使用するボタンの色も変更されることにご注意ください。

アダプティブ ヘッダーの色

ヘッダーの背景のスタイルが「アダプティブ」に設定されている場合にソーシャル アイコンの色を変更するには、次の手順に従ってください。

1. ページの編集中に、サイト スタイルを開いて [色] をクリックします。
2. サイト ヘッダー用に選択されているカラー テーマの鉛筆アイコンをクリックします。
3. [ナビゲーション リンク] 微調整オプションを変更します。
4. [保存] をクリックして変更を保存し、そのまま編集を続けるか、[終了] をクリックしてから [保存] をクリックしてエディターを閉じます。

「アダプティブ」ヘッダーのソーシャル アイコンのホバー時の色を変更するには、上部セクションのカラー テーマで [プライマリ ボタンの背景] 微調整オプションを編集します。これにより、このカラー テーマを使用するセクションでプライマリ ボタンのスタイル設定を使用するボタンの色も変更されることにご注意ください。

ソーシャル アイコンのスタイルを設定するには、次の手順に従います。

1. [サイト スタイル] パネルを開きます。
2. サイト プレビューのソーシャル アイコンをクリックします。
3. 表示されるスタイル微調整オプションを使用して、アイコンのスタイルを変更します。
4. [保存] をクリックします。

一部のテンプレートには、次のような追加のオプションがあります。

1. [ページ] パネルを開き、サイト上の任意のページで [編集] をクリックします。
2. ヘッダーにカーソルを合わせ、[サイト ヘッダーを編集] をクリックします。
3. [エレメントを追加] をクリックし、[ソーシャル リンク] トグルをオフに切り替えます。
4. [保存] をクリックして変更を保存し、そのまま編集を続けるか、[終了] をクリックしてから [保存] をクリックしてエディターを閉じます。

1. [サイト スタイル] パネルを開きます。
2. [ソーシャル] 微調整オプションを探します。微調整オプションの名前はテンプレートによって異なりますが、[ソーシャル アイコンを非表示]、[ソーシャル アイコンを表示]、[ソーシャル アイコンの位置: 非表示] などのオプションを探してください。プレビューのアイコンをクリックすると、微調整オプションを見つけやすくなります。
3. [保存] をクリックします。

注: FlatironまたはNativeテンプレートでは、組み込みのソーシャル アイコンを非表示にすることはできません。