html電子メールニュースレターを作成する最良の方法

-2

MS Outlookで正しくレンダリングするHTMLニュースレターを作成するにはどうすればよいですか？私のHTMLは悪く見えるが、ウェブページとしては良い。私はHTMLを書いているが、それはクロームとIEでよく見えるが、見通し内では、スタイリングは失敗している。他のウェブサイトの指示に従って、すべてのインラインCSSを使用しました。あなたは特別なソフトウェアが必要ですか？それとも、役に立つトレーニングリソースがありますか？要するに、html電子メールニュースレターを送信する最良の方法は何ですか？ここではあなたのアイデアを与えるには十分に私のコードの小さなスニペットは、次のとおりです。html電子メールニュースレターを作成する最良の方法

<!DOCTYPE html>

<head> 
    <charset="utf-8"> 
    <title>GPA Newsletter</title>  
</head>

<div style="padding: 0px; margin: 0px; background: gray; padding: 10px">    

    <div style="padding-bottom: 80px; background: linear-gradient(gray, white);"> 
     <h1 style="margin-top: 0;">Here is your September 2017 GPA Maintenance Newsletter</h1>   
     <img src="https://i.imgur.com/5xskeoF.jpg" alt="The newsletter logo" style="margin-top: 30px; border-radius: 30px; border: 5px solid black; max-width: 100%; display: block; margin: auto; width: 50%; argin-bottom: 40px;"> 
     <img src="https://i.imgur.com/uhdSAow.jpg" alt="The comcast logo" style="max-width: 100%;  display: inline; float: left; margin-left: 12%; margin-bottom: 20px;"> 
     <h2 style="text-align: right; padding-right: 15%; margin-bottom: 0;">September 2017</h2>    
    </div> 

</div>

出典

2017-09-26 sunspore

あなたはすべてのインラインスタイルを使用する権利です。それは良いスタートです。

また、私の経験では、HTMLニュースレターを作成する最も良い方法は、固定ピクセルサイズをちょうど使用することです。 640pixelsワイドは保証された最小公約数です（したがって、どのマシンのどの電子メールクライアントでも動作します）。最近一般的な幅のサイズは720pxです。しかし、パーセンテージ（％）はまったく問題ないと思います。電子メールクライアントは、ブラウザのようにHTMLをレンダリングするほど洗練されていません。

コードスクールには、HTMLメールを作成する方法を教える素晴らしいクラスがあります。 https://www.codeschool.com/courses/unmasking-html-emails

出典

2017-09-26 16:05:07 b0rgBart3

私はニュースレターを作成するときに、ほとんどのサポートされている方法、または少なくとも私が覚えているほとんどのクライアントで動作すると思われる方法のみを使用しようとします。次に、ニュースレターをテストするためのツール、たとえばリトマスを使用します。 div（テーブルを使用）を使用しないでください。多くのクライアントが正しくレンダリングしていません。背景にも十分なサポートはありません。（背景色が良いです）。多くの場所でフォントファミリを指定する必要があります。これは間違ったコードの一部です。簡単な答えはありません。ちょうど何がうまくいくのか、そうでないのか、いくつかのフレームワークやテンプレートを使ってみてください。 https://foundation.zurb.com/emails/email-templates.html このリンクは同様にあなたを助けるかもしれない：https://www.campaignmonitor.com/css/

出典

2017-09-26 17:12:20 user8672473

は非常にあなたの両方をありがとう、これは上に行くために私にいくつかの素晴らしいリードを提供します！ – sunspore

html電子メールニュースレターを作成する最良の方法

答えて

関連する問題