子比美化

WordPress子比主题美化教程[持续更新]-墨星博客 - 提升技术能力的必备资源教程网

WordPress子比主题美化教程[持续更新]

JS即javascript代码添加到后台子比主题设置—>自定义代码—>自定义javascript代码 CSS代码添加到后台子比主题设置—>自定义代码—>自定义CSS样式 没有特殊说明的小工具,自定义HTML小工具添加网...
子比主题美化 - 电脑端导航栏布局一用户图标更改为用户头像-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 电脑端导航栏布局一用户图标更改为用户头像

效果图修改前修改后教程开始进入/wp-content/themes/zibll/inc/functions/zib-header.php(子比主题的导航文件)找到下面的框起来的代码部分(因为我这是自己修改过源码的文件 所以不要看代码行数)...
子比主题美化 - 侧边栏添加百度一下小工具[三款样式]-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 侧边栏添加百度一下小工具[三款样式]

前言逛子比论坛看到有看本站侧边栏百度一下小工具的,之前随便放了个样式,感觉有点简陋,新写了个样式(效果三),本文放三个样式,喜欢哪个用哪个效果一此效果为子比论坛网友写的一款样式,原文...
子比主题美化 - 首页tab栏目二次元风-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 首页tab栏目二次元风

效果图教程开始复制下面css代码 添加到WordPress后台-子比主题设置-全局-自定义css代码中其中的图片路径自行替换图片 图片资源下载
子比主题美化 - notyf提示框扫光效果美化-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – notyf提示框扫光效果美化

效果图教程开始复制下面css代码 进入子比主题设置-全局-自定义代码-自定义css代码粘贴复制的代码即可 
子比主题美化 - 仿哔哩哔哩底部样式-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 仿哔哩哔哩底部样式

效果图教程开始WordPress后台-外观-小工具-自定义HTML代码-底部全宽度复制下面代码 粘贴进去复制下面代码,放到子比主题设置-全局-自定义代码-自定义css即可HTML代码也可以添加到footer.php中,...
子比主题美化 - 复制弹出提示框-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 复制弹出提示框

效果图教程开始复制下面代码 放入zibll文件夹目录中的functions.php或func.php中,路径自行替换即可复制下面代码 放入zibll子比主题设置-全局-自定义代码-自定义JavaScript即可
子比主题美化-底部添加自适应波浪效果-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化-底部添加自适应波浪效果

效果图教程开始复制下面css代码 添加到自定义css中复制下面HTML 添加到子比主题目录的footer.php中的footer标签上面即可 
子比主题美化 - 为你的子比主题添加一个二次元风格悬浮按钮-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 为你的子比主题添加一个二次元风格悬浮按钮

效果图教程开始复制下面代码 添加到wordpress后台-子比主题设置-全局-自定义代码-自定义底部HTML代码中复制下面css代码 添加到自定义CSS代码中图标素材自行替换CSS中的路径即可
子比主题美化 - 邮箱默认样式修改美化-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 邮箱默认样式修改美化

效果图教程开始进入网站根目录/wp-content/themes/zibll/inc/functions/zib-email文件在大概68行的位置找到$content变量 复制下面代码替换变量即可我的子比版本为8.1版本不同可能会导致行数不同...
子比主题美化 - 本站底部同款渐变备案号-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 本站底部同款渐变备案号

效果图教程开始将下面HTML代码添加到页面显示-页脚底部中将下面CSS代码添加到全局-自定义代码-自定义css代码中即可其中的图标自行替换即可可以使用墨星博客的svg图标,也可以在阿里巴巴矢量图标...
子比主题美化-底部二维码增加动态border-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化-底部二维码增加动态border

介绍此效果是初一写出来的 因为初一写的是scss的 我改成了css代码 发出来记录下效果图教程开始复制下面代码 添加到子比主题设置-全局-自定义代码-自定义css代码中即可