前言

目前B站动漫方面还是相当热门的，今天就分享给网站添加一个B站的追番页面，所以今天就先发布WordPressB站追番页面吧

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（如下图）

F12进入控制台（进入后需要刷新一遍）获取B站Cookie（如下图）

在bilibiliAcconut.php文件中添加获取来的UID和Cookie（如下图）。

四、创建页面

在网站后台—>页面—>新建页面—>页面属性–模板–B站追番页面（古腾堡编辑器是这样的，不知道经典编辑器是不是一样），然后发布页面即可。

效果