WordPress添加疫情实时动态页面[WP页面]

图片[1]-WordPress添加疫情实时动态页面[WP页面]-星语的小木屋
WordPress添加疫情实时动态页面

前言

页面PHP代码都是网上大佬搞好的,然后偷偷摸摸的搬来到WordPress页面上,一声不响,O(∩_∩)O哈哈~,所以只能搬咯,但是样式都是我自己修修改改的!

疫情实时动态页面采用阿里云免费疫情数据接口,不知道啥原因,页面存在一些问题,有时候刷新页面或者进入详细地区可能获取不到数据,报异常,不过刷新它又好了…感兴趣、有能力的大佬,自己改一改吧!下面分享教程。

食用教程

0、说明:

    • 不知道是啥原因,页面常常会获取不到接口数据报异常,都是刷新有获取到数据了,若介意,请勿使用。

    • 本页面我只作适配“子比主题”,其他主题请修改yiqing.php文件中部分的代码,请勿删文件代码中注释的核心主体,核心主体非常重要!非常重要!非常重要!

    • 本页面采用阿里云免费疫情数据接口所有数据并不代表本站立场

 

1、第一步:上传文件

    • 下载ZIP压缩包,解压后把里面的3个PHP文件(分别是yiqing-Analysis.php、yiqing-ajax.php、yiqing-api.php)上传放在WordPress网站根目录下,然后再把yiqing.php文件上传到主题/zibll/pages目录下(以子比主题为例,其他主题没有该目录的话,上传到主题目录下即可)。

    • 文件下载传送阵:

    • 注:文件若无法下载或文件链接失效,请及时留言或者联系我。

2、第二步:申请接口

图片[2]-WordPress添加疫情实时动态页面[WP页面]-星语的小木屋
阿里健康-疫情数据购买页面

    • 登陆阿里云账号,然后点击购买,然后会跳转后台(若不跳转,请点击右上角的买家中心—》进入管理控制台)

图片[3]-WordPress添加疫情实时动态页面[WP页面]-星语的小木屋
管理控制台

3、第三步:修改文件

图片[4]-WordPress添加疫情实时动态页面[WP页面]-星语的小木屋
管理后台

    • 1、在yiqing-api.php文件中,把购买得来的AppCode参数添加到$appcode里,文件代码里面有注释(见下图)。

    • 2、(创建好页面在修改)其次在yiqing-ajax.php文件中,第21行<a>标签中的href里修改为自己页面的链接(例如本站的:“/epidemic_situation”)

    • (非常重要,出现编码报错的看这里)有星友发现QQ浏览器查看页面会出现编码的错误,所以注释或者删除一下位置的代码即可解决(如下)。

    • 1.打开yiqing-api.php文件,在第6行把‘Header(‘Content-Type:application/json;charset=UTF-8’);’删除或注释即可。

    • 2.打开yiqing-Analysis.php文件,在第4行把‘Header(‘Content-type:text/html;charset=utf-8’);’删除或注释即可。

    • 应该没有了,其他的自己看着修改吧

4、第四步:新建页面

    • 在网站后台—》页面—》新建页面—-》页面属性—》模板—》选择“WIIUII-疫情实时动态页面”,填写标题、固定连接(非必须),最后发布即可。

    • 教程到这里结束,哪里出问题请评论或者找我。

效果截图

    • 你可以点击下面的链接进入本站的疫情实时动态页面进行观看效果:

图片[5]-WordPress添加疫情实时动态页面[WP页面]-星语的小木屋
疫情实时动态效果图

    温馨提示:本文最后更新于2022-11-16 14:43:58,某些文章具有时效性,若有错误或已失效,请在下方留言

    —- 本页内容已结束,请看下一页内容—-

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

    © 版权声明
    THE END
    喜欢就支持一下吧
    点赞9赞赏 分享
    评论 抢沙发

    请登录后发表评论

      暂无评论内容