zibll子比美化 第13页
子比主题美化教程
子比主题美化 - 顶部多功能组件背景纯黑鼠标跟随灯光字母展示效果-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 顶部多功能组件背景纯黑鼠标跟随灯光字母展示效果

前言大家好,我是墨星博客站长,浏览其他网站的时候发现一个比较新颖的效果,把他适配到了子比主题的顶部多功能组件中。效果图教程开始一共分三步,跟着教程来就行了第一步(PHP部分)第二步(CSS...
为你的子比主题添加一个文字加密解密页面[v2.0改进版]-墨星博客 - 提升技术能力的必备资源教程网

为你的子比主题添加一个文字加密解密页面[v2.0改进版]

上次发后采纳星雨博客站长的建议,添加了一键复制的功能,并且将弹窗样式进行修改,新增赞助站长功能效果图介绍本项目利用mdui进行开发。加密方式采用多种混合加密教程进入宝塔Linux面板-wp-con...
Denver的头像-墨星博客 - 提升技术能力的必备资源教程网大SVIP会员Denver11个月前
18015
子比主题美化-添加一个灵动岛样式-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化-添加一个灵动岛样式

教程开始将下面代码添加到自定义css中将下面代码添加到后台自定义头部html将下面代码添加到zibll文件夹中的function.php或func.php文件中
子比主题美化-首页tab切换栏中单个选中美化-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化-首页tab切换栏中单个选中美化

效果图教程开始复制下面代码-添加到子比主题设置中的自定义css代码中即可如何设置这种tab切换栏?进入子比主题设置-页面&显示-首页配置-更多栏目-添加输入标题和分类目录或专题即可    
子比主题美化 - 左下角添加动态小蛇-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 左下角添加动态小蛇

效果图教程开始进入wordpress后台-zibll子比主题设置-全局-自定义代码-自定义底部HTML代码 
子比主题美化 - 网站LOGO扫光美化-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 网站LOGO扫光美化

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

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

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

子比主题美化 – 任意页面添加VIP购买小工具(任意网站通用)

效果图教程开始复制下面代码到WordPress后台-外观-小工具-自定义HTML代码小工具中选择想要添加的位置(不推荐侧边栏)粘贴代码并保存即可图片路径和跳转地址可自行替换
子比主题美化 - 日夜切换全屏遮罩图标动画效果-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 日夜切换全屏遮罩图标动画效果

效果图教程开始将js代码添加到自定义JavaScript代码即可(或可直接引入js文件)将下面代码添加到自定义css代码(同样可以引入css文件)将下面代码添加到自定义html中
子比主题美化 - 实现新文章发布后文章缩略图右上角添加NEW-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 实现新文章发布后文章缩略图右上角添加NEW

前言大家好,我是墨星博客站长,今天给大家分享一个缩略图右上角添加NEW图标的教程。效果图教程开始将下面代码放入func.php中即可(没有文件需要新建一个,并添加<?php头)
子比主题美化 - 文章列表三点卡片背景及发布时间美化-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 文章列表三点卡片背景及发布时间美化

效果图教程开始三点及时间美化进入/wp-content/themes/zibll/inc/functions/zib-posts-list.php 文件,搜索下面函数名整段函数替换为下面代码将下面css代码添加到自定义css中即可列表背景美化将...