---
url: "/ja/emailify/elements/column.md"
description: "行の中でコンテンツカラムを使い、テキスト、画像、ボタンなどの要素を配置します。"
---

# コンテンツカラム

> 行の中でコンテンツカラムを使い、テキスト、画像、ボタンなどの要素を配置します。

**🏛️ Content**要素は、実際のコンテンツレイヤーを配置する1カラムまたは複数カラムのレイアウトを作るために使います。

> **Warning:** **Columnレイヤーは入れ子にできません** 。**🏛️ Column**要素は、🚣 **Row**レイヤーの直下にしか追加できません。カラムの行が複数必要な場合は、カラムの行ごとに新しい🚣 **Row**を作成する必要があります。

> **Note:** **🏛️ Columnレイヤーには背景画像やグラデーションを含められます** 。これらはEmailifyのプレビューとHTMLとしてレンダリングされるエクスポートに反映されます。最上位の🚣 **Row**、🦸 **Hero**、🎁 **Wrapper**レイヤーにも、画像やグラデーションの背景の塗りを追加できます。なお、未加工の`mjml`と`loops`のエクスポートでは、引き続きColumnの背景画像の属性は出力されません。

## Columnのコンテンツ要素 {#column-content-elements}

🏛️ **Column**のFigmaレイヤーを選択すると、次のオプションが表示されます。

- ✍️ [テキスト](/ja/emailify/elements/text)
- 📷 [画像](/ja/emailify/elements/image)
- 🔗 [ボタン](/ja/emailify/elements/button)
- 📐 [スペーサー](/ja/emailify/elements/spacer)
- ➖ [区切り線](/ja/emailify/elements/divider)
- 🧾 [スプレッドシート（インポート）](/ja/emailify/elements/spreadsheet)
- 🪑 [データテーブル](/ja/emailify/elements/table)
- 🍔 [ナビゲーションリンク](/ja/emailify/elements/navbar)
- 🐦 [ソーシャル](/ja/emailify/elements/social)
- 🎠 [画像カルーセル](/ja/emailify/elements/carousel)

## 「Quick Add」機能で新しいEmailifyレイヤーを追加する {#using-the-quick-add-feature-to-add-new-emailify-layers}

[Video](/assets/videos/emailify/element-contexts.mp4)

Emailifyでは、Figmaのデザインにレイヤーとして追加される専用のレイアウトブロックとコンテンツ要素を使ってデザインを組み立て、プラグインからHTMLにエクスポートできます。

これらのレイアウトブロックやコンテンツ要素を追加するには、Emailifyフレームを1つ以上作成しておき、そのフレームをクリックします。プラグイン下部に**Quick Add Element**コンテキストメニューが自動で表示されるので、追加したい要素をクリックし、**Add +** ボタンをクリックすると、選択したレイヤーに追加されます。

> **Tip:** コンテキストメニューに表示されるオプションは、現在選択しているFigmaのレイヤーに応じて変わります。