WordPress评论回复邮件通知勾选框美化教程

雅兮网更新于 2019-09-12 12:22:20首发于 2018-04-29 07:39:13491

互动交流对博客来说非常重要，绝大多数 WordPress 博客都开启了评论，还有很多增加了“评论回复邮件通知”的功能，这样能第一时间让评论者收到回复通知，但是那个“有人回复时邮件通知我”的默认勾选框不是太美观（具体见下图），所以今天就参考知更鸟大神的样式对其进行美化。

WordPress评论回复邮件通知勾选框美化教程-第1张-boke112百科(boke112.com)

WordPress 评论回复邮件通知勾选框美化步骤

1、将邮件回复 html 部分进行结构调整至如下形式，主要就是外层盒子加上 mail-notify 类，而 input 标签加上“notify”类。

<span class=“mail-notify”>
<input type=“checkbox” name=“comment_mail_notify” id=“comment_mail_notify” value=“comment_mail_notify” checked=“checked” class=“notify” />
<label for=“comment_mail_notify”><span>有人回复时邮件通知我</span></label>
</span>

2、在样式表中添加如下样式：

有代码基础的博主也可以根据自己的主题对上述样式进行颜色、尺寸上的调整以达到最佳效果。

3、添加完相应代码刷新相关缓存后刷新页面，“有人回复时邮件通知我”的勾选框已经美化完毕，具体效果见下图：

WordPress评论回复邮件通知勾选框美化教程-第2张-boke112百科(boke112.com)