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

介绍

给子比主题卡片样式下面加一个下载按钮样式，非常美观，给自己的子比主题去加一个吧，这个非常实用，这个代码是扒mac站长的一个美化。

教程

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

第一个PHP代码放到子比文件：/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概268行。

//获取文章列表的底部meta
function zib_get_posts_list_meta($show_author = true, $is_card = false, $post = null)
{

在这个代码后边添加

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

第二个php代码放在大概310行，

$html = '<div class="item-meta muted-2-color flex jsb ac">';
    $html .= $meta_left;
    $html .= $meta_right;
    $html .= '</div>';

这个代码后添加

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

最后CSS代码，直接放到子比主题=>>自定义CSS样式即可！

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

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