HTML を Gmail に挿入する方法

古いバージョンの Gmail では HTML が許可されており、使いやすい HTML エディターも提供されていました。現在、Gmail は HTML の使用をより難しくし、実際にサポートされている HTML に制限を設けています。とはいえ、メールのカスタマイズとデザインに役立つ基本的な HTML の実装は実装が簡単で、カスタム メール サービスにお金を払わなくても、いくつかの非常に優れたデザイン要素を作成できます。

Gmail での HTML の制限

Gmail では、WYSIWYG エディターで簡単に書式設定できますが、より複雑なコードには外部エディターを使用することもできます。外部エディターは、会社のブランディングやニュースレター スタイルの書式設定を作成するのに理想的ですが、内部エディターはシンプルなフォント、絵文字、画像に最適です。エディターの選択は、基本的に HTML の複雑さと実際のメールの特定のニーズによって異なります。

ウェブ フォントも、Gmail エコシステム内では機能しません。 Gmail で既に提供されているフォントのみを使用できます。コードはカスタム フォントをレンダリングしないため、これら以外のものを追加しないでください。ただし、Gmail が提供するフォントはかなり堅牢で、カスタマイズされたメール用のオプションがたくさんあります.

もう 1 つの制限は、外部スタイル シートを組み込むことができないことです。独立した CSS シートを作成して直接 Gmail にプラグインすることはできません。幸いなことに、CSS コードの特定の行を HTML コード内の埋め込み要素として追加できます。これは、スタイリング機能が制限された優れた回避策を提供しますが、カスケーディング スタイル シートの全機能を提供するわけではありません。

Gmail で HTML を使用する

制限事項がわかったので、内部エディターまたは外部エディターで HTML コードを記述してください。外部エディターは一般的であり、多くの場合、メール リストの購読管理サービスと統合されています。無料版と有料版があり、さまざまなオプションを利用できます。内部エディターが正常に機能するには、プレーン テキスト エディターから未加工のコードを記述するか、コピーして貼り付ける必要があります。

生のコードを書くことは必ずしも必要ではないため、外部エディタは多くのユーザーにとって理想的です。多くのバージョンには、事前に設計されたテンプレートと、コーディングの知識を必要としないドラッグ アンド ドロップ エディターが付属しています。このデザインは、Gmail などの電子メール プラットフォームの制限内で機能するように特別に作られています。

カスタム HTML コードを Gmail に挿入する際の最大のハードルは表示です。電子メールはさまざまなデバイスで読み取られ、コードはデバイスごとに異なって表示されます。ラップトップでは完全に機能し、モバイル デバイスのレイアウトを調整できない場合があります。レスポンシブ テンプレート デザインを提供する外部編集プラットフォームを探して、どのデバイスでも適切にサイズ変更できるようにします。

コードをレンダリング

メールをデザインしたら、Gmail にコードを直接入力します。送信前のテストも、プロセスの重要な最終ステップです。フルサービスのメール エディターと管理システムが Gmail に接続し、外部サービスを介してメールを送信します。これらのエディターは通常、テスト メールを送信して、通常の受信トレイ内のすべてを表示する簡単な方法を提供します。

Gmail の電子メールに HTML を埋め込むには、コードをプレーン テキスト形式でコピーし、最初に Web ブラウザでコードをレンダリングします。 HTML ファイルを Chrome または別のブラウザで開いても問題ありません。これにより、Gmail に表示されるのと同じようにメールが表示されます。 Web ブラウザの表示からすべてをコピーして、Gmail に直接貼り付けます。

正式なメールを送信する前に、自分自身にテスト メールを送信して正しく表示されることを確認してください。また、Google は Gmass 拡張機能を提供して、公式のメーリング リストに大量のメールを管理および送信します。