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

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

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

RiPro主题美化教程:

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

隐藏内容

此处内容需要权限查看

  • 普通5积分
  • 永久会员免费推荐

说明:上述添加位置是在文章内容完结和文章底部标签之间,也可添加到“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模板吧的支持!

 

发表回复

后才能评论