【子比美化】首页文章卡片下载按钮样式美化

教程如下:

第一步:

下面的PHP代码(红色行代码)放到子比文件:/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概268行,

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

function zib_get_posts_list_meta($show_author = true, $is_card = false, $post = null)
{
代码添加处
if (!is_object($post)) {

第二步:

下面的PHP代码(红色行代码)放到子比文件:/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概310行,

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

$html .= '</div>';
代码添加处
return $html;
}

第三步:

下面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;
}
/*文章卡片下载按钮美化结束*/
温馨提示:本文最后更新于2024-05-20 16:58:07,某些文章具有时效性,若有错误或已失效,请在下方留言或联系站长
------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容