效果图

代码部署

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

第一步

第二步

第三步

把下面的PHP代码放到子比文件：

/zibll/inc/functions/zib-posts-list.php 的大概292行，如下图

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

把下面的PHP代码放到子比文件：

/zibll/inc/functions/zib-posts-list.php 的大概335行，如下图

$html = '<a class="down" target="_blank" href="' . $get_permalink . '">查看文章</a>';//添加按钮

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

background: linear-gradient(to right, #4f6dee, #67bdf9);

上方是颜色代码，不喜欢自己改

下面是完整CSS代码，已包含上方颜色代码。

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

本站收集的资源仅供内部学习研究软件设计思想和原理使用，学习研究后请自觉删除，请勿传播，因未及时删除所造成的任何后果责任自负。

如果用于其他用途，请购买正版支持作者，谢谢！若您认为本站发布的内容若侵犯到您的权益，请联系站长邮箱:596993347@qq.com 进行删除处理。
本站资源大多存储在云盘，如发现链接失效，请联系我们，我们会第一时间更新。

THE END