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

效果图

点击预览
Nomal

插件下载

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"右方括号"即可显示追番页面。

常见问题

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. 分页功能

曲子

我来吐槽

*

*

16位绅士参与评论

  1. 熊猫小A05-30 23:59 回复

    话说受大佬启发,我刚撸了一个 Typecho 的插件出来,抄了一部分 @广树 大佬的动画。增加了分页和展示单部番的功能:熊猫追番 (PandaBangumi) for Typecho 发布!,嘿嘿。

  2. Phower05-30 22:49 回复

    😉 大佬好棒(先mark一下回头试试)

  3. Ken05-19 20:13 回复

    看来又是一个超级棒的插件

  4. Doraemon!05-16 11:31 回复

    看起來敲擊厲害的

  5. Mashiro05-14 10:33 回复

    大佬好棒(你要是早点做出来我就不用自己写了TT

  6. Ryoma05-13 19:06 回复

    大佬好棒!

  7. 蝉時雨05-11 21:02 回复

    大佬好棒!!

  8. 葛一速05-09 21:12 回复

    好插件,第一时间试下

  9. 柠檬酸05-07 09:33 回复

    大佬好棒呀~代码质量很高,行云流水~

  10. mikusa05-06 00:38 回复

    大佬好棒啊

  11. 熊猫小A05-05 23:12 回复

    哇,很厉害,动画好看~
    不会高端操作,只能仰望一下大佬了

  12. 钟水洲05-05 19:45 回复

    本站已开通投稿,欢迎博主支持!(采纳后提供版权保护,开通作者专栏)

  13. 北海05-05 16:29 回复

    可是可是 超想要typecho版本的插件!

  14. littleplus05-05 16:00 回复

    啊哈,兔子还是水了一篇文章

  15. hk05-05 14:40 回复

    🙂 我过来看看 拿了 留言一下