首页 > 未分类 > Bangumi追番统计插件WordPress版发布
2019
11-26

Bangumi追番统计插件WordPress版发布

Bangumi追番统计插件WordPress版发布 - 第1张  | 逗分享开发经验

之前曾写了一篇探讨BangumiAPI的文章,详见《Bangumi的几个API及使用PHP调用的简单测试》,后来没多久Bangumi的API就对外开放了,当然这是后话。
有几位朋友利用那篇抛砖引玉的文章做了一些页面,效果十分精美,我非常喜欢。昨晚我也照猫画虎写了一个追番页面插件出来,启用后,文章或页面内使用短代码bangumi即可显示一个追番页面。

效果图

点击预览
Bangumi追番统计插件WordPress版发布 - 第2张  | 逗分享开发经验

插件下载

v1.0.4 可选岁月小筑提供的第三方API
v1.0.3 添加缓存功能,开启后访问速度得到极大提升

Azimiao-BangumiIndexForWordpress

原理

利用Wordpress提供的AJAX注册接口注册一个访问Action,其作用是获取Bangumi相关内容。而后注册短代码,短代码会回调输出函数,该函数将一些内容输出到前端。前端输出的主要内容是一段JQuery代码,其通过AJAX访问之前注册的Action,响应接收后,清除Loading动画,并将响应内容打印出来。
后台设置面板主要通过Wordpress提供的方法进行数据保存。利用get_option()与update_option()进行数据的获取及更新。

使用说明

1.安装插件

下载得到ZIP包,后台插件处安装即可。

2.后台设置

WordPress仪表盘->设置->Bangumi追番页面,可见如下界面
Bangumi追番统计插件WordPress版发布 - 第3张  | 逗分享开发经验

按需填写,点击提交按钮保存。

3.短代码使用

文章或页面中输入短代码“左方括号”bangumi”右方括号”即可显示追番页面。

帮助

如需帮助,可加入梓喵出没博客交流群,群号:313732000
点击链接加入群聊:https://jq.qq.com/?_wv=1027&k=5GXKmKy

常见问题

1.前台不停转圈,F12控制台显示“$ is not a function” ?
请勾选或取消勾选后台“引入JQuery”选项,或检查是否引入了两次该短代码。
2.后台主颜色部分没有选色板 ?
您的浏览器不支持input组件的type属性值color,请自行输入16位颜色代码。
3.图像、文字错位 ?
请自行修改相关CSS。
4.丑 ?
见问题3或自行修改、添加功能。

版权声明

  1. Bangumi相关内容的所有权利均归属于Bangumi所有;
  2. 前台Loading动画及相关样式来自广树@维基萌
  3. 后台设置样式来自梦月酱“PureLove”主题。
  4. 除上述声明内容外,其他内容均遵守WTFPL协议进行分发。

额外声明

  • 此插件仅为个人爱好进行开发,不提供任何服务亦不提供任何保证。
  • 使用本插件的过程中若发生博客崩溃、资料丢失等问题,本人不承担任何责任。
  • Bangumi的API随时会发生更改。

计划中内容

  1. 数据缓存
  2. 分页功能

曲子

最后编辑:
作者:搬运工
这个作者貌似有点懒,什么都没有留下。