杂时代添加文章点赞小功能

2015-01-16 20:20

今天乌鸦一个心血来潮修改了一下主题,增加了一个点赞的小功能,能够实现这个功能首先要感谢 mufeng.me 制作的插件:WP-Zan

 

插件链接:http://wordpress.org/plugins/wp-zan/

 

这个插件十分的小巧,解压以后只有19.3k,再说 mufeng 的实力大家有目共睹,所以我相信这个插件不会对网站产生什么负担。

 

下面就给大家分享一下我的修改过程。

 

待插件安装完成并启动以后,首先替换文章页左侧浮动位置的喜欢,让它变成“赞”,如图所示:

 

杂时代添加文章点赞小功能 | 设计 代码 wordpress插件 wordpress主题 wordpress  | zatime.com

找到 mfthemes-header.php 这个文件,查找 class=”widgets-likes” ,将

替换成

搞定!简单吧~这一步就算结束。因为和文章下发的点赞有点重复,所以把页面左侧的点赞代码注释了。

 

 

接下来是修改文章末尾的点赞按钮,如图所示:

 

杂时代添加文章点赞小功能 | 设计 代码 wordpress插件 wordpress主题 wordpress  | zatime.com

同样搜索 class=”main-footer” 并在这个 div 之前折行,添加下面的这段代码: 

ps:乌鸦是个懒人,并没有把 css 写到样式文件内,而是直接在 div 里面添加 style,虽然这样不好,但是人懒任性所以也就将就着用了,如果你想把 css 写进样式文件那更好,到时候还请你分享一份给我哦~

 

好了,到了这里别忘记备份原来的文件和保存修改好的文件,上传、覆盖……嗯,既然添加了这个功能,亲,就请你阅读完以后顺手点个赞呗~O了~

 


网友评论30条

  1. 德马格起重机  − 2015-01-16 20:20 回复TA

    看了看还没有安装呢

  2. 湿式电热膜  − 2015-01-16 20:20 回复TA

    不错哦

  3.  − 2015-01-16 20:20 回复TA

    哦哦,好事多磨啊。。。

  4.  − 2015-01-16 20:20 回复TA

    嘻嘻,阅读已解决。评论我是用多说,用户评论了,不显示评论数,如何解决?@杂时代 zatime.com @微先生

    • 杂时代 zatime.com  − 2015-01-16 20:20 回复TA

      我这边也是用多说的,没有遇到你说的这个情况……插件安装好以后评论正常……

  5. 微先生  − 2015-01-16 20:20 回复TA

    进入postview设置,直接点击restore default template,然后保存下就好了

  6.  − 2015-01-16 20:20 回复TA

    我的阅读数量不显示,怎么弄?

    • 杂时代 zatime.com  − 2015-01-16 20:20 回复TA

      你是不是也安装了静态缓存插件?

      •  − 2015-01-16 20:20 回复TA

        插件安装了,评论和赞都显示图标和数字 ,阅读都不显示,是空白的

        • 杂时代 zatime.com  − 2015-01-16 20:20 回复TA

          呃……这个要问问大神们了!具体问题具体分析……后台的postview可以看到吗?

          •  − 2015-01-16 20:20

            我试试,谢谢啦

        • 微先生  − 2015-01-16 20:20 回复TA

          进入postview设置,直接点击restore default template,然后保存下就好了

          •  − 2015-01-16 20:20

            是外观—主题——“外观主题”设置重置么,插件没看到有重置功能,访问插件主页出现的是这个页面http://mufeng.me/mflikes 我弄wrodpress才两星期

  7. 项目管理李翔宇  − 2015-01-16 20:20 回复TA

    哈哈哈哈,一个很贴心的小功能啊~

  8. 爱兰锐  − 2015-01-16 20:20 回复TA

    今天意外发现,你首页换主题了~还是只是换了首页的呢?

    • 杂时代 zatime.com  − 2015-01-16 20:20 回复TA

      ???没有换主题啊 你用pc浏览还是移动端浏览?

      • 爱兰锐  − 2015-01-16 20:20 回复TA

        我开始没截图,pc浏览的,首页变了。。难道你在折腾?然后又换回来了?

  9. 苏城  − 2015-01-16 20:20 回复TA

    图片上 赞 是什么字体?霸气

  10. 微丫头  − 2015-01-16 20:20 回复TA

    我一点赞,然后提示“您已经赞过此文章”,但并没有显示增加的赞

    • 爱兰锐  − 2015-01-16 20:20 回复TA

      清理下缓存就好啦

    • 杂时代 zatime.com  − 2015-01-16 20:20 回复TA

      因为我用了静态缓存,所以只要静态页面一刷新,就显示了!暂时还不知道怎么搞定这个赞不用缓存。

  11. 微先生  − 2015-01-16 20:20 回复TA

    没懂你折行的意思,而且我填写了,文章下面 是很小的一个赞。。不像你这个,还有个按钮的边框,我的没有。。什么情况啊?

  12. 皮儿猪猪  − 2015-01-16 20:20 回复TA

    这个主题在首页能不能显示文章中的外链图片,就是缩略图是外链的。。