添加B站追番页面

本来是准备把另一个追剧页面弄好后在一起发教程的,但一直还没有时间去弄追剧页面的样式美化(暂时没有了样式设计的想法),有星友需要这个页面,所以今天就先发布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(如下图)

图片[44]-子比美化教程合集 美化只看这一篇文章就够了!!!-zibll美化交流分享社区-zibll子比主题-Wordpress主题模板-zibll子比主题

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

图片[45]-子比美化教程合集 美化只看这一篇文章就够了!!!-zibll美化交流分享社区-zibll子比主题-Wordpress主题模板-zibll子比主题

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

图片[46]-子比美化教程合集 美化只看这一篇文章就够了!!!-zibll美化交流分享社区-zibll子比主题-Wordpress主题模板-zibll子比主题

叁、创建页面

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

资源下载地址:https://pan.cunshao.com/pan/202207/04/bilibili-master.zip

项目地址:https://github.com/Fog-Forest/bilibili

 

图片[47]-子比美化教程合集 美化只看这一篇文章就够了!!!-zibll美化交流分享社区-zibll子比主题-Wordpress主题模板-zibll子比主题
© 版权声明
1:本网站名称:源码库
2:本站永久网址:www.ymkuz.com
3:本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
4:分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
5:本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
6:本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7:如有链接无法下载、失效或广告,请联系管理员处理!
8:文章投稿-投诉建议E-mail:yunduanw@qq.com 站长QQ:99767152
THE END
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容