RiPro主题美化:给ripro主题文章页添加点赞功能

现在很多站点都有点赞功能,其主要好处第一是读者有效的反馈给作者对文章的喜好程度,或带动更多读者的兴趣,参考站酷我们也做了一个点赞效果,本教程适用于RiPro主题(子主题和父级主题都差不多),下面我们看看最终的展示效果如下图:

RiPro主题美化:给ripro主题文章页添加点赞功能插图
ripro主题文章页添加点赞功能

RiPro主题美化教程:

1.首先打开:“ripro-chlid/functions.php”,复制如下代码,添加到functions.php文件中(这里是以子主题为例,父级主题也是一样)!

暂无优惠

已有3人支付

说明:上述添加位置是在文章内容完结和文章底部标签之间,也可添加到“ripro-chlid/parts/author-box.php”文件,大约第24行,具体位置以个人爱好添加。

4.最后我们在:“ripro-chlid/diy.css”里添加样式,代码如下:

/*点赞样式*/
.post-like{text-align:center;padding:10px}
.post-like a{background-color:#21759b;border-radius:20px;color:#fff;font-size:15px;padding:10px 10px;text-decoration:none;outline:0}
.post-like a.done,.post-like a:hover{background-color:#f44336;color:#fff}
.post-like a.done{cursor:not-allowed}

5.最后刷新网页,在文章页即可看到点赞按钮,感谢大家对360模板吧的支持!

 

喜欢 0
1. 本站所有源码、模板、插件等其他资源,都不包含免费技术服务请大家谅解!
2. 本站提供的所有资源不免费提供个人需要的资源修改、美化、功能定制!
3. 如遇需要解压密码,则解压密码为"www.360mb.net"!
4. 由于源码属于可复制性产品,发货后禁止买家以各种理由退款!!
5. 本站提供资源如遇源码失效,功能异常等等可提供退款服务,可参考《退款规则》!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如用于商业或者非法用途,与本站无关,一切后果请用户自负!

360模板吧 » RiPro主题美化:给ripro主题文章页添加点赞功能

发表评论