树懒先生的博客

WordPress、博客网站代码美化评论通知邮件技术样式

前言

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

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

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

  1. //评论回复邮件,代码部分来自互联网,由树懒先生进行一些细微的样式调整
  2. function comment_mail_notify($comment_id) {
  3.     $comment = get_comment($comment_id);
  4.     $parent_id = $comment->comment_parent ? $comment->comment_parent : '';
  5.     $spam_confirmed = $comment->comment_approved;
  6.     if (($parent_id != '') && ($spam_confirmed != 'spam')) {
  7.     $wp_email = 'no-reply@' . preg_replace('#^www\.#', ''strtolower($_SERVER['SERVER_NAME']));//发件人e-mail地址,no-reply可改为可用的e-mail
  8.     $to = trim(get_comment($parent_id)->comment_author_email);
  9.     $subject = '您在'."「".get_option("blogname")."」".'上的留言有回复啦!';
  10.     $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">
  11.     </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>
  12.     <div style="margin:0px auto;width:90%">
  13.     <p><span style="font-weight:bold;">' . trim(get_comment($parent_id)->comment_author) . '</span>, 您好!</p>
  14.     <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>
  15.     <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>
  16.     <p><span style="font-weight:bold;">' . trim($comment->comment_author) . '</span> 于' . trim($comment->comment_date) . ' 给您的回复如下: </p>
  17.     <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>
  18.     <p>您可以点击 <a style="color:#00bbff;text-decoration:none" href="' . htmlspecialchars(get_comment_link($parent_id)) . '" target="_blank" rel="external nofollow"  target="_blank">查看回复的完整内容</a></p>
  19.     <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>';
  20.     $from = "From: \"" . get_option('blogname') . "\" <$wp_email>";
  21.     $headers = "$from\nContent-Type: text/html; charset=" . get_option('blog_charset') . "\n";
  22.     wp_mail( $to$subject$message$headers );
  23.     //echo 'mail to ', $to, '<br/> ' , $subject, $message; // for testing
  24.     }
  25. }
  26. add_action('comment_post', 'comment_mail_notify');

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