ソーシャルアイコンブロックを使うと、ソーシャルメディアのプロフィールをクリック可能なアイコンまたはテキストリンクとして表示できます。個別に追加することも、ソーシャルリストブロックを使ってまとめて追加することもできます。
アイコングリッド
アイコングリッドには、利用可能なすべてのソーシャルプラットフォームが表示されます:LinkedIn、Twitter、Facebook、Instagram、YouTube、Pinterest、Google、Vimeo、Snapchat、Behance、Figma、GitHubなど。
選択中のアイコンはハイライト表示されます。+ ボタンをクリックすると、ライブラリ全体を閲覧して特定のプラットフォームを検索できます。
選択した各プラットフォームには、プロフィールのリンクを入力するURL入力欄があります。
スタイル
モダンですっきりとした見た目には、バリアント → プレーン と 形状 → 円形 の組み合わせがおすすめです。よりミニマルな雰囲気にしたい場合は、バリアント → ストローク に切り替えてください。
レイアウト
パディングは、ソーシャルアイコンブロックの周囲の余白を制御します。
ソーシャルリストと個別アイコン
ソーシャルリストブロックは、すべてのソーシャルアイコンを共通のスタイルでまとめて扱います。バリアントや形状を一度変更するだけで、リスト内のすべてのアイコンに反映されます。
個別のソーシャルアイコンブロックでは、1つのアイコンの外観を個別に制御できます。あるアイコンだけを他とは違うスタイルにしたい場合に使用します。リストブロックでは、電話やメールなどの連絡先情報に同じアイコンスタイルが適用されます。
関連記事
