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(如下图)
获取UID
  • F12进入控制台(进入后需要刷新一遍)获取B站Cookie(如下图)
获取B站Cookie
  • 在bilibiliAcconut.php文件中添加获取来的UID和Cookie(如下图)。
添加获取来的UID和Cookie

叁、创建页面

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

项目地址

  • 大佬的GitHub项目地址,看不懂我的,自己去看大佬的,或者留言给我吧!
【WordPress博客B站追番/追剧页面模板】 https://github.com/Fog-Forest/bilibili

效果截图

效果

【星语的小木屋 - 我的追番】 https://www.wiiuii.cn/bangumi

截图

我的追番页面

温馨提示:本文最后更新于2021-02-14 23:22:08,某些文章具有时效性,若有错误或已失效,请在下方留言或联系星语社长
免费资源

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞0赞赏
分享
评论 共4条

请登录后发表评论

    • tangtang
    • 按教程和代码比葫芦画瓢,完善了一下追剧,把追剧和追番放到了一个页面上,把json目录上传到了主题目录下而非根目录下。页面文件代码有我的网站地址,更换一下就可以了,如果有BUG还请斧正一下。 打包文件链接: https://pan.baidu.com/s/1SwIrehHKcjw6xCiJ4zWnGQ 提取码: 5fac DEMO:https://www.my1981.cn/bangumi
      1月前
    • tangtang
    • 我以为这个和说说一样,调用的数据库呢。
      1月前