给子比主题卡片文章样式下面添加一个下载按钮,这个非常实用。
效果展示
![图片[1]-子比主题首页卡片文章添加下载按钮美化-心动之光](https://xdzg.online/wp-content/uploads/2025/06/微信图片_20250609214259_9.png)
代码部署
1.把下面的PHP代码放到子比文件:/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概268行,如下图。
![图片[2]-子比主题首页卡片文章添加下载按钮美化-心动之光](https://xdzg.online/wp-content/uploads/2025/06/微信图片_20250609214332_10.png)
$get_permalink = get_permalink();//添加文章链接
2.把下面的PHP代码放到子比文件:/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概310行,如下图。
![图片[3]-子比主题首页卡片文章添加下载按钮美化-心动之光](https://xdzg.online/wp-content/uploads/2025/06/微信图片_20250609214435_11.png)
$html = '<a class="down" target="_blank" href="' . $get_permalink . '">下载</a>';//添加<a href="https://xtwo.cn/tag/%e4%b8%8b%e8%bd%bd%e6%8c%89%e9%92%ae" title="查看下载按钮的所有文章" target="_blank" class="lutag ">下载按钮</a>
3.把下面的CSS代码复制到:网站后台-主题设置-全局功能-自定义代码-自定义CSS样式粘贴即可。
喜欢就支持一下吧











![表情[youling]-心动之光](https://xdzg.online/wp-content/themes/zibll/img/smilies/youling.gif)


暂无评论内容