效果如上图。具体可参照本站。效果仅在文章内页提现评论可见。文章列表页无提现。
效果基于柒比贰主题美化。其他主题效果不同,可二次美化
修复原教程中的不适用于快捷登录的情况修复其他问题。美化效果
注意:评论可见标签,单篇文章仅可使用一次,有任何使用反馈,均可下方留言
添加代码
将下面的代码添加到主题的 functions.php 文件:
调用方法
编辑文章时,使用下面的两种简码调用:
删除第一个reply的空格,把斜杠替换为/
注意:此方法对QQ快速登录的用户是无效的。
- //简码1 任选一种使用
- [ reply]评论可见的内容[斜杠reply]
- //简码2 任选一种使用
- [ reply notice="自定义的提示信息"]评论可见的内容[斜杠reply]
css样式,该css样式为div渐变效果,可二次修改后应用于其他地方。
- /*回复可见按钮美化*/
- .reply_jianbian04{background:linear-gradient(to left,#70a4fe,#4583ec);padding: 7px 20px;border-radius: 4px;color: #fff;font-weight: 600;margin-right: 10px;margin-left: 10px;}
- .reply_jianbian05{background:linear-gradient(to left,#fe9369,#f7516c);padding: 7px 20px;border-radius: 4px;color: #fff;font-weight: 600;margin-right: 10px;margin-left: 10px;}
- .reply_jianbian06{background:linear-gradient(to left,#c867ff,#8a92fb);padding: 7px 20px;border-radius: 4px;color: #fff;font-weight: 600;margin-right: 10px;margin-left: 10px;}
- .reply_jianbian04:hover{background:linear-gradient(to left,#4583ec,#70a4fe);padding: 7px 20px;border-radius: 4px;color: #fff;font-weight: 600;margin-right: 10px;margin-left: 10px;}
- .reply_jianbian05:hover{background:linear-gradient(to left,#f7516c,#fe9369);padding: 7px 20px;border-radius: 4px;color: #fff;font-weight: 600;margin-right: 10px;margin-left: 10px;}
- .reply_jianbian06:hover{background:linear-gradient(to left,#8a92fb,#c867ff);padding: 7px 20px;border-radius: 4px;color: #fff;font-weight: 600;margin-right: 10px;margin-left: 10px;}
原文教程
看看这个咋样,谢谢。。
看看这个咋样,谢谢。nn