---
url: "/ja/emailify/design/show-hide.md"
description: "モバイルやデスクトップでレイヤーを表示・非表示にできます。画面ごとに別々の画像バリエーションを使うことも可能です。"
---

# デスクトップやモバイルでメールの要素を表示・非表示にする

> モバイルやデスクトップでレイヤーを表示・非表示にできます。画面ごとに別々の画像バリエーションを使うことも可能です。

## モバイルやデスクトップでレイヤーを非表示にする {#hiding-a-layer-from-displaying-on-mobile-or-desktop}

[Video](/assets/videos/emailify/design/mobile-desktop-hide.mp4)

何らかの理由でモバイルやデスクトップで特定の要素を非表示にしたい場合は、プラグインのヘッダーにある**Settings**ボタンをクリックし、Emailifyのコンテナフレーム内の任意のレイヤーをクリックします。モバイルで非表示にするには**Hide On Mobile**トグルを、デスクトップで非表示にするには**Hide On Desktop**トグルを有効にします。

プラグインのHTMLプレビュー機能を使えば、[表示・非表示の上書き設定を視覚的に確認](/ja/emailify/design/preview)できます。

## モバイルとデスクトップで別々の画像レイヤーを使う {#using-separate-image-layers-for-mobile-and-desktop}

[Video](/assets/videos/emailify/design/swap-images-mobile-desktop.mp4)

モバイルとデスクトップでコンテンツ要素の異なるバリエーションを表示するには、Figmaのレイヤーを複製し、どちらかの画像を選択した状態で**Settings**パネルを開いて、一方を**Hide on Mobile**、もう一方を**Hide on Desktop**に設定します。これで、それぞれがデスクトップかモバイルのどちらか一方にだけ表示されます。

なお、この方法は控えめに使ってください。両方の画像レイヤーがそれぞれ独自の表示設定を持つ通常の画像要素としてエクスポートされるため、使うたびにHTMLエクスポートのコードが増えます。

> **Tip:** **Settings**を開いてから、Figmaで同じ種類のEmailifyレイヤーを複数選択すると、[設定を一括で適用](/ja/emailify/design/settings#apply-settings-in-bulk)できます。変更した設定は、選択したすべてのレイヤーに適用されます。