前言
在使用子比主题后,发现有很多地方需要美化,当然不美化也能用,但是在别的网站看到美化过后网站更加的漂亮美观,自己不美化一下实在过不去,所以今天也记录一下美化过程,方便自己以后要用的时候不用到处找,在此也提供给需要美化的用户,废话不多说,下面开始
美化说明
过度主题美化可能会导致网站加载缓慢、CSS全局污染等一些问题,请选择自己需要的进行美化,不要全部美化一遍,在进行主题修改之前,请记得一定要备份网站数据,以免造成不必要的损失,如果不知道怎么添加代码的,请看下面说明
↓↓↓↓↓↓↓↓↓↓不懂如何添加代码的请看下面说明↓↓↓↓↓↓↓↓↓
JS代码:Zibll子比主题设置→自定义代码→自定义javascript代码
还有一些代码可能还要放到其它位置,比如自定义底部HTML代码、自定义头部HTML代码、网站统计HTML代码、底部页脚等等,这些特殊的代码本站都会特别说明,一般很多代码都是放入到上述两个位置当中
↑↑↑↑↑↑不懂如何添加代码的请看上面说明↑↑↑↑↑↑
美化教程
1、子比主题文章标签美化
使用方法:复制下面的代码到子比主题设置→自定义CSS样式中
2、网站主题LOGO扫光
使用方法:复制下面的代码到子比主题设置→自定义CSS样式中
3、用户头像呼吸光环+鼠标悬停旋转放大
使用方法:复制下面的代码到子比主题设置→自定义CSS样式中
4、网站添加侧边彩色滚动条
使用方法:复制下面的代码到子比主题设置→自定义CSS样式中
5、文章页面添加文章字数和阅读时间
1.在主题目录functions.php文件中把下面的代码添加进去:
6、侧边栏添加IP标签小工具
使用方法:把下面代码添加到WP后台→外观→小工具→自定义HTML中