WordPress 评论回复邮件提醒样式修改

成功的弄好了评论回复邮件提醒功能，但是看看别人的，再看看我的，咋那么难看呢！继续改！找到了一个比较好的样式分享出来。

找到模板文件（functions.php）：
找到下面这段：

<div style="background-color:#eef2fa; border:1px solid #d8e3e8; color:#111; padding:0 15px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml- border-radius:5px; border-radius:5px;">
      <p>' . trim(get_comment($parent_id)->comment_author) . ', 您好!</p>
      <p>您曾在《<a href="' . $postPermaLink . '">'. get_the_title($comment->comment_post_ID) . '</a>》的留言:<br />'
       . trim(get_comment($parent_id)->comment_content) . '</p>
      <p>' . trim($comment->comment_author) . '给您的回应:<br />'
       . trim($comment->comment_content) . '<br /></p>
      <p>您可以点击<a href="' . htmlspecialchars(get_comment_link($parent_id, array('type' => 'comment'))) . '"> 查看完整的回复内容</a></p>
      <p>欢迎再度光临 <a href="' . get_option('home') . '">' . get_option('blogname') . '</a></p>
      <p>(此邮件由系统自动发出, 请勿回复.)</p>
    </div>'; // 以上属于邮件模板

替换成为：

<div style="background-color:#fff; border:1px solid #666666; color:#111;
  -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px;
  border-radius:8px;  font-size:12px; width:100%; margin:0 auto; margin-top:10px;
  font-family:微软雅黑, Arial;">
  <div style="background:#666666; width:100%; height:60px; color:white;
  -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0;
  -khtml-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; font-size:.7rem;">
    <span style="height:60px; line-height:60px; margin-left:30px;">
    您在<a style="text-decoration:none; color:#00bbff;font-weight:600;"
    href="' . get_option('home') . '">' . get_option('blogname') . '
    </a>博客上的留言有回复啦！</span>
  </div>
<div style="width:90%; margin:0 auto; font-size:.6rem;">
<p>' . trim(get_comment($parent_id)->comment_author) . ', 您好!</p>
<p>您曾在 [' . get_option("blogname") . '] 的文章
《' . get_the_title($comment->comment_post_ID) . '》 上发表评论:
<p style="background-color: #EEE;border: 1px solid #DDD;
padding: 20px;margin: 15px 0;">' . nl2br(get_comment($parent_id)->comment_content) . '</p>
<p>' . trim($comment->comment_author) . ' 给您的回复如下:
<p style="background-color: #EEE;border: 1px solid #DDD;padding: 20px;
margin: 15px 0;">' . nl2br($comment->comment_content) . '</p>
<p>您可以点击 <a style="text-decoration:none; color:#00bbff"
href="' . htmlspecialchars(get_comment_link($parent_id)) . '">查看回复的完整內容</a></p>
<p>欢迎再次光临 <a style="text-decoration:none; color:#00bbff"
href="' . get_option('home') . '">' . get_option('blogname') . '</a></p>
<p>(此邮件由系统自动发出, 请勿回复.)</p>
</div>
</div>';

搞定，根据自己的喜好有些小的地方稍微修改一下就好了。下面图例是我的显示样式：

推荐阅读：
《WP-Mail-SMTP与使用留言回复通知插件(Comment Reply Notification)无法发送邮件的解决办法》
《WordPress 程序万网主机 smtp 发邮件失败解决办法》