效果图
![图片[1]-子比主题美化 – 文章卡片下载按钮样式美化-子比主题美化教程社区-推荐-安忆小屋](https://oss1.yuqiuyang.xyz/zibi/2024/05/2024051620535820240516205358214-捕获642.png)
部署教程
首先一共三步,有两行php代码和一个css代码,话不多说直接开始教程
- 第一个php代码
下面的PHP代码放到子比文件:/wp-content/themes/zibll/inc/functions/zib-posts-list.php
的大概268行,如下图
![图片[2]-子比主题美化 – 文章卡片下载按钮样式美化-子比主题美化教程社区-推荐-安忆小屋](https://oss1.yuqiuyang.xyz/zibi/2024/05/2024051621501420240516215014424-d2b5ca33bd20240511223546图1820.png)
2.第二个PHP代码
下面的PHP代码放到子比文件:/wp-content/themes/zibll/inc/functions/zib-posts-list.php
的大概310行,如下图
![图片[3]-子比主题美化 – 文章卡片下载按钮样式美化-子比主题美化教程社区-推荐-安忆小屋](https://oss1.yuqiuyang.xyz/zibi/2024/05/2024051621502620240516215026935-d2b5ca33bd20240511223633图2852.png)
CSS代码我就不说了,直接放到子比主题=>>自定义CSS样式即可!
/*文章卡片下载按钮 uzhix.com*/
a.down {
display: inline-block;
width: 100%;
height: 30px;
line-height: 30px;
border-radius: 15px;
background: linear-gradient(to right, #4f6dee, #67bdf9);
color: #fff;
text-align: center;
cursor: pointer
text-shadow: none;
border: none;
outline: none;
box-shadow: none;
padding: 0;
margin: 0;
}
没有回复内容