子比主题 – 文章封面角标美化

美化说明

子比主题文章缩略图封面添加角标美化,透明用CSS写的,其他都是用图片做的背景,可以随意替换

效果展示

图片[1]-子比主题 – 文章封面角标美化-太阳博客
图片[2]-子比主题 – 文章封面角标美化-太阳博客

代码部署

总共有三个代码,两个 php代码 和一个 CSS代码 ,跟着教程操作非常简单

1、将 php代码1 添加到 /wp-content/themes/zibll/inc/options/metabox-options.php ,打开文件后,搜索关键词 提交结果 复制php代码1粘贴到关键词的下面

图片[3]-子比主题 – 文章封面角标美化-太阳博客

2、将 php代码2 添加到 /wp-content/themes/zibll/inc/functions/zib-posts-list.php ,打开文件后,搜索关键词 置顶 ,复制php代码2粘贴到关键词的下面

图片[4]-子比主题 – 文章封面角标美化-太阳博客

3、将 CSS代码 添加到 子比主题设置 - 全局功能 - 自定义代码 - 自定义CSS样式

温馨提示:本文最后更新于2025-01-02 16:13:49,文章具有时效性,若已失效请在下方给我们留言
𝙏𝙀𝙔𝙊𝙉𝘿
喜欢就支持一下吧!
点赞6 分享
评论 共1条

请登录后发表评论