コアPHPのメールテンプレートにCSSを含めるには？ HTMLで

私が作成したメールテンプレートコアPHPのメールテンプレートにCSSを含めるには？ HTMLで

test.htmlという

<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Easy Donation</title> 
</head> 
<body> 
    <header> 
     <h1>Easy Donation Receipt</h1>   
    </header> 

    <h1>Thanks For Donating!</h1> 
    <table class="donation-receipt"> 
     <tr> 
      <th>First Name:</th> 
      <td>{{test}}</td> 
     </tr> 
     <tr> 
      <th>Last Name:</th> 
      <td>{{test}}</td> 
     </tr>      
    </table> 
</body>

内部CSS

<style> 
body { 
    border: 1px solid black; 
    padding: 20px; 
    display: inline-block; 
} 
</style>

mail.php

$to = "[email protected]"; 
$subject = "Example test"; 
$message = file_get_contents("test.html"); 
// Always set content-type when sending HTML email 
$headers = "MIME-Version: 1.0" . "\r\n"; 
$headers .= "Content-type:text/html;charset=UTF-8" . "\r\n"; 

mail($to,$subject,$message,$headers);

私がメールを取得していますが、スタイルシート（CSSの内部が）メールテンプレートに適用されていない正常に動作しています。

ありがとうございます。

出典

2017-11-22 Sejal Agarwal

内部CSS？ CSSはhtmlの先頭に置く必要があります。 –

'' –

のようなインラインCSSを追加する必要がありますか？内部CSSではどういう意味ですか？ –

そのための迅速な解決策は、このようなPHP変数に直接HTMLコードを置くことです：

$my_var = <<<EOT 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Easy Donation</title> 
</head> 
<body> 
<header> 
    <h1>Easy Donation Receipt</h1>   
</header> 

<h1>Thanks For Donating!</h1> 
<table class="donation-receipt"> 
    <tr> 
     <th>First Name:</th> 
     <td>{{test}}</td> 
    </tr> 
    <tr> 
     <th>Last Name:</th> 
     <td>{{test}}</td> 
    </tr>      
</table> 
</body> 
EOT;

それはすべての時間を動作します。また、あなたのCSSを頭の部分に入れてください。

出典

2017-11-22 06:19:23 chandlerbing

私はCSSをヘッドセクションに置いていますが、動作していません。 –

組み込みのPHPメールサービスではなく、外部のメーリングサービス（sendgrid）を使用する方法メールを開始するにはapiを使用するだけです。あなたは追加の郵送活動を監視することができます。それは簡単で、素晴らしいテンプレートを送信することができます。 IDを使用するだけです。この場合、インラインCSSを使用することが唯一の解決策であるようです.... – chandlerbing

インラインCSSを作成してください。

例：

<body style="border: 1px solid black;padding: 20px;display: inline-block;"></body>

出典

2017-11-22 06:24:27 Alex

内部CSSは、すべてのメールポータルに動作しない場合がありますので、それは要件ごとにインラインCSSを追加するための良い方法です。それが動作します。例：

<body style=" border: 1px solid black;" > 

--Body element-- 
</body>

出典

2017-11-22 06:28:42

代替ソリューションはありますか？インラインCSSを追加したくありません。 –

内部のCSSを使用できますが、ID /クラスを入れてからCSSを定義します。それは動作するはずです –

コアPHPのメールテンプレートにCSSを含めるには？ HTMLで

答えて

関連する問題