远方的海
远方的海,WordPress,免费
2015 Sep 22 23 : 17

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

您当前的位置: 首页 > WordPress > 正文
欢迎光临远方的海!您可能还对 WordPress建站免费资源最新IT动态 感兴趣,点击开启 悦读 模式。CTRL+D 快捷收藏本文,我们期待您再次光临!
[文章目录]

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');

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

好文!分享给朋友,或者点个赞吧~

文章信息

分类:WordPress

您可能也会喜欢

发表回复

Post Comment


  1. yearliny :

    很好看~拿走用了~不过能否让邮件的样式适应移动端?

    2016-10-27
  2. Koolight :

    试试感谢博主的无私分享!

    2016-6-13
  3. 米粒博客 :

    提交评论要好久,还可能返回打不开的页面

    2016-4-23
    • Sven水神 :

      @米粒博客 之前更新了一次js文件的CDN,老访客可能因为缓存的问题出现一些BUG,不过等缓存刷新后就正常了。

      2016-4-24
  4. leejon :

    有VPS搭建邮件系统教程吗?目前博客都还没开启邮件通知。

    2016-2-2
  5. hrwhisper :

    嘿嘿~找了一会儿 决定用这个了~

    2016-1-17
  6. 穹庐 :

    用这个代码好奇怪,产生的回复邮件通知里点击“请看这里查看回复的完整内容”是https://email.mail.qionglu.pw/c/ 开头的链接,我压根就没有设置过这个三级域名啊。。。咋回事

    2015-11-21
    • Sven水神 :

      @穹庐 不知道诶,我这里是正常的。

      2015-11-21
  7. Javen :

    很棒啊。我要放弃多说了。
    兄台有方法把之前多说上的评论导入到本地评论里吗?

    2015-10-22
    • Sven水神 :

      多说我没用过,不知道有没有类似wp comments之类的数据库表单可以导入到wp里面。

      2015-10-22
  8. HunTrue :

    请问大神,这个代码,对使用SMTP插件的网站也适用吗?

    2015-10-3
    • Sven水神 :

      @HunTrue 没用过那个插件,不过这个代码应该是通用性的。你可以试试。

      2015-10-3
  9. ScottJu :

    我以为这个适用于所有的主题,刚才试了一下,不行额。

    2015-10-1
    • Sven水神 :

      这个你注意,是评论回复。不是新评论通知。必须是回复一个评论才有的。

      2015-10-1