百度未收录

子比主题美化 – 优雅评论弹幕小工具

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

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

上面提到的WordPress“get_comments()”,网上找到了好久好久(可能是搜索关键字的原因才花很多时间,当然找到也不懂,不会用所以…..)
WordPress小工具的制作,作为一个PHP文盲和能用HTML+jQuery+CSS解决的事决不用其他语言的星语站长,花了很多的时间去研究了一下(呜呜呜~~~~),最后还是到百度找个模板照葫芦画瓢!
其实上面花的时间不是很多,真正花时间最多的是前端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!

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

转载:来源

温馨提示:本文最后更新于2024/01/03 21:18:58。若文章内容或图片失效,请留言联系站长反馈!
!
也想出现在这里? 联系我们
创意广告
子比主题美化 - 优雅评论弹幕小工具-狐狸库
子比主题美化 – 优雅评论弹幕小工具
此内容为付费资源,请付费后查看
200积分
网络收集
虚拟资源
自动发货
永久使用
本站资源均为作者提供和网友推荐收集整理而来,仅供学习和研究使用,请在下载后24小时内删除,谢谢合作!
付费资源
© 版权声明
THE END
点赞0赞赏 分享
评论 共2条

请登录后发表评论

    请登录后查看评论内容