FacebookやInstagramなどのソーシャル メディアのプロフィールにリンクするアイコンをページに追加します。

ソーシャル リンク ブロックを使用すると、サイトにブロックを追加できる場所にソーシャル アイコンを追加できます。アイコンは、[ソーシャル リンク] パネルで追加したURLにリンクします。一般的には、このブロックはフッターに追加して、サイトのすべてのページに表示されるようにします。

サイトに追加の組み込みアイコンが表示されている場合に、利用可能なプラットフォーム ロゴのリストを確認するには、「ソーシャル アイコンを追加する」を参照してください。

ヒント: 作業の開始がしやすいように、サイトのデモ コンテンツにソーシャル リンク ブロックが含まれている場合があります。ブロックをカスタマイズするには、ブロックをクリックしてから鉛筆アイコンをクリックします。

動画を見る

始める前に

ソーシャル リンク ブロックの [コンテンツ] タブには、サイトの [ソーシャル リンク] パネルに追加された情報が反映されます。 ソーシャル リンク ブロック内のソーシャル リンクを更新すると、[ソーシャル リンク] パネルでも更新されます。

このため、すべてのソーシャル リンク ブロックには同じソーシャル アイコンが表示されます。1つのソーシャル リンク ブロックでソーシャル リンクを追加または削除すると、サイト上の他のすべてのソーシャル リンク ブロックに変更が反映されます。ソーシャル リンク ブロックごとに異なるソーシャル アイコンを表示させることはできません。

ソーシャル リンク ブロックを追加する

ソーシャル リンク ブロックを追加する方法は次のとおりです。

1. ページまたは投稿を編集し、[ブロックを追加] または挿入箇所をクリックしてから、[ソーシャル リンク] をクリックします。ヘルプについては、「ブロックを使用してコンテンツを追加する」をご覧ください。
2. ブロックに表示される鉛筆アイコンをクリックして、ブロック エディターを開きます。
3. [コンテンツ] タブで、ソーシャル アイコンを追加または編集します。
4. ソーシャル リンクのデザインを変更するには、[デザイン] をクリックします。

ソーシャル アイコンを追加または編集する

新しいソーシャル アイコンを追加する方法は次のとおりです。

1. [コンテンツ] タブで、[ソーシャル リンクを追加] をクリックします。
2. プロフィール ページのURLまたはメール アドレスをコピーして、空白のフィールドに貼り付けます。
3. キーボードの [Enter] キーを押します。

個々のソーシャル リンクを編集するには、[コンテンツ] タブでそのハイパーリンクをクリックします。これにより、次のことが可能になります。

• ソーシャル リンクのURLまたはメール アドレスを編集する。
• [ソーシャル アイコンを表示] トグルをオフに切り替えて、アイコンをサイトから一時的に非表示にする。
• ソーシャル リンクを削除する。ソーシャル リンクを削除すると、サイト上のすべての場所からソーシャル リンクが即座に削除されることに注意してください。

ソーシャル リンクの順序を変更するには、[コンテンツ] タブの右上隅にある [編集] をクリックし、移動するソーシャル リンクの右側にあるアイコンをクリックしてドラッグします。

サイトの [ソーシャル リンク] パネルで、ソーシャル リンクを追加および編集することもできます。[ソーシャル リンク] パネルで行った変更は、サイトのすべてのソーシャル リンク ブロックに影響します。また、その逆も同様です。

デザインを変更する

[デザイン] タブで、以下の設定を使用してアイコンのデザインをカスタマイズします。

ヒント: これらの設定は、独自のスタイル設定を持つ組み込みのソーシャル アイコンには影響しません。

アイコンの色を変更する

ソーシャル リンク ブロックのアイコンの色は、サイトのブランディングに合わせて変更できます。オプションはサイトのバージョンによって異なります。

アイコンの色を変更する方法は次のとおりです。