排序
子比主题DIY – 悬浮按钮添加全屏访问按钮功能
前言大家好,我是墨星博客。今天给大家带来一款悬浮按钮全屏访问按钮效果。教程如下效果图教程开始复制下面代码找到网站目录/wp-content/themes/zibll。在目录下新建func.php(如果有的话可以直...
子比主题DIY – 小工具添加百度一下搜索模块(简约版)
前言大家好,我是墨星博客站长,看网站觉得可以使用子比主题自带的class属性来写一个百度一下模块。于是尝试一下,免费分享给大家效果图教程开始复制下面代码,添加到WordPress后台-外观-小工具...
子比主题美化 – 墨星博客同款优惠券样式推广代码
前言大家好,我是墨星博客,前几天新年优惠,就写了个优惠券样式的小工具。并且做成了一排两个的摆放样式。并且自适应移动端,显示一行一个。效果图教程开始将下面代码放入WordPress后台-外观-...
子比主题美化 – 顶部多功能组件添加适配日夜模式波浪
前言大家好,我是墨星博客,有用户说想要顶部多功能组件背景底部添加白色波浪的教程。波浪已适配日夜模式。因为这个教程原创是狐狸库,所以就没发。今天给大家发一下效果图教程开始狐狸库发的是...
子比主题美化 – 为文章展开按钮添加一个主题配色边框
前言大家好,我是墨星博客,在闲逛的时候看其他主题网站有一个展开全文的功能。于是我自己当时仿了一个。先获取文章全文内容,然后在指定高度截取。当时写完了也没去发出来。今天偶然想到子比也...
子比主题美化 – 移动端PC端顶部导航栏左下方以及右下方添加圆角
前言大家好,我是墨星博客,在看其他网站的时候发现在导航栏的左下右下方添加一个合适的圆角效果也是比较好看的。于是我把子比主题也修改了一个同样的效果,并写成教程发出来效果图教程开始
子比主题美化 – 顶部多功能组件标题部分添加上下浮动动画效果
效果图教程开始第一步打开子比主题设置-页面&显示-顶部多功能组件-下拉找到叠加搜索组件中的额外内容。在这里我演示的为标题,那么就是在组件上方那个框中修改,只需要给标题的class里面添...
使用swiper框架仿bilibili页面顶部焦点轮播图(手动切换+自动切换)
效果图放入子比主题效果介绍此效果包含顶部banner轮播图 缩略图 虚化效果手动轮播:鼠标移入缩略图切换对应的banner图自动轮播:指定时间切换下一张选中状态缩略图悬浮+白色边框效果,未选中状...
子比主题美化 – 页面左下角添加欢迎光临提示框
效果图教程开始这个代码可以分开放入保存也可以在一起合并保存,自己选择一种添加即可分开添加将下面代码放入css代码将下面代码放入自定义JavaScript代码将下面代码放入自定义底部HTML其中svg标...
为你的子比主题添加一款cookie同意弹窗提示
效果展示教程开始HTML部分代码这部分主要为显示cookie主体弹窗部分css部分代码这部分为美化cookie弹窗样式以及定位弹窗位置JavaScript代码这部分js代码主要实现弹窗的显示,隐藏以及Cookie的设...
子比主题美化 – 为你的网站添加一个仿CSDN中转页效果
前言大家好,我是墨星博客,意外发现csdn的中转页挺不错的,就扒下来了适配了下子比,把教程分享一下效果图教程开始复制下面代码 进入到路径/wp-content/themes/zibll/go.php文件替换为下面修改...




















