---
url: "/ja/emailify/design/hero.md"
description: "背景画像の上に、1カラムのリッチテキスト、ボタン、そのほかのコンテンツ要素を表示したい場合は、🦸 Hero要素を追加できます。"
---

# メールデザインにヒーローの背景画像ブロックを追加する

> 背景画像の上に、1カラムのリッチテキスト、ボタン、そのほかのコンテンツ要素を表示したい場合は、🦸 Hero要素を追加できます。

[Video](/assets/videos/emailify/design/add-hero-block.mp4)

新しいHeroを追加する最も手早い方法は、[プリセットのスターターコンポーネントを追加する](/ja/emailify/design/presets)（主に「CTA」タブから）か、EmailifyのメールのFigmaフレームを選択した状態で、プラグイン下部にある**Quick Add Element**ドロップダウンを使って、新しい空のHeroレイヤーをメールデザインに挿入することです。

これで、プレースホルダーの背景画像塗りが設定された、新しい空のHeroレイヤーが追加されます。

あとは必要に応じて、Figmaでコンテンツレイヤーを追加したり、スタイルをカスタマイズしたり（背景の追加、[パディングとスペース](/ja/emailify/design/item-spacing)の調整など）できます。

> **Tip:** 複数のカラムのコンテンツに背景画像を使いたい場合は、🚣 Rowや🎁 Wrapperレイヤーに[背景画像を追加](/ja/emailify/design/background-images)したり、個々の🏛️ Columnレイヤーに直接適用したりすることもできます。

> **Warning:** **🦸 Hero**要素は、✉️ **Email**レイヤーの直下にのみ追加できます。**🦸 Hero**要素は複数カラムのレイアウトに対応していないため、**🏛️ Column**レイヤーを含めることはできません。（**🚣 Row**要素とは異なり）**🏛️ Column**レイヤーを使わずに、コンテンツレイヤーをフレームの直下に追加します。