子比主题美化 – 文章卡片下载按钮样式美化 - 安忆小屋-子比主题美化教程社区论坛-推荐-安忆小屋

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

效果图

图片[1]-子比主题美化 – 文章卡片下载按钮样式美化 - 安忆小屋-子比主题美化教程社区论坛-推荐-安忆小屋

部署教程

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

  1. 第一个php代码

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

图片[2]-子比主题美化 – 文章卡片下载按钮样式美化 - 安忆小屋-子比主题美化教程社区论坛-推荐-安忆小屋

2.第二个PHP代码

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

图片[3]-子比主题美化 – 文章卡片下载按钮样式美化 - 安忆小屋-子比主题美化教程社区论坛-推荐-安忆小屋

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-16 21:55:22,某些文章具有时效性,若有错误或已失效,请在下方留言或联系站长

    没有回复内容

供学习和研究使用,请在下载后24小时内删除
购买前可以联系作者确认资源信息,防止交易矛盾
本页生成数据库 34 次查询,耗时 0.602 秒,使用 13.21MB 内存