给子比主题添加一个优雅评论弹幕小工具

给子比主题添加一个优雅评论弹幕小工具

给子比主题添加一个优雅评论弹幕小工具-知新网
给子比主题添加一个优雅评论弹幕小工具
此内容为付费资源,请付费后查看
50积分
供学习和研究使用,请在下载后24小时内删除
购买前可以联系作者确认资源信息,防止交易矛盾
付费资源
已售 9

前言

很久以前就想弄一个评论弹幕小工具了,但不太懂WordPress如何调用评论函数,所以就用PHP调用SQL获取评论表,然后通过ajax来实现页面的渲染也是能够实现评论弹幕,虽然“能跑的代码就是好代码”,但是感觉不太好,所以就研究一点点PHP(半个PHP文盲)和WordPress,通过网络一位大佬的文章知道WordPress可以通过“get_comments()”函数调用所有评论,所以就浅试了一下,顺便弄个小工具出来。

在这过程中越到三个难点(对于我这个PHP、jQuery、CSS半文盲的我其实有点难,哈哈哈):

  1. 上面提到的WordPress“get_comments()”,网上找到了好久好久(可能是搜索关键字的原因才花很多时间,当然找到也不懂,不会用所以…..)
  2. WordPress小工具的制作,作为一个PHP文盲和能用HTML+jQuery+CSS解决的事决不用其他语言的知新站长,花了很多的时间去研究了一下(呜呜呜~~~~),最后还是到百度找个模板照葫芦画瓢!
  3. 其实上面花的时间不是很多,真正花时间最多的是前端jQuery的动画效果,其实jQuery库里也有许多评论弹幕插件,但是找不到可以重复的播放的弹幕插件,因为如果一直从后台调用评论数据的话,感觉有点多此一举了,毕竟我们也没那么多评论嘛(哈哈哈哈)。以前ajax版评论弹幕用的是JS setInterval()函数来实现动画效果和重复播放评论,但它有个弊端就是如果页面调用太多的setInterval函数,那么页面动画效果就很卡(我144Hz的电脑居然掉到20-30帧,我原神都没有掉这么狠的啊喂),也很消耗内存资源,尽管我对它做了一个限制(只有评论弹幕在浏览器可视区域它才会执行,否则就会停止执行),这确实能够小小的解决内存消耗和掉帧的问题,但是setInterval太消耗内存资源,我不太喜欢,这也是我一直没有发布那个ajax版本的原因。对我不太会js+jQuery的我,这个问题一直困扰到现在也没有很好的解决掉。现在用的animate()函数来实现的弹幕效果,虽然很好的解决动画效果,但是我加了一下事件函数,可能导致弹幕动画可能有时候很慢(不是卡顿的原因,是时间设置的问题),暂时懒得花时间解决了,会js的星友可以自己优化然后分享一下吧!!!

好啦!不说太多了,只是想分享一下菜鸟星语在弄这个小工具遇到的一些问题罢了,星友们只需记住“能跑的代码就是好代码”。弹幕评论小工具可能有Bug,介意勿用,另外求大佬优化一下吧。

食用教程

第一步:将下载好的文件,解压上传到“…/themes/zibll”zibll主题目录,一定要是“zibll/comment_barrage/”目录

第二步:老唐为了防止更新主题时“functions.php”文件被覆盖,同时方便我们修改美化代码内容,所以他在“functions.php”文件引入了一个“func.php”文件,为防止更新主题后我们修改的代码内容被覆盖。(这非常的奈斯!!!),我在“func.php”文件中添加下面的代码,注册一下评论弹幕小工具。

require_once('comment_barrage/wiiuii-comment-barrage.php');

第三步:在网站后台——>外观——>小工具——>评论弹幕模块——>建议添加到“首页-底部全宽度”,即可OK!

说明:以后文件或者教程文章都可能会采用积分制(功能不用那不是白白浪费了钱买了嘛),积分获取唯一渠道——>自己每天签到!!!不会收取任何费用来获取积分!除非您能能给知新打一下赏!哈哈哈

效果

本站首页观看效果更佳!

2023040705273869

教程来源于星语小屋

温馨提示:本文最后更新于2023-05-28 19:13:56,某些文章具有时效性,若有错误或已失效,请私信客服或联系知新社长
© 版权声明
四月 7

知岛上的今时往日

THE END
喜欢就支持一下吧
点赞0赞赏 分享
评论 共2条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

夸夸Ta
夸夸
还有吗!没看够!
取消
昵称表情代码图片
    • 的头像-知新网njszl8880
社区求救信号帮助是一种美德