WordPress美化评论通知邮件样式

avatar 2019年1月5日17:50:59 4 3,032
前言

一个好的样式可以给访客更加舒适的感觉,增加对站点的友好性。虽然少羽不太愿意折腾样式之类的代码,但是默认的通知样式确实不怎么好看,不能第一眼就看到想看的内容,所以还是很有必要改变一下的。

其实更改邮件的评论通知样式是很简单的,因为和html一样,只需要加上想要的CSS代码即可。

效果看起来还是很不错的,很清爽,没有多余的部分,而且是自适应的,综合来讲很不错了。修改方式也是很简单的:

//评论回复邮件,代码部分来自互联网,由树懒先生进行一些细微的样式调整
function comment_mail_notify($comment_id) {
    $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']));//发件人e-mail地址,no-reply可改为可用的e-mail
    $to = trim(get_comment($parent_id)->comment_author_email);
    $subject = '您在'."「".get_option("blogname")."」".'上的留言有回复啦!';
    $message = '<div style="border-right:#666666 1px solid;border-radius:8px;color:#111;font-size:12px;width:95%;border-bottom:#666666 1px solid;font-family:微软雅黑,arial;margin:10px auto 0px;border-top:#666666 1px solid;border-left:#666666 1px solid"><div class="adM">
    </div><div style="width:100%;background:#c1d9f3;min-height:60px;color:white;border-radius:6px 6px 0 0"><span style="line-height:60px;min-height:60px;margin-left:30px;font-size:12px">您在「<a style="color:#00a1ff;font-weight:600;text-decoration:none" href="' . get_option('home') . '" target="_blank" rel="external nofollow"  target="_blank" rel="external nofollow"  target="_blank">' . get_option('blogname') . '</a>」上的留言有回复啦!</span> </div>
    <div style="margin:0px auto;width:90%">
    <p><span style="font-weight:bold;">' . trim(get_comment($parent_id)->comment_author) . '</span>, 您好!</p>
    <p>您于' . trim(get_comment($parent_id)->comment_date) . ' 在文章<a style="color:#00bbff;text-decoration:none" href="' . htmlspecialchars(get_comment_link($parent_id)) . '" target="_blank" rel="external nofollow"  target="_blank">《' . get_the_title($comment->comment_post_ID) . '》</a>上发表评论: </p>
    <p style="border-bottom:#ddd 1px solid;border-left:#ddd 1px solid;padding-bottom:20px;background-color:#eff5fb;margin:15px 0px;padding-left:20px;padding-right:20px;border-top:#ddd 1px solid;border-right:#ddd 1px solid;padding-top:20px">' . nl2br(get_comment($parent_id)->comment_content) . '</p>
    <p><span style="font-weight:bold;">' . trim($comment->comment_author) . '</span> 于' . trim($comment->comment_date) . ' 给您的回复如下: </p>
    <p style="border-bottom:#ddd 1px solid;border-left:#ddd 1px solid;padding-bottom:20px;background-color:#eff5fb;margin:15px 0px;padding-left:20px;padding-right:20px;border-top:#ddd 1px solid;border-right:#ddd 1px solid;padding-top:20px">' . nl2br($comment->comment_content) . '</p>
    <p>您可以点击 <a style="color:#00bbff;text-decoration:none" href="' . htmlspecialchars(get_comment_link($parent_id)) . '" target="_blank" rel="external nofollow"  target="_blank">查看回复的完整内容</a></p>
    <p>感谢您对 <a style="color:#00bbff;text-decoration:none" href="' . get_option('home') . '" target="_blank" rel="external nofollow"  target="_blank" rel="external nofollow"  target="_blank">' . get_option('blogname') . '</a> 的留言,如您还有任何疑问,欢迎继续在博客留言,相信我们一定有共同之处!</p><p style="color:#A8979A;">(邮件由系统自动发出,请勿回复,谢谢!)</p></div></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 );
    //echo 'mail to ', $to, '<br/> ' , $subject, $message; // for testing
    }
}
add_action('comment_post', 'comment_mail_notify');

将以上代码加入或者替换掉原先的代码就可以了,树懒先生用的知更鸟主题,知更鸟主题在\begin\inc\notify.php文件之中修改;如果是自己折腾的后续添加的评论邮件通知,那么很可能在主题的function.php文件内,替换就可以了。

原文链接

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:4   其中:访客  2   博主  2

    • avatar 树懒 先生 2

      文章写的不错呦,哈哈(机智)

      • avatar 风的季节 1

        你好 问一下有没有当游客留言 我这里收到通知的代码? :?: