子比主题美化 添加B站追番页面[WP页面]

jaysun

1.png

今天在逛博客的时候发现一个非常不错的美化教程,因为本人比较喜欢看动漫,基本每天都会追番,看到博客有分享WordPress添加哔哩哔哩追番页面的教程,觉着对喜欢动漫追番的人来说这个功能说是非常喜欢的了,此美化主要针对的使子比主题,虽然我只针对子比主题进行样式的美化,不过理论上应该所有WordPress主题皆可用,其他主题若不适用,自行修改CSS样式即可。 话不多说,下面就给大家分享一下教程吧! 

效果图:

1.png



使用教程 

1、说明 (其他WordPress主题需看)每个主题的页面模板的头和尾调用的方式和代码都不同,所以你需要自己在主题目录找到默认模板页面PHP文件(一般都叫“page.php”,然后创建新的PHP文件,复制默认页面代码进去,在合适的位置添加下面的核心代码即可[核心代码B站追番页面php文件我有注释],同时还是得跟教程走滴),需要一点基础。 B站追番页面需要在B站添加自己追番的剧,不然页面无法显示的哦!如何添加自己的追番自己百度一下。 下面的教程主要以子比主题为例进行… 

2、上传文件和目录 在文章末尾资源下载处下载文件,解压后把json目录上传到网站的根目录下,json目录中有两个文件是追剧页面的,我还没弄样式,后期我会发,如果介意请自行删除。 把bilibili-bangumi.php文件上传到子比主题目录zibll/pages目录下。 上传后文件中出现中文的乱码,可能ZIP对中文兼容性不是太好,请自行创建文件,然后复制代码进去即可。 

3、修改文件 1、bilibiliAcconut.php文件 登陆B站,进入个人空间,获取UID(如下图)

2.png

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

3.png

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

4.png

4、创建页面

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


附件
我的追番页面
16.5 K
蓝奏云
****(需购买后查看)
下载文件
附件购买
售价:0 积分

您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
评论列表 (暂无评论,40人围观)

还没有评论,来说两句吧...

目录[+]

取消
微信二维码
微信二维码
支付宝二维码