碉堡了论坛

 找回密码
 立即注册
查看: 385|回复: 31

帮网站首页添加每日60秒读懂世界

[复制链接]

1

主题

97

帖子

2416

积分

金牌会员

Rank: 6Rank: 6

积分
2416
发表于 2022-8-15 09:21:39 | 显示全部楼层 |阅读模式
  前言

添加这个每日60s有两种方法,一种是用接口获取文章,另一种则是直接用接口图片,接下来我把这两种方法分享一下,不担保接口会失效,后期失效了可以自己网站找一下接口。
方式一

这种比较方便只要简单的几句js代码就能搞定,用到的地方有两处
1.全局js文件 2.文章或者页面
在全局js文件里添加这句代码就行了,因为我用的是子比主题所以直接放到了主题的自定义代码下了,如下
//每日60秒var str='https://api.03c3.cn/zb/api.php';$.getJSON(str, function(json){  var imgid = json.imageUrl;  document.getElementById("suolue").src=imgid;});图片

添加完js代码后,接下来新建文章或者页面添加以下代码发布即可!
<img id="suolue">方式二

这种会相对麻烦一点,要在源码后台修改,也是本博客在使用的,用到的地方也是两处
1.functions.php 2.pages
在functions.php下添加以下代码
function ttsistens(){//60s  $sixs = json_decode(file_get_contents("https://www.zhihu.com/api/v4/columns/c_1261258401923026944/items"),true)['data'][0]['content'];  return $sixs;};在pages下新建ttsixs.php复制以下代码保存即可(部分数据自行修改)
<?php/** * Template name: XY - 每日60s * Description:   XY - 60S */get_header();?><style>.sixten{width:80%;margin:0 auto 20px auto;padding:24px;}@media (max-width:1030px){.sixten{width:100%;}}@media screen and (min-width:800px) and (max-width:1007px){.tens p:nth-child(4){padding:20px !important;}}@media (min-width:800px){.sixten>p{font-size:18px;padding:8px}.tens p:first-child{padding:0}.tens p:nth-child(3){width: 18%;border:2px solid #848484;margin-top:10px;padding:16px;display: inline-block;font-size:14px;border-radius:10px;}.tens p:nth-child(4){float: right;width:80%;border:2px solid #848484;border-bottom:2px solid #848484;margin-top:10px;border-right:0;border-left:0;font-size:36px;display:inline-block;padding:10px;text-align:center;color:#f00;}p.overclass{font-size:24px;}}p.overclass{text-align:center;color:#f1420d;letter-spacing:2px;padding-top:40px;}.url{display:none;}</style><main role="main" class="container"><div class="zib-widget sixten" style="padding: 24px 24px 6px 24px;"><h3 class="title-h-center text-center">每日60秒读懂世界</h3></div><div class="zib-widget sixten tens">    <?php echo ttsistens()?>    <div style="background:#7d7d7d;width:100%;height:2px;margin-bottom:2px;margin-top:20px;"></div>    <div style="background:#7d7d7d;width:100%;height:1px;margin-bottom: 22px;"></div>    <div style="width:80%;margin: 0 auto;"><img alt="夕阳博客 - 专注优质网络资源分享的技术博客" data-src="https://xyblog-1259307513.cos.ap-guangzhou.myqcloud.com/wp-content/uploads/2021/10/12b2b160443f.png" class="ls-is-cached lazyloaded" src="https://xyblog-1259307513.cos.ap-guangzhou.myqcloud.com/wp-content/uploads/2021/10/12b2b160443f.png">    </div>    <div style="background:#7d7d7d;width:100%;height:1px;margin-bottom: 2px;margin-top:20px;"></div>    <div style="background:#7d7d7d;width:100%;height:2px;margin-bottom: 22px;"></div>    <p class="overclass"><strong>--- 感谢您的来访,本文持续更新 ---</strong></p></div></main><?phpget_footer();接下来新建页面选择 (XY – 60S) 模板保存即可,剩下的就不说了自己琢磨!

0

主题

1276

帖子

661

积分

高级会员

Rank: 4

积分
661
发表于 2022-10-19 00:47:12 | 显示全部楼层
NB

0

主题

1287

帖子

201

积分

中级会员

Rank: 3Rank: 3

积分
201
发表于 2023-1-24 10:01:10 | 显示全部楼层
看帖回帖是美德!

0

主题

1244

帖子

474

积分

中级会员

Rank: 3Rank: 3

积分
474
发表于 2023-1-24 22:43:40 | 显示全部楼层
真是 收益 匪浅

0

主题

1338

帖子

1390

积分

金牌会员

Rank: 6Rank: 6

积分
1390
发表于 2023-1-29 17:37:15 | 显示全部楼层
666666

0

主题

1299

帖子

267

积分

中级会员

Rank: 3Rank: 3

积分
267
发表于 2023-2-2 04:21:07 | 显示全部楼层
相当不错,感谢无私分享精神!

0

主题

1313

帖子

537

积分

高级会员

Rank: 4

积分
537
发表于 2023-2-9 21:30:51 | 显示全部楼层
小手一抖,钱钱到手!

0

主题

1267

帖子

641

积分

高级会员

Rank: 4

积分
641
发表于 2023-2-27 15:55:35 | 显示全部楼层
666666

0

主题

1279

帖子

535

积分

高级会员

Rank: 4

积分
535
发表于 2023-2-27 16:35:32 | 显示全部楼层
找到好贴不容易,我顶你了,谢了

0

主题

1365

帖子

1415

积分

金牌会员

Rank: 6Rank: 6

积分
1415
发表于 2023-2-27 18:53:03 | 显示全部楼层
不错不错,楼主您辛苦了。。。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|小黑屋|碉堡了论坛 ( 粤ICP备2021165787号-1 )

GMT+8, 2024-12-23 11:45 , Processed in 0.080448 second(s), 40 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, dfer.top

快速回复 返回顶部 返回列表