---
url: "/ja/emailify/export/global-code.md"
description: "エクスポートするメールに小さなカスタムHTMLやCSSのコードを挿入する必要がある上級ユーザーは、プラグインのSettingsパネルから挿入できます。"
---

# メールにグローバルなカスタムHTML/CSSコードを挿入する

> エクスポートするメールに小さなカスタムHTMLやCSSのコードを挿入する必要がある上級ユーザーは、プラグインのSettingsパネルから挿入できます。

[Video](/assets/videos/emailify/export/global-html-css.mp4)

何らかの理由で、ごく特定のカスタムCSSをメールに追加したい場合や、``タグにHTMLを追加したい場合は、Emailifyプラグインで親となるメールコンテナのFigmaフレームを選択し、**Settings**ボタンをクリックして、挿入したいコードを必要に応じて追加します。

**Add Mobile CSS Rules**欄に入力したCSSルールは、モバイル用スタイルの`@media`タグ内に追加され、Figmaフレームの幅より小さい画面サイズでこれらのスタイルが適用されます（ここで適用するCSSルールには`!important`を付ける必要があります）。

**Add Inline CSS Rules**欄に入力したCSSプロパティは、指定したHTMLセレクターに自動でインライン化されます（たとえば、`p { color: blue }`を追加すると、エクスポートしたHTMLメールのコード内のすべての``タグに`style="color: blue;"`がインラインで付与されます）。

**Add Head Tag HTML**欄に記述したHTMLは、エクスポートしたHTMLメールの``タグに自動で挿入されます。メールマーケティングプラットフォームで、特別なトラッキングタグなど、HTMLの``タグに追加する必要のあるHTMLタグを追加できる場合に便利です。

> **Tip:** Emailifyは、ファイルサイズをできるだけ小さくするためにHTMLのエクスポートを自動でミニファイします。ただし、擬似クラスによるインタラクティブな動作のためにCSSクラスを変更されては困るカスタムコードを追加する場合は、カスタムCSSに`#interactive:checked`のスタイルルールを1つ以上含めることでミニファイをスキップできます（例：`#interactive:checked ~ .content { display: block; }`）。この場合、プラグインはそのメールのミニファイを自動でオフにします。

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