Bangumi追番统计插件WordPress版发布

之前曾写了一篇探讨BangumiAPI的文章,详见《Bangumi的几个API及使用PHP调用的简单测试》,后来没多久Bangumi的API就对外开放了,当然这是后话。

有几位朋友利用那篇抛砖引玉的文章做了一些页面,效果十分精美,我非常喜欢。昨晚我也照猫画虎写了一个追番页面插件出来,启用后,文章或页面内使用短代码bangumi即可显示一个追番页面。

2020.04.01补充:由于bangumi官方准备抛弃旧版 api,本插件未来可能失效。本博暂无时间替换新版api,推荐换用本博开发的 AcFun & BiliBili 追番统计插件

效果图

点击预览
Nomal

插件下载

Github

Azimiao-BangumiIndexForWordpress

AcFun&BiliBili 追番统计插件已发布,详情见👇

AcFun&BiliBili 追番统计插件WordPress版发布

原理

利用Wordpress提供的AJAX注册接口注册一个访问Action,其作用是获取Bangumi相关内容。而后注册短代码,短代码会回调输出函数,该函数将一些内容输出到前端。前端输出的主要内容是一段JQuery代码,其通过AJAX访问之前注册的Action,响应接收后,清除Loading动画,并将响应内容打印出来。

后台设置面板主要通过Wordpress提供的方法进行数据保存。利用get_option()与update_option()进行数据的获取及更新。

使用说明

1.安装插件

访问下载地址:BGM_Bangumi4WordPress,下载插件文件。
下载得到ZIP包后,后台插件处安装即可。

2.后台设置

WordPress仪表盘->设置->Bangumi追番页面,可见如下界面
后台设置

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

3.短代码使用

文章或页面中输入短代码bangumi即可显示追番页面。

帮助

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

常见问题

  1. 后台主颜色部分没有选色板 ?
    您的浏览器不支持input组件的type属性值color,请自行输入16位颜色代码。
  2. 图像、文字错位 ?
    请自行修改相关CSS。
  3. 丑 ?
    见问题2或自行修改、添加功能。
  4. 登陆失败
    检查用户名密码
  5. 显示:OOPS!追番数据消失了!
    检查是否有在看状态的番剧
  6. 显示:没有追番信息?
    检查是否有在看状态的番剧

更新日志

  • v2.0.0b2
    • 前端布局更换为 flex
    • 优化了部分样式
    • 使用 wp_remote 取代 curl,提升环境兼容性
    • 修复当只有一页时仍显示翻页的问题
    • 修复点击清除缓存报错的问题
    • 修复登录错误导致fc的问题
    • 修复了错误返回值导致页面不加载问题
    • 新增部分错误提醒,方便查错
  • v2.0.0b1
    • 增加分页
    • 剔除JQuery
    • 前端渲染
  • v1.0.4
    • 可选岁月小筑提供的第三方API
  • v1.0.3
    • 添加缓存功能,开启后访问速度得到极大提升

版权声明

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

额外声明

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

计划中内容

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

曲子

梓喵出没博客(azimiao.com)版权所有,转载请注明链接:https://www.azimiao.com/3698.html
欢迎加入梓喵出没博客交流群:313732000

吐槽 蝉時雨

*

*

0位绅士参与评论

  1. hk05-05 14:40 回复

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

  2. littleplus05-05 16:00 回复

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

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

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

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

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

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

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

  6. mikusa05-06 00:38 回复

    大佬好棒啊

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

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

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

    好插件,第一时间试下

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

    大佬好棒!!

  10. Ryoma05-13 19:06 回复

    大佬好棒!

  11. Mashiro05-14 10:33 回复

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

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

    看起來敲擊厲害的

  13. Ken05-19 20:13 回复

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

  14. Phower05-30 22:49 回复

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

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

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

  16. YarnSon11-03 00:38 回复

    博主,怎么有些图片一会儿加载出来,一会儿加载不出来

    • 野兔11-06 00:14 回复

      方便的话可以提供页面链接吗?我没有碰到这些问题。
      这些图片全部是引用的Bangumi的链接,应该没啥特别严重的BUG。

  17. Mlldxe’s11-05 10:36 回复

    请问博主怎么在前端显示目录?

    • 野兔11-06 00:16 回复

      如果你指的是WordPress的话,你可以试试插件WPJAM TOC。

  18. tsukimi03-16 21:57 回复

    大佬,改这个插件的CSS需要在哪里添加呢?我试了各种地方更改都不行