子比Zibll主题，文章卡片下载按钮样式美化代码-云港网络

AI 文章摘要

正在生成文章摘要，请稍候...

本文介绍了如何为子比Zibll主题的文章卡片添加美观的下载按钮。教程包含三个步骤：首先在指定PHP文件中插入代码以生成下载按钮链接；其次将提供的CSS代码添加到主题后台的自定义样式中。该代码通过线性渐变背景和圆角设计，实现了类似Mac站长风格的视觉美化，提升了主题的实用性与美观度。

给子比主题卡片样式下面加一个下载按钮样式，非常美观，给自己的子比主题去加一个吧，这个非常实用，这个代码是扒mac站长的一个美化，所以我分享给大家免费使用

截图预览：

部署方法：

首先一共三步，有两行php代码和一个css代码，话不多说直接开始教程。

下面的PHP代码放到子比文件：/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概268行插入以下代码。

$html = '<a class="down" target="_blank" href="' . $get_permalink . '">下载</a>';//添加下载按钮

CSS代码我就不说了，直接放到子比主题后台设置里面=>>自定义CSS样式即可！

第三个CSS代码：

/*文章卡片下载按钮 tfbkw.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;
}

广告：

高性能海外服务器低至200元/年

文章版权声明 1、本网站名称：孙子烧烤知识分享站
2、本站永久网址：https://www.sunzishaokao.com
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，[email protected]
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END