The world is like a mirror: Frown at itand it frowns at you; smile, and it smiles too.
世界犹如一面镜子：朝它皱眉它就朝你皱眉，朝它微笑它也吵你微笑
【活动】：会员128元永久会员早开早划算!
![WordPress添加B站追番页面[WP页面]](https://pic.imgdb.cn/item/660bc6429f345e8d0302ec50.png "WordPress添加B站追番页面[WP页面]")
![WordPress添加B站追番页面[WP页面]](https://www.51ckp.com//wp-content/uploads/2022/01/我的追番页面文章-1024x455.jpg "WordPress添加B站追番页面[WP页面]")
本来是准备把另一个追剧页面弄好后在一起发教程的，但一直还没有时间去弄追剧页面的样式美化（暂时没有了样式设计的想法），有星友需要这个页面，所以今天就先发布WordPressB站追番页面吧（后期会发布追剧的页面，敬请期待…）！O(∩_∩)O哈哈~。
WordPress追番页面是我在百度翻找了好久，无意间在GitHub找到的，是由Mario（蘑菇君）大佬二开的（大佬就大佬，我永远滴神…），然后我就是偷偷的拿来进行样式美化，虽然我只针对子比主题进行样式的美化，不过理论上应该所有WordPress主题皆可用，其他主题若不适用，自行修改CSS样式即可。
话不多说，下面就给大家分享一下教程吧！
食用教程
零、说明
（其他WordPress主题需看）每个主题的页面模板的头和尾调用的方式和代码都不同，所以你需要自己在主题目录找到默认模板页面PHP文件（一般都叫“page.php”,然后创建新的PHP文件，复制默认页面代码进去，在合适的位置添加下面的核心代码即可[核心代码B站追番页面php文件我有注释]，同时还是得跟教程走滴），需要一点基础。
B站追番页面需要在B站添加自己追番的剧，不然页面无法显示的哦！如何添加自己的追番自己百度一下。
下面的教程主要以子比主题为例进行…
壹、上传文件和目录
在文章末尾资源下载处下载文件，解压后把json目录上传到网站的根目录下，json目录中有两个文件是追剧页面的，我还没弄样式，后期我会发，如果介意请自行删除。
把bilibili-bangumi.php文件上传到子比主题目录zibll/pages目录下。
上传后文件中出现中文的乱码，可能ZIP对中文兼容性不是太好，请自行创建文件，然后复制代码进去即可。
贰、修改文件
1、bilibiliAcconut.php文件
登陆B站，进入个人空间，获取UID（如下图）
![WordPress添加B站追番页面[WP页面]](https://img.wiiuii.cn/WP-TUTU/WP%E6%96%87%E7%AB%A0%E9%85%8D%E5%9B%BE/B%E7%AB%99-%E8%8E%B7%E5%8F%96UID.jpg "WordPress添加B站追番页面[WP页面]")
获取UIDF12进入控制台（进入后需要刷新一遍）获取B站Cookie（如下图）
![WordPress添加B站追番页面[WP页面]](https://img.wiiuii.cn/WP-TUTU/WP%E6%96%87%E7%AB%A0%E9%85%8D%E5%9B%BE/B%E7%AB%99-%E8%8E%B7%E5%8F%96B%E7%AB%99Cookie2.jpg "WordPress添加B站追番页面[WP页面]")
获取B站Cookie在bilibiliAcconut.php文件中添加获取来的UID和Cookie（如下图）。
![WordPress添加B站追番页面[WP页面]](https://img.wiiuii.cn/WP-TUTU/WP%E6%96%87%E7%AB%A0%E9%85%8D%E5%9B%BE/%E6%B7%BB%E5%8A%A0%E8%8E%B7%E5%8F%96%E6%9D%A5%E7%9A%84UID%E5%92%8CCookie.jpg "WordPress添加B站追番页面[WP页面]")
添加获取来的UID和Cookie叁、创建页面
在网站后台—>页面—>新建页面—>页面属性–模板–B站追番页面（古腾堡编辑器是这样的，不知道经典编辑器是不是一样），然后发布页面即可。
项目地址
大佬的GitHub项目地址，看不懂我的，自己去看大佬的，或者留言给我吧！
【WordPress博客B站追番/追剧页面模板】https://github.com/Fog-Forest/bilibili
![WordPress添加B站追番页面[WP页面]](https://avatars.githubusercontent.com/u/33511438?s=120&v=4 "WordPress添加B站追番页面[WP页面]")
效果截图效果
【星语的小木屋 – 我的追番】https://www.51ckp.com/bangumi
![WordPress添加B站追番页面[WP页面]](https://img.wiiuii.cn/WP-TUTU/WP%E6%96%87%E7%AB%A0%E9%85%8D%E5%9B%BE/lolo55.png "WordPress添加B站追番页面[WP页面]")
截图![WordPress添加B站追番页面[WP页面]](https://img.wiiuii.cn/WP-TUTU/WP%E6%96%87%E7%AB%A0%E9%85%8D%E5%9B%BE/%E6%88%AA%E5%9B%BE.jpg "WordPress添加B站追番页面[WP页面]")
我的追番页面![WordPress添加B站追番页面[WP页面]](https://www.51ckp.com/wp-content/uploads/2023/02/ajax.png "WordPress添加B站追番页面[WP页面]")
感谢您的来访，获取更多精彩文章请收藏本站。
Behind every beautiful life, there has been some kind of pain.
破茧成蝶的美好生活都有伤痛
© 版权声明
THE END
暂无评论内容