子比主题美化 – 文章卡片下载按钮样式美化-知新网

------正文内容展示，开始汲取新知识啦------

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

效果图

部署教程

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

第一个php代码

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

$get_permalink = get_permalink();//添加文章链接

2.第二个PHP代码

下面的PHP代码放到子比文件：/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概310行，如下图

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;
}

原文来自腾飞博客

温馨提示：本文最后更新于2024-05-11 22:38:43，某些文章具有时效性，若有错误或已失效，请私信客服或联系知新社长。

------本文内容已结束，喜欢请分享------

感谢您的访问，Ctrl+D收藏本站吧。

相关声明 1、本站名称：知新网
2、本站永久网址：https://www.uzhix.com
3、本站部分内容源于网络和用户投稿，仅供学习与参考，如有侵权，请联系站长进行删除处理。
4、用户评论和发布内容，并不代表本站赞同其观点和对其真实性负责。
5、本站禁止以任何方式发布或转载任何违法的相关信息。
6、资源大多存储在云盘，如发现链接失效，请联系我们替换更新。

五月 11