给子比主题卡片文章样式下面添加一个下载按钮,这个非常实用。
效果展示
![图片[1]-子比主题首页卡片文章添加下载按钮美化-夏天屋](https://xtwo.cn/wp-content/uploads/2024/06/20250501101158546-730150.webp)
代码部署
1.把下面的PHP代码放到子比文件:/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概268行,如下图。
![图片[2]-子比主题首页卡片文章添加下载按钮美化-夏天屋](https://xtwo.cn/wp-content/uploads/2024/06/20250501101206192-879885.webp)
$get_permalink = get_permalink();//添加文章链接
2.把下面的PHP代码放到子比文件:/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概310行,如下图。
![图片[3]-子比主题首页卡片文章添加下载按钮美化-夏天屋](https://xtwo.cn/wp-content/uploads/2024/06/20250501101221209-507672.webp)
$html = '<a class="down" target="_blank" href="' . $get_permalink . '">下载</a>';//添加下载按钮
3.把下面的CSS代码复制到:网站后台-主题设置-全局功能-自定义代码-自定义CSS样式粘贴即可。
- 最新
- 最热
只看作者