之前曾写了一篇探讨BangumiAPI的文章,详见《Bangumi的几个API及使用PHP调用的简单测试》,后来没多久Bangumi的API就对外开放了,当然这是后话。
有几位朋友利用那篇抛砖引玉的文章做了一些页面,效果十分精美,我非常喜欢。昨晚我也照猫画虎写了一个追番页面插件出来,启用后,文章或页面内使用短代码bangumi即可显示一个追番页面。
效果图
插件下载
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追番页面,可见如下界面
按需填写,点击提交按钮保存。
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或自行修改、添加功能。
版权声明
- Bangumi相关内容的所有权利均归属于Bangumi所有;
- 前台Loading动画及相关样式来自广树@维基萌。
- 后台设置样式来自梦月酱“PureLove”主题。
- 除上述声明内容外,其他内容均遵守WTFPL协议进行分发。
额外声明
- 此插件仅为个人爱好进行开发,不提供任何服务亦不提供任何保证。
- 使用本插件的过程中若发生博客崩溃、资料丢失等问题,本人不承担任何责任。
- Bangumi的API随时会发生更改。
计划中内容
- 数据缓存
- 分页功能