ボタンでhrefリンクを持つメールを送信するメール

確認メールを送信しています（今はうまくいきます）。電子メールでは、リンクをボタンとして表示します。ボタンでhrefリンクを持つメールを送信するメール

私はこれを試してみました：

私は、クラスを追加し

<p><%= link_to t('.action', default: 'Confirm my account'), 
     confirmation_url(@resource, confirmation_token: @token, locale: I18n.locale), class: "btn btn-primary" %></p>

： "BTN-主要BTN" が、それはうまくいきませんでした。これを行う正しい方法は何ですか？

私はブートストラップをインストールし、私のアプリで動作しています。あなたの電子メールでブートストラップを参照する必要があると聞きましたが、どうですか？ ブートストラップはあなたとして機能しない理由あなたは電子メールで、ボタンなどのリンクを表示したい場合は

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1.0"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" 
</head> 
<body> 

<p><%= link_to t('.action', default: 'Confirm my account'), confirmation_url(@resource, confirmation_token: @token, locale: I18n.locale), class: "btn btn-primary" %></p> 

</body> 
</html>

出典

2017-02-12 matt napper

hereをしていますか？ – Iceman

おそらく私は初心者ではありません、どのようにして/またはbootstrap.cssを参照/参照するのですか？ –

私はブートストラップを設定してアプリケーションで動かしていますが、私のメーラーで参照されていないのですが、それはあなたの質問です –

わからない、それは、既存のスタイルに依存することなく、tag.Howeverにbtnクラスを追加することで機能します、あなたは単にこのクラスを追加するためにCSSを使用することができます。また、pタグを削除してください。

 ####css  
    .button { 
     background-color: red; 
     border-radius: 5px; 
     color: white; 
     padding: .5em; 
     text-decoration: none; 
     display:block; 
    } 
    .button:focus, 
    .button:hover { 
     background-color: DarkGreen; 
    } 


####html 
<%= link_to t('.action', default: 'Confirm my account'), 
     confirmation_url(@resource, confirmation_token: @token, locale: I18n.locale), class: "button" %>

より多くの例では、メーラーのレイアウトに `bootstrap.css`を参照している

出典

2017-02-13 00:06:42 Milind

だから、どのようにCSSで書いて、普通のhtmlテキストのようなものを作るのですか？それはあなたの言うことです –

はい..私の電子メールテンプレートの中にスタイルタグを追加しました。 – Milind

ボタンでhrefリンクを持つメールを送信するメール

答えて

関連する問題