Bangumi statistical plug-in WordPress version released

I wrote an article about Bangumi API before, see《 Several APIs of Bangumi and simple tests using PHP calls 》Later, Bangumi's API was opened to the public soon. Of course, this is the last word.

Several friends made some pages with that article, and the effect was very beautiful. I like it very much. Last night, I also wrote a fan chasing page plug-in. After it is enabled, a fan chasing page can be displayed by using the short code bangumi in the article or page.

2020.04.01 Supplement: As Bangumi officially plans to abandon the old version of the API, this plug-in may become invalid in the future. This blog has no time to replace the new version of the api, and it is recommended to use the AcFun&BiliBili tracking statistics plug-in developed by this blog

design sketch

Click Preview

Plug in download

Github

Azimiao-BangumiIndexForWordpress

AcFun&BiliBili tracking statistics plug-in has been released. See 👇

AcFun&BiliBili statistical plug-in WordPress version released

principle

Use the AJAX registration interface provided by Wordpress to register an access Action, which is used to obtain Bangumi related content. Then register the short code. The short code will call back the output function, which will output some content to the front end. The main content of the front-end output is a section of JQuery code, which accesses the previously registered Action through AJAX. After receiving the response, it clears the Loading animation and prints the response content.

The background setting panel mainly saves data through the methods provided by Wordpress. Use get_option() and update_option() to obtain and update data.

instructions

1. Install the plug-in

Visit the download address: BGM_Bangumi4WordPress , download the plug-in file.
After downloading the ZIP package, install it at the background plug-in.

2. Background settings

WordPress dashboard ->Settings ->Bangumi fan tracking page, see the following interface

Fill in as required and click Submit to save.

3. Use of short codes

Enter a short code in the article or page bangumi The fan chasing page is displayed.

help

If you need help, you can join Zimiao haunts blog communication groups , Group No.: three hundred and thirteen million seven hundred and thirty-two thousand
Click the link to join the group chat: https://jq.qq.com/?_wv=1027&k=5GXKmKy

common problem

1. There is no color palette in the main color part of the background?
   Your browser does not support the type attribute value color of the input component. Please enter a 16 bit color code yourself.
2. Misalignment of image and text?
   Please modify relevant CSS by yourself.
3. Ugly?
   See question 2 or modify or add functions by yourself.
4. Login failed
   Check user name and password
5. Display: OOPS! Chasing data disappeared!
   Check whether there is drama in watching state
6. Display: No fan chasing information?
   Check whether there is drama in watching state

Update log

• v2.0.0b2
  • Front end layout changed to flex
  • Optimized some styles
  • Replace curl with wp_remote to improve environment compatibility
  • Fix the problem of displaying flipping when there is only one page
  • Fix the error reported by clicking Clear Cache
  • Fix the problem of fc caused by login error
  • Fixed an error return value that caused the page not to load
  • Add some error reminders to facilitate error checking
• v2.0.0b1
  • Add pagination
  • Reject JQuery
  • Front end rendering
• v1.0.4
  • Optional third-party API provided by Shijiu Xiaozhu
• v1.0.3
  • Add the cache function, and the access speed is greatly improved after it is enabled

Copyright Notice

1. All rights to Bangumi related content belong to Bangumi;
2. The foreground loading animation and related styles come from Guangshu @ Wikimeng 。
3. The background setting style comes from the theme of "PureLove".
4. Except for the above statement, other contents are distributed in accordance with the WTFPL protocol.

Additional statements

• This plug-in is only developed for personal interests, and does not provide any service or guarantee.
• In case of blog collapse, data loss and other problems during the use of this plug-in, I will not bear any responsibility.
• Bangumi's API is subject to change at any time.

Contents in the plan

1. Data cache
2. Pagination function

tune