WordPress美化评论通知邮件样式

少羽.
少羽.
少羽.
633
文章
92
评论
2019年1月5日17:50:59 4 5.9K 3310字阅读11分2秒
广告也精彩
前言

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

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

WordPress美化评论通知邮件样式

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

//评论回复邮件,代码部分来自互联网,由树懒先生进行一些细微的样式调整
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 = '[email protected]' . 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文件内,替换就可以了。

原文链接

继续阅读
广告也精彩
少羽.
  • 本文由 发表于 2019年1月5日17:50:59
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
禁用 WordPress 5.5 图片延迟加载功能 WordPress

禁用 WordPress 5.5 图片延迟加载功能

WordPress 5.5除了不断优化修改区块编辑器之外,还增加了几个新功能,其中的图片延迟加载功能,经本人测试,除了在火狐下有效果,在Chromium内核的浏览器中无效,难道是开发人员也和我一样只用...
WordPress纯代码实现独立相册功能 WordPress

WordPress纯代码实现独立相册功能

其实,这篇文章很早准备发了,一直拖,拖,拖硬生生拖到了现在,今天整合闲着,就更新一下博客吧! 想到这个文章,我忘记发了,今天就补上 hhh 正文 思路是前段时间写模板琢磨出来的,模板写废了,也不准备写...
广告也精彩
匿名

发表评论

匿名网友 填写信息

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

评论:4   其中:访客  4   博主  0
    • 树懒 先生 树懒 先生 2

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

      • 风的季节 风的季节 1

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