内容简介：
WordPress美化-RiPro-V5主题网站首页添加四格小工具，支持Ripro-v2和v5，理论支持所有主题。
效果图片：
HTML相关代码：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
<div class=“container animate__animated animate__fadeInUp”>
<div class=“row animate__animated animate__fadeInUp”>
<div class=“col-3”>
<div class=“item”>
<a target=“_blank” href=“/wordpress” class=“d-flex justify-content-center align-items-center py-4” style=“color:#0868ac”>
<div class=“item-icon”> <img src=“https://cloudcache.tencentcs.com/open_proj/proj_qcloud_v2/gateway/product/css/img/p-overview/p-addition-links-list-view-news.svg”></div>
<div class=“text-left”>
<h5>WordPress <span class=“badge badge-primary” style=“background-color:#0868ac”>进入<i class=“mdi mdi-chevron-right”></i></span></h5>
<p class=“text-muted m-0”>WordPress教程持续更新</p>
</div>
</a>
</div>
</div>
<div class=“col-3”>
<div class=“item”>
<a target=“_blank” href=“/cx” class=“d-flex justify-content-center align-items-center py-4” style=“color:#2b8cbe”>
<div class=“item-icon”><img src=“https://cloudcache.tencentcs.com/open_proj/proj_qcloud_v2/gateway/product/css/img/p-overview/p-addition-links-list-view-centre.svg”>
</div>
<div class=“text-left”><h5>网站程序 <span class=“badge badge-primary” style=“background-color:#2b8cbe”>有演示<i class=“mdi mdi-chevron-right”></i></span></h5><p class=“text-muted m-0”>免费好玩的各种程序随意下载</p>
</div>
</a>
</div>
</div>
<div class=“col-3”>
<div class=“item”>
<a target=“_blank” href=“/rj” class=“d-flex justify-content-center align-items-center py-4” style=“color:#4eb3d3”>
<div class=“item-icon”> <img src=“https://cloudcache.tencentcs.com/open_proj/proj_qcloud_v2/gateway/product/css/img/p-overview/p-addition-links-list-view-free.svg”></div><div class=“text-left”><h5>软件工具 <span class=“badge badge-primary” style=“background-color:#4eb3d3”>已测试<i class=“mdi mdi-chevron-right”></i></span></h5>
<p class=“text-muted m-0”>各种办公,系统,激活,学习等软件资源</p>
</div>
</a>
</div>
</div>
<div class=“col-3”>
<div class=“item”>
<a target=“_blank” href=“/android” class=“d-flex justify-content-center align-items-center py-4” style=“color:#7bccc4”>
<div class=“item-icon”> <img src=“https://cloudcache.tencentcs.com/open_proj/proj_qcloud_v2/gateway/product/css/img/p-overview/p-addition-links-list-view-photo.svg”></div><div class=“text-left”><h5>安卓软件 <span class=“badge badge-primary” style=“background-color:#7bccc4”>已测试<i class=“mdi mdi-chevron-right”></i></span></h5>
<p class=“text-muted m-0”>各种app办公,教育,学习,系统,等软件资源</p>
</div>
</a>
</div>
</div>
</div>
</div>
|
页面显示方法
进入后台 – 外观 – 小工具 – 自定义HTML工具
版权声明：原创作品，未经允许不得转载，否则将追究法律责任。
本站资源有的自互联网收集整理，如果侵犯了您的合法权益，请联系本站我们会及时删除。
本站资源仅供研究、学习交流之用，若使用商业用途，请购买正版授权，否则产生的一切后果将由下载用户自行承担。
本文链接：65资源网https://www.65xwz.cn/1028.html
许可协议：《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
本站资源有的自互联网收集整理，如果侵犯了您的合法权益，请联系本站我们会及时删除。
本站资源仅供研究、学习交流之用，若使用商业用途，请购买正版授权，否则产生的一切后果将由下载用户自行承担。
本文链接：65资源网https://www.65xwz.cn/1028.html
许可协议：《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
评论0+