Emailifyでは、デザイン内の対応するEmailifyレイヤーであれば、SettingsパネルからHTML属性やレスポンシブ用の上書き設定を適用できます。
レイヤー設定を開く
- FigmaのデザインでEmailifyレイヤーを選択します(例:Text、Image、Button、Row、Column、Wrapper、Hero、Social Icon Link、Navigation Link)。
- Emailifyのプラグインパネル(またはHTMLプレビューウィンドウ)にあるSettingsボタンをクリックします。
- 選択したレイヤーで使える属性を更新します。
レイヤーの種類に応じて、クリック可能なURLリンク、画像の代替テキスト、表示・非表示の設定、モバイル用の上書き設定、ダークモードの上書き設定、その他のHTMLエクスポート用の属性などのオプションがあります。
設定を一括適用する
複数のレイヤーにまとめて設定を適用することもできます。
- Figmaで同じ種類のEmailifyレイヤーを2つ以上選択します(たとえば、複数のテキストレイヤーや複数の画像レイヤー)。
- Settingsパネルを開きます。
- Bulk Edit Modeが有効になっていることを確認します。
- パネルで任意の設定値を変更します。
Bulk Edit Modeが有効な場合、設定の変更は選択した同じ種類のすべてのレイヤーに適用されます。
選択したレイヤーの既存の値が異なる場合、Emailifyは値が混在していることを検出して表示します。設定を変更すると、選択したすべてのレイヤーでその設定が上書きされます。
次のステップ
- 設定を変更した後にモバイル・デスクトップでの表示を確認するには、HTMLプレビューパネルを使います:HTMLメールのプレビュー
- モバイル用の上書き設定について詳しくは、こちらをご覧ください:モバイル用スタイルの上書き