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

在这过程中越到三个难点（对于我这个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！

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

附件下载

普通下载

高速下载

隐藏内容，输入密码后查看

微信扫描二维码或搜索【狐狸工具盒】小程序，输入【2953】获取密码验证后才能查看！！！

提交

  此处内容已隐藏，黄金会员可见
  请登录后查看特权