ソーシャルアイコンをカスタマイズする

ソーシャルメディアアイコンを追加すると、サイトのデザインに合わせてその外観をカスタマイズできます。このガイドでは、ソーシャルアイコンブロックに用意されている複数のスタイル設定オプションを説明します。

次の手順に従って、プリセットされたアイコンスタイルのオプションから選択します。

アイコンの色またはソーシャルアイコンブロックの背景色を変更するには、次の手順に従います。

色設定について、詳細をご確認ください。

アイコンのサイズを変更するには、次の手順に従います。

デフォルトでは、ソーシャルメディアアイコンはテキストラベルなしで表示されます。ラベルを追加するには:

1. エディターの左上隅にある「リスト表示」を選択します。
2. リスト表示で「ソーシャルアイコン」ブロックをクリックします。
3. ブロック設定サイドバーで、「テキストを表示」オプションを見つけてオンに切り替えます。ソーシャルメディアプラットフォームの名前がアイコンに表示されます。
4. テキストを変更する場合は、1つのアイコンをクリックしてブロック設定サイドバーを開きます。
5. 表示するテキストを「テキスト」フィールドに入力します。
6. 右上の「保存」または「公開」をクリックして変更を適用します。

ソーシャルアイコンブロックに枠線または影を追加するには、次の手順に従います。

1. エディターの左上隅にある「リスト表示」を選択します。
2. リスト表示で「ソーシャルアイコン」ブロックをクリックします。
3. ブロック設定サイドバーで、「スタイル」アイコンをクリックします。黒と白の丸のような外観です。
4. 「枠線」セクションを見つけます。
5. コントロールを使用して、境界線の幅、色、半径を調整します。

枠線の追加方法について詳しくご確認ください。