美化说明
- 主题美化和小工具可能会使网站加载缓慢、CSS全局污染等一系列问题,美化前一定要先测试
- 主题美化可能会修改主题文件,更新前请及时备份主题美化文件,以免丢失部分主题页面或美化效果
必要说明
- CSS 代码添加:
子比主题设置 – 全局功能 – 自定义代码 – 自定义CSS样式 - JS 即 javascript 代码添加:
子比主题设置 – 全局功能 – 自定义代码 – 自定义javascript代码 - 自定义 HTML 小工具:
外观 – 小工具 – 自定义HTML – 选择放置位置 – 复制粘贴代码 - 其他添加方式会写在教程中,若只需添加 CSS+JS 的教程,请注意看上面的方法
美化教程
1、主题 LOGO 扫光
CSS 代码:
2、文章缩略图添加动态图标
![图片[1]-WordPress子比主题美化教程合集-太阳博客](http://www.teyonds.com/wp-content/uploads/2024/11/c1f22419a820241107231852.png)
CSS 代码:
3、文章标题渐变彩色文字
![图片[2]-WordPress子比主题美化教程合集-太阳博客](http://www.teyonds.com/wp-content/uploads/2024/11/98b2122d4620241107231854.png)
CSS 代码:
4、昵称流彩字体风格
![图片[3]-WordPress子比主题美化教程合集-太阳博客](http://www.teyonds.com/wp-content/uploads/2024/11/eb95c68d7020241107231855.png)
CSS 代码:
5、昵称抖音故障风格
![图片[4]-WordPress子比主题美化教程合集-太阳博客](http://www.teyonds.com/wp-content/uploads/2024/11/503d34c32d20241107231857.png)
CSS 代码:
6、网站底部二维码跑马灯
![图片[5]-WordPress子比主题美化教程合集-太阳博客](http://www.teyonds.com/wp-content/uploads/2024/11/5435c3640120241107231859.png)
CSS 代码:
7、禁止拖动网站图片
CSS 代码:
8、文章图片圆角
![图片[6]-WordPress子比主题美化教程合集-太阳博客](http://www.teyonds.com/wp-content/uploads/2024/11/b684de2ee920241107231901.png)
CSS 代码:
9、列表Mini版缩略图
![图片[7]-WordPress子比主题美化教程合集-太阳博客](http://www.teyonds.com/wp-content/uploads/2024/11/d6562ae78920241107231903.png)
CSS 代码:
10、隐藏文章底部分类和标签
CSS 代码:
11、Golink跳转新标签页下载
两种 JS 代码选择一个粘贴到 子比主题设置 - 全局功能 - 自定义代码 - 自定义javascript代码
JS 代码
温馨提示:本文最后更新于
2025-01-02 16:08:40
,文章具有时效性,若已失效请在下方给我们留言𝙏𝙀𝙔𝙊𝙉𝘿
- 最新
- 最热
只看作者