---
url: "/ja/emailify/content/social-icons.md"
description: "メールデザインの任意のColumnレイヤー内に、カスタマイズ可能なアイコンリンクを横に並べたソーシャルアイコンを追加できます。"
---

# メールデザインにソーシャルアイコンを追加する

> メールデザインの任意のColumnレイヤー内に、カスタマイズ可能なアイコンリンクを横に並べたソーシャルアイコンを追加できます。

## Columnレイヤーにソーシャルアイコンを追加する {#adding-social-icons-to-your-columns-layers}

[Video](/assets/videos/emailify/content/adding-social-element.mp4)

メールの任意のColumnレイヤーにソーシャルアイコンのコンポーネントを追加できます。FigmaでColumnレイヤーをクリックし、Quick Addのドロップダウンメニューから**Social**オプションを選択して、**Add +** ボタンをクリックすると、Column内に新しいソーシャルレイヤーがいくつかのソーシャルアイコンとともに自動的に作成されます。

### Socialレイヤーにソーシャルアイコンを追加する {#adding-additional-social-icons-to-your-social-layer}

ソーシャルアイコンを追加することもできます。プラグインが作成した新しい**Social**のFigmaレイヤーをクリックし、Quick Addのドロップダウンメニューからソーシャルアイコンのオプションを選択して、**Add +** ボタンをクリックすると、そのソーシャルアイコンが新しいソーシャルアイコンリンクとしてソーシャル要素に自動的に追加されます。

> **Tip:** プラグインヘッダーの[Settingsボタンを使って](/ja/emailify/content/link-social-icons)、ソーシャルアイコンに`alt`テキスト属性を設定したり、クリック可能な`href`のURLリンクを追加したりできます。

## ソーシャルアイコンにカスタムのベクターアイコンレイヤーを使う {#using-custom-vector-icon-layers-for-your-social-icons}

[Video](/assets/videos/emailify/content/custom-social-vector-icons.mp4)

使いたいソーシャルプラットフォームのアイコンがプラグインのプリセット（上記のQuick Addの手順で使うもの）にない場合は、独自のSVGベクターレイヤーを、プラグインが作成した既存のソーシャルアイコンレイヤーの*中に*ドラッグ＆ドロップします。そのあと、ソーシャルアイコンリンクレイヤー内にあった元のベクターアイコンを削除するか非表示にしてください。

> **Tip:** プラグインヘッダーの[Settingsボタンを使って](/ja/emailify/content/link-social-icons)、ソーシャルアイコンに`alt`テキスト属性を設定したり、クリック可能な`href`のURLリンクを追加したりできます。