WordPress评论回复邮件通知美化版

WordPress文章下面有了新的回复一般会收到邮件提醒,我想这个功能大多数主题都具备了。但是一般情况下提醒的邮件是没有排版的。读者看上去心里会觉得缺乏美感

淡蓝色回复邮件样式

一般情况下wordpress默认或者主题自带的邮件,读者心情不好的时候看见这么一大坨的黑白样式的文字链接估计就会无视了,因为默认的通知大概上是这个样子的:

WordPress评论回复邮件通知美化版

反正整个主题都是蓝的了,索性我把邮件通知也改成蓝色的,这里Sven给大家分享这种蓝色的邮件回复样式,修改过后的蓝色通知邮件是这个样子的:

WordPress评论回复邮件通知美化版

经过一番对比我想已经高下立见了,当然是后面的好看~~~

实现蓝色回复邮件的代码

其实实现这种样式也很简单的,我把代码写出来,放在主题的functions.php里面就好。

思路是这样的,把回复的邮件里面直接内嵌CSS样式。由于邮件也会显示CSS样式,于是一个美观大方的邮件通知就会根据定义的CSS样式显示出来。


//seavia mail_notify
function comment_mail_notify($comment_id) {
$blogname = wp_specialchars_decode(get_option('blogname'), ENT_QUOTES);
$comment = get_comment($comment_id);
$parent_id = $comment->comment_parent ? $comment->comment_parent : '';
$spam_confirmed = $comment->comment_approved;
if (($parent_id != '') && ($spam_confirmed != 'spam')) {
$wp_email = 'no-reply@' . preg_replace('#^www\.#', '', strtolower($_SERVER['SERVER_NAME']));
$to = trim(get_comment($parent_id)->comment_author_email);
$subject = '您在 [' . $blogname . '] 中的留言有了新的回复';
$message = '<div style="color:#555;font:12px/1.5 微软雅黑,Tahoma,Helvetica,Arial,sans-serif;width:650px;margin:50px auto;border-top: none;box-shadow:0 0px 3px #aaaaaa;" ><table border="0" cellspacing="0" cellpadding="0"><tbody><tr valign="top" height="2"><td valign="top"><div style="background-color:white;border-top:2px solid #12ADDB;box-shadow:0 1px 3px #AAAAAA;line-padding:0 15px 12px;width:650px;color:#555555;font-family:微软雅黑, Arial;;font-size:12px;"><h2 style="border-bottom:1px solid #DDD;font-size:14px;font-weight:normal;padding:8px 0 10px 8px;"><span style="color: #12ADDB;font-weight: bold;">&gt; </span>您在 <a style="text-decoration:none; color:#58B5F5;font-weight:600;" href="' . home_url() . '">' . $blogname . '</a> 博客上的留言有回复啦!</h2><div style="padding:0 12px 0 12px;margin-top:18px">
<p>您好, ' . trim(get_comment($parent_id)->comment_author) . '! 您发表在文章 《' . get_the_title($comment->comment_post_ID) . '》 的评论:</p>
<p style="background-color: #EEE;border: 1px solid #DDD;padding: 20px;margin: 15px 0;">' . nl2br(strip_tags(get_comment($parent_id)->comment_content)) . '</p>
<p>' . trim($comment->comment_author) . ' 给您的回复如下:</p>
<p style="background-color: #EEE;border: 1px solid #DDD;padding: 20px;margin: 15px 0;">' . nl2br(strip_tags($comment->comment_content)) . '</p>
<p>您可以点击 <a style="text-decoration:none; color:#5692BC" href="' . htmlspecialchars(get_comment_link($parent_id)) . '">这里查看回复的完整內容</a>,也欢迎再次光临 <a style="text-decoration:none; color:#5692BC"
href="' . home_url() . '">' . $blogname . '</a>。祝您天天开心,欢迎下次访问远方的海!谢谢。</p>
<p style="padding-bottom: 15px;">(此邮件由系统自动发出, 请勿回复)</p></div></div></td></tr></tbody></table></div>';
$from = "From: \"" . get_option('blogname') . "\" <$wp_email>";
$headers = "$from\nContent-Type: text/html; charset=" . get_option('blog_charset') . "\n";
wp_mail( $to, $subject, $message, $headers );
}}
add_action('comment_post', 'comment_mail_notify');

如果你也喜欢这种浅蓝色的邮件通知,那么快去试试吧!

来自https://www.seavia.com/wordpress/wordpress-comments-mail-notifyl.html

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *