Skip to content

CSSインライン展開

CSSインライン展開は、CSSスタイルシートのスタイルをHTMLメールの本文に移動するメール前処理の形式です。「インライン化」という用語は、スタイルが個々のHTML要素にインラインで適用されることを意味します。

一部のメールクライアントでは、CSSインライン展開により、メールのレンダリング方法が改善され、メールが期待通りに表示されるかどうかを確認するのに役立ちます。CSSの大半がすでにインライン化されているか、HTMLおよびCSSがほとんどのメールクライアントの要件と互換性があると確信している場合は、この機能をオンにする必要はありません。動的に埋め込まれたスタイルが既存のインラインスタイルと競合する可能性があり、予想されるプレビューおよびメールレンダリングが変更される場合があります。

CSSインライン展開の使用

HTMLエディターの送信情報タブにあるインラインCSSを有効にするトグルを使用して、メールメッセージに対するCSSインライン展開の有効または無効をコントロールできます。

HTML作成画面でCSSのインライン化を管理するためのチェックボックス。

デフォルトのインライン化状態

オン/オフのどちらをデフォルトにするかは、設定 > メール設定からグローバルに設定できます。CSSインライン化の設定を見つけます。この設定は、すべての新しいメールメッセージの開始時のデフォルト値を指定します。この設定を変更しても、既存のメールメッセージには影響しません。また、このデフォルトは、メールメッセージの作成中にいつでも上書きできます。

メール設定にあるデフォルトで新しいメールにインラインCSSを適用するオプション。

コネクテッドコンテンツとCSSインライン展開

CSSインライン展開は、コネクテッドコンテンツが評価される前に実行されます。コネクテッドコンテンツから返されたHTMLは、同じインライン化ステップを通過しません。コネクテッドコンテンツから必要なスタイルは、レスポンスに直接配置するか（インラインstyle属性または埋め込みルール）、テンプレートに合わせてメッセージのインライン化を無効にしてください。

カスタムHTMLテンプレートでのContent Blocks

カスタムHTMLメールテンプレートまたはCampaign内でLiquidを使用してコンテンツブロックを取り込む場合、親テンプレートのCSSルールがコンテンツブロック内で定義されたスタイルを上書きする可能性があります。テンプレートラッパー内の競合するセレクターやグローバルルールを確認してください。
New Stuff!