---
url: "/ja/emailify/elements/row.md"
description: "行をメインのレイアウトコンテナとして使い、必要に応じて行を画像としてレンダリングします。"
---

# コンテンツ行

> 行をメインのレイアウトコンテナとして使い、必要に応じて行を画像としてレンダリングします。

**🚣 Row**要素は、Emailifyの✉️ **Email**フレーム内で使う最も基本的な構成要素です。メインのメールフレームの直下にしか追加できず、🏛️ **Content**要素のコンテナとしてのみ使われます。

> **Warning:** **Rowは入れ子にできません** 。**🚣 Row**レイヤーは✉️ **Email**フレームの直下にしか追加できず、内部に含められるのは1つ以上の🏛️ **Column**レイヤーだけです。

> **Tip:** **背景画像やグラデーションを追加する** 。🚣 **Row**、🏛️ **Column**、🦸 **Hero**、🎁 **Wrapper**レイヤーには、画像やグラデーションの背景の塗りを追加できます。なお、未加工の`mjml`と`loops`のエクスポートでは、引き続きColumnの背景画像の属性は出力されません。

## コンテンツ行の要素 {#content-row-elements}

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

- 🏛️ [コンテンツカラム](/ja/emailify/elements/column)

## 「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のレイヤーに応じて変わります。

## 行を（HTMLではなく）画像としてレンダリングする {#rendering-a-row-as-an-image-instead-of-html}

[Video](/assets/videos/emailify/emailify-render-image.mp4)

理由を問わず、特定の行を（リッチテキストやHTMLのコンテンツではなく）全幅の画像として確実にレンダリングしたい場合は、設定パネルを開いた状態でEmailifyのコンテナフレーム内の任意の行をクリックし、**Render section as an image (instead of HTML)** トグルをクリックします。

プラグインのHTMLプレビュー機能を使えば、[画像としてのレンダリング結果を視覚的に確認](/ja/emailify/design/preview)できます。