子比主题 第6页
子比主题设置和子比主题美化
子比主题美化 - notyf提示框扫光效果美化-墨星博客 - 提升技术能力的必备资源教程网

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

效果图教程开始复制下面css代码 进入子比主题设置-全局-自定义代码-自定义css代码粘贴复制的代码即可 
子比主题美化 - 顶部导航栏菜单右上角添加徽章-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 顶部导航栏菜单右上角添加徽章

效果图教程开始进入WordPress后台-外观-菜单页面正常导航名称部分是纯文字的,因为这里也写了 支持HTML所以支持badge标签添加徽章,搭配子比自带的颜色 直接在class里面填写即可列举几个常用的...
为你的子比主题添加一个购买页(可支付)-墨星博客 - 提升技术能力的必备资源教程网

为你的子比主题添加一个购买页(可支付)

ZibllPAY商品销售系统可以为子比主题开启一个精美的商品销售页面,用户通过简单的配置就可以实现在商品销售页面完成支付的回调演示图片插件介绍仅简单支持了页面购买功能,绑定页面id,显示的按...
子比主题美化-文章列表下的蓝色查看按钮(修改配色版)-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化-文章列表下的蓝色查看按钮(修改配色版)

效果图原版修改版教程开始下面的PHP代码放到子比文件:/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概268行,如下图下面的PHP代码放到子比文件:/wp-content/themes/zibll/i...
子比主题美化-开通会员modal弹窗添加背景图-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化-开通会员modal弹窗添加背景图

效果图教程开始将下面代码放进主题设置-全局-自定义代码-自定义css代码中即可图片地址自行替换素材图 
一组全套会员等级图标-墨星博客 - 提升技术能力的必备资源教程网

一组全套会员等级图标

上图:(太多了动态、静态、svg都有)
子比主题美化 - 用户信息小工具底部两个按钮美化-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 用户信息小工具底部两个按钮美化

效果图教程开始复制下面代码 添加到WordPress后台-子比主题设置-全局-自定义代码-自定义css代码中即可
子比主题美化 - 电脑端导航栏布局一用户图标更改为用户头像-墨星博客 - 提升技术能力的必备资源教程网

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

效果图修改前修改后教程开始进入/wp-content/themes/zibll/inc/functions/zib-header.php(子比主题的导航文件)找到下面的框起来的代码部分(因为我这是自己修改过源码的文件 所以不要看代码行数)...
子比主题美化-移动端首页显示三个类型-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化-移动端首页显示三个类型

效果图教程开始进入子比主题后台-自定义代码-自定义css,将下面代码添加进去 
子比主题美化 - 顶部多功能组件下面添加一个仿MAC底部任务栏组件-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 顶部多功能组件下面添加一个仿MAC底部任务栏组件

效果图教程开始进入WordPress后台-zibll主题设置-页面&显示-顶部多功能组件-选择背景后-叠加文案-幻灯片简介填写下面的html进去,选中底部居中,其中的“图片自行本地化”替换为自己的图标...
子比美化-文章底部版权声明样式【文章版权】-墨星博客 - 提升技术能力的必备资源教程网
子比主题 – 鼠标悬停边框美化-墨星博客 - 提升技术能力的必备资源教程网

子比主题 – 鼠标悬停边框美化

逛博客的时候发现一个美化很不错,装上去之后很简洁,我觉得这个是子比主题美化的一款必不可少的,鼠标悬停文章列表边框美化效果图教程开始将下面代码放进自定义css代码中即可
Denver的头像-墨星博客 - 提升技术能力的必备资源教程网大SVIP会员Denver2年前
2290