再次感谢  ?梨花町の肾兄さん? 开源的项目

喜欢本教程还请别忘了给开源项目点星星哦~

具体效果请看：番剧列表

1.首先下载开源项目

项目地址

解压完后，请将bilibili-master文件夹里面的bilibili文件夹和page-bilibili.php文件放到主题根目录下

打开bilibili文件夹重命名里面文件后缀为bilibiliAnime.php

然后返回修改page-bilibili.php

注：此处填写Cookie只是为了获取实时b站的观看进度，如果你担心安全问题可以不用填写

2.如何获取B站UID

3.如何获取B站 Cookie

在b站个人空间按下F12进入到开发者工具（这里示例的是Chrome浏览器）

然后不要关闭开发者工具页面按F5刷新网页

只需要复制 CURRENT_FNVAL=16 前（不包含 CURRENT_FNVAL=16 ）的内容，后面复制上去可能会报错 每个人的cookie都不一样建议用一个重来没有登入过的浏览器来试

然后编辑完保存即可

之后我们编辑header.php

<meta name="referrer" content="same-origin">

从而解决bilibili防盗链问题

最后我们回到 WP后台

然后写个标题发布即可，这时候你应该就可以看到你的番剧列表了

之后就是番剧列表放入菜单链接就行啦~

PS:如何改变显示列数

由于Sakura主题限制了文章最大宽度，这插件本身是做了自适应页面的，但是屈服于主题限制，所以最多只能列出二列。

那么如何解除这主题的限制呢？

首先，食用我之前的文章在 WordPress 指定页面加载指定 JavaScript 或 CSS 代码打开 “自定义字段”面板

直接在page-bilibili.php的<​style​ ​type​=​"​text/css​"​>​下面填入以下css即可

.site-content {
    max-width: 2000px;
}

更新保存即可

PS:bug修复 （非常感谢Sakura主题交流群群友 @后宫学长  写的CSS）

所以请在WP后台 外观—>自定义—>自定义css加上如下：

.bilibili {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.bgm-item {
	float: unset !important
}

更新保存即可