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

教程简介：

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

相关图片：

教程如下：

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

第一个PHP

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

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

第二个PHP

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

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

CSS代码

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

background: linear-gradient(to right, #4f6dee, #67bdf9);这个是颜色，自己需求改

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