HTML ニュースレター。時にはかなりの眺めですが、現時点ではコーディングの悪夢のように見えます. 私は html と css を分離することに慣れていますが、HTML ニュースレターを書くとき、これは実際にはオプションではありません (またはそうですか?)。
では、HTML ニュースレターのスタイルを設定するベスト プラクティスは何ですか? すべての css を<style>コードの上にある単一のタグに入れますか? style プロパティを使用して、すべての要素を独自にスタイルしますか? または、適切に見えるようにテーブルの幅をいじっていませんか? おそらくすべてのビット？
それらはコーディングの悪夢です。style-Tag を避け (一部の Webmail クライアントはいずれにせよそれらを削除します)、インライン スタイルに気を配り (すべてのメール クライアントですべてが機能するとは限りません - 基本的なタイプミスに制限するのが最善です)、background-image を避けます (それらは機能しないため)。一貫性があり、時にはまったくない場合もあります)、ネストされたテーブルを多数使用します (ただし、一部のメール クライアントではテーブル セル間にギャップが生じる可能性があるため、隣接するテーブル セルにパーツを配置するために画像を切り刻むことは避けてください)。最も重要なことは、テンプレートをすべての主要なメール クライアント (多くのメール クライアントは表示する前にコードを変更するため、HTML ページとしてブラウザーでテストすることはほとんど役に立ちません)。プログラムによっては、送信時にコードが変更されるため、実際のニュースレターの送信に使用するのとまったく同じプログラムでそれらをテストしてください。
辛い経験から私ができる最善の提案は、a) シンプルに保つ、b) テスト済みのニュースレター テンプレートを購入し、ニーズに合わせて注意深く調整する、c) HTML ニュースレターを送信しない、です。
メールの設計と開発は、最悪の事態の 1 つです。主に、異なるクライアントによるレンダリングと解析のアプローチが非常に異なるためです。Gmail、Yahoo、Outlook はすべて独自の「発言権」を持っています。設定されたスタイルを組み合わせる必要がありますが<style>、テーブルの幅やセルなど、いくつかのインライン スタイルも配置する必要があります。
何をどのように使用するかを学ぶには、かなりの時間がかかります。何十通もの電子メールが必要です。
私がアドバイスできることの 1 つは、Litmusのような自動化ツールを使用して電子メールをチェックすることです。
さらに、特定の電子メール クライアントに好まれていないタグやスタイルについてもお読みください。そのためにCampaignMonitorをお勧めします
HTML ニュースレターの場合は、css をインラインとして保持し、"TABLES" を使用します。一部の電子メール クライアントは、MS Outlook のような DIV をサポートしていません。