Laravel5.5でマークダウンメールのデザインをカスタムする方法。(ボタン色などの追加)

Laravel5.5でマークダウンメールのデザインをカスタムする方法。(ボタン色などの追加)

mail.phpの設定変更 リソースパスを追加

//cofig/mail.php 
    'markdown' => [
        'theme' => 'default',
        'paths' => [
            resource_path('views/emails/signeture'),
            resource_path('views/vendor/mail'), <<<この行追加
        ],
    ],

追加リソースパスにCSSを追加

今回ボタンの色のバリエーションのみ欲しかったので以下のみ追記

//  resources/vendor/mail/html/themes/my-theme.css

.button-orange {
    background-color: #E95205;
    border-top: 10px solid #E95205;
    border-right: 18px solid #E95205;
    border-bottom: 10px solid #E95205;
    border-left: 18px solid #E95205;
}

Mailableクラスでテーマを指定

<?php

namespace AppMail;

use IlluminateBusQueueable;
use IlluminateMailMailable;
use IlluminateQueueSerializesModels;
use IlluminateContractsQueueShouldQueue;

class RegisterShipped extends Mailable
{
    use Queueable, SerializesModels;
    
    public $user;
    public $subject = '会員本登録に関するご連絡';
    protected $theme = 'my-theme';
    
    /**
     * Create a new message instance.
     *
     * @return void
     */
    public function __construct($user)
    {
        $this->user = $user;
    }
    
    /**
     * Build the message.
     *
     * @return $this
     */
    public function build()
    {
        return $this->markdown('emails.register');
    }
}

ボタンコンポネントでカラー指定

@component('mail::button', ['url' => action('UsersController@activate',$token),'color'=>'orange'])
登録する
@endcomponent

参考URL
https://laravel-news.com/email-themes

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です