Press "Enter" to skip to content

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

本文最后更新于 2019-07-23,如您发现本文中的内容已失效请留言告知。

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

找到模板文件(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>';

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

email_functions.png

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


本博客 [ 俍注 ] 内除注明转载文章,其他均为老俍独立创作。
原创不易,转载请保留原文链接:转载自 俍注 | ONEinf.com

共 4 条评论,我也要写评论

  1. 设若
    设若 2019-11-12

    样式不错,只是勾选了讨论里的邮件通知管理员后提交评论会很慢,不知道有没有更好的解决办法啊。

    • 老俍
      老俍 2019-11-12

      我找时间看看,但也不确定一定能好~~

  2. wehut
    wehut 2019-07-23

    老俍兄, 这用的是什么插件,一个插件就能实现还是要和其他插件配合?,我也准备给博客弄一个评论订阅功能

    • 老俍
      老俍 2019-07-23

      就是一个邮件发送插件,在改一下样式就行了。http://oneinf.com/tech/2519.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注