/ /電子メールテンプレート検証 - zurb-foundation、html-email

電子メールテンプレートの検証 - zurb-foundation、html-email

私は多国間電子メールを送信しています。テンプレートはZurb Foundationのテンプレートですが、期待通りにこのテンプレートが正しく表示されないという問題があります。私はW3Cを使ってHTMLを検証しましたが、それはまだ正しく表示されていません。

のテンプレートを見てみることができます http://52fluent.com/email.html

灰色のバーの上に表示される主な問題は、これまでに実装されているスタイル設定がない場合と同様に、常に切り詰められます。

どのように問題を見つけることができ、どのツールを使用するのですか

回答:

回答№1は1

問題は、テンプレートがCSSスタイルシートへのリンクに依存していることです http://52fluent.com/email.css

<link rel="stylesheet" type="text/css" href="http://52fluent.com/email.css" />

そのようなリンクは電子メールでは機能しません。 CSSファイルのスタイルをテンプレートの適切なHTML要素にコピーする必要があります。たとえば、次のようにします。

<table class="head-wrap" bgcolor="#999999"
style="margin: 0; padding: 0; [...etc...]">

もちろん、それを自動的に行うためのツールがあります。たとえば、すばやいGoogle検索で CSSインライントランスフォーマー。 Pythonライブラリもあります 前売り