wp知更鸟begin主题纯代码实现微博动态/说说点赞

avatar
avatar
小王先森
389
文章
383
评论
2019年6月20日 5 1,153

最近遇到一个同行李学江,看了他的博客,也使用知更鸟的 begin 主题。他写了一篇名为《wordpress博客如何通过Begin主题实现类似新浪微博、QQ说说功能》的文章,并且提供了相应的附件下载,整体效果与我现有的时间轴说说样式截然不同,一瞬间就吸引了我。但这篇文章写到的要使用 WP-zan 插件,我是能不用插件就不用插件。

刚好知更鸟 begin 主题已经继承了点赞功能,只需要简单调用就行了。所以,今天抽了一点时间把这个功能添加到了我的博客,并进行了一定的优化处理。之前时间轴样式的说说也从此告一段落了。

1、在主题下的 function.php 文件中添加如下代码,激活点赞方法:

//新建说说功能 
add_action('wp_ajax_nopriv_begin_like', 'begin_like');
add_action('wp_ajax_begin_like', 'begin_like');

2、后台主题选项中自定义点赞的样式,也可以加入到主题下的 style.css 里面。

.ss_authorbio {background:#fff;margin:5px 0 0 0;padding:0px;}
.ss_authorbio .avatar {float:left;width:35px;height:35px;margin:2px 5px 0 0;padding:0;border-radius:100px;}
.i-time {margin:0 0 0 5px;}
.suoshuo-content {margin:10px 0 10px 0;text-indent:2em;line-height:1.9;color:#777;padding:10px;background-color:rgba(136,136,136,0.05);}
.suoshuo-content p {text-indent:2em;line-height:1.9;font-size:16px;color:#333;}
.suoshuo-content a {color:#255b94;}
.ss_views {float:right;color:#255b94;}
.ss_laiyuan {font-size:15px !important;color:#777;}
.ss_pinglun a {float:right;margin-right:20px;color:#999 !important;}
.ss_comment a {color:#3690cf !important;font-size:15px;}
.zz {font:14px "Microsoft YaHei",Helvetica,Arial,Lucida Grande,Tahoma,sans-serif;margin-bottom:-2px;}
.zz .zm {color:#FFAF25;}
.xx {color:#999;font-size:13px;}
#ss-social {position:relative;margin:10px auto;color:#fff;}

3、使用附件里的文件替换主题目录下对应的文件(此过程请提前备份),shuoshuo-content.php 和 shuoshuo-laiyuan.php 为新增文件。

4、发表文章时文章形式选择 日志,文章来源填你发表文章时的所在地。

至此,最终的效果就是本站 闲言碎语 栏目下显示的效果。

下载信息 纯代码实现微博动态/说说附件 文件下载:94 次
下载地址
继续阅读
历史上的今天
六月
20
avatar
  • 本文由 发表于 2019年6月20日
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:5   其中:访客  3   博主  2
    • avatar 萧瑟 5

      这功能还不错,界面看起来很棒呦。

        • avatar 小王先森

          @ 萧瑟 每次添加新功能,都是在关键问题上得到你的帮助,非常感谢!

        • avatar Jane博客 3

          为什么用你的方法,列表点赞无效,点赞数不增加

          • avatar Jane博客 3

            之前网站出问题,现在终于有时间回来折腾博客,可是之前的数据大部分丢失,现在再折腾说说,请问下begin最新版点赞无效是怎么回事