2016-04-18 3 views
0

だから、私はすぐに病気になるというウェブサイトを設計しました。フォームを含むすべてが機能します。それは、私は私のクライアントに電子メールを送信するときにhtmlメールはどこでフォーマットしますか?

https://cdn.tutsplus.com/webdesign/uploads/2013/06/21.png

:ユーザーがフォームを通じて私に電子メールを送信する場合ただし、メールの書式設定が非常にugly.Iが私のメール、このようなものをデザインしたいです上記のように魅力的に見えるはずです。

私の質問は、HTML電子メールのデザインをどこでコードするのですか?私は自分のウェブサイトのコンテンツがあるindex.htmlでこれを行いますか?しかし、それは理にかなっていませんか?

新しいHTMLファイルを作成してコードを作成しますか?どうすればいいですか?

テンプレートメールを「フォーマットされた右」に移動平野醜いメールから事前

+3

ようこそSOにします。 [よくある質問と回答](http://stackoverflow.com/help/on-topic)[よくある質問とその回答](http://stackoverflow.com/help/on-topic) -ask) [完璧な質問](http://codeblog.jonskeet.uk/2010/08/29/writing-the-perfect-question/) – RiggsFolly

答えて

1

のおかげで、大きなジャンプです。

メールを送信するために使用しているものを教えてください。任意のフレームワークを使用していますか、それともPHPですか?

ヘッダの一部として、以下を使用して、HTML形式のメールを送信するには:

$headers = 'MIME-Version: 1.0' . "\r\n"; 
$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n"; 

あなたは既にHTML形式でメールを送信すると、ちょうどHTMLの書式に助けを必要としていますか?ほとんどの電子メールクライアントと電子メールプロバイダは外部のcssファイルをサポートしていないことを覚えておいてください。 Gmailは、HTMLの先頭にあるCSSスタイルも削除します。 CSSスタイルの最も安全な場所は、「スタイル」タグを使用してインラインになります。

空想的な書式設定のためには、電子メールクライアントと電子メールプロバイダのほとんどがDivタグを削除するために、テーブル(必要な場合はネストしたテーブル)を使用するのが安全な方法だと思います。

あなたは、あなたが変数にHTMLコードを保存し、下記のようにボディに割り当てることができphpmailerのを使用している場合:

$mail->Body = "<!-- your html code goes here -->; 

としてはエルスデンLEPで言及された、無ありあなたのメールがすべてのメールプロバイダ/クライアントに必要な形式で表示されるようにしてください。しかし、表の組み合わせを使用する場合は、インラインCSSを使用すると、堅牢な表示(かなり近くにあります)をかなり確実にすることができます。

あなたのHTMLをイメージとして変換し、GIMPやPhotoshopのようなユーティリティを使用して、スライスオプションを使用してHTMLに変換します。これは、画像の特定の領域にリンクを付ける必要がある大きな画像がある場合に特に便利です。あなたの電子メールの送信を扱うファイルはsendmail.phpと呼ばれていると仮定すると

+0

私はphpmailer()を使用しています。 –

+0

これは新しいhtmlファイルで行いますか?ちなみに、私のメールは送信されますが、フォーマットしたいのですが –

+0

user2229607には良い提案がありますが、これらの提案に従っても依然としてその人のメールクライアントの設定に依存しますあなたはあなたにメッセージを送っています。また、さまざまな電子メールクライアントがhtmlとcssを別々に処理しています。だから、あなたは結果がどうなるかを正確に制御することはできません。 –

0

は、あなたはとてもようにインラインCSSとしてあなたsendmail.phpでスタイリングを行うことができます。

$message = 'Contact form.<br />'; 
$message .= 'Subject:<br />'; 
$message .= "<h1 style=\"color:blue;margin-left:30px;\">This is a heading.</h1><br />"; 
関連する問題