子比美化 第10页
子比主题美化相关教程
分类
排序
2026-01-28
子比主题美化 – 网站顶部加载进度条-识趣者资源

子比主题美化 – 网站顶部加载进度条

学习如何在子比主题中快速添加并美化网站顶部加载进度条，提升用户体验与网站视觉效果。详细步骤教你从零开始部署，让网站加载更直观。 代码部署 网站后台->Zibll主题设置->自定义代码->自定义头部HTML代码 [hidecontent type="reply"] 建议自行本地化，以免失效。 <script data-pjax src="//npm.elemecdn.com/pace-js@1.2.4/pace.min.js"></script> 样式1样式2 /* 顶部小进度条start */ .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 2000; position: fixed; margin: auto; top: 10px; left: 0;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-23
子比主题 – 禁止使用余额购买会员（两款）-识趣者资源

子比主题 – 禁止使用余额购买会员（两款）

这是一款给自己的子比主题网站加一个限制，就是禁止用户使用余额购买会员，这里给大家分享两款，还是比较不错的，为了防止用户不用自己的米去买会员！ 一共两款，第一款是：仅禁止“购买会员”使用余额，第二款是：只允许文章内购买使用余额 [hidecontent type="reply"] 喜欢用哪一款就放到：/wp-content/themes/zibll/func.php文件里面，没有文件自己创建，记得加上php头 第一款第二款 // 子比主题：禁止使用余额购买会员 add_filter('zibpay_is_allow_balance_pay', function($allow, $pay_type){ // pay_type: 4=购买会员 if($pay_type == 4){ return false; // 禁止 } return $allow; // 其他情况保持默认 }, 10, 2); // 子比主题：余额仅允许用于文章内消费 add_filter('zibpay_is_allow_balance_pay', function($allow, $pay_type){ //...
识趣资源的头像-识趣者资源至尊会员识趣资源· 11天前
#子比美化
 2026-01-27
子比主题-置顶角标美化-识趣者资源

子比主题-置顶角标美化

使用教程 将下列代码加入后台CSS中即可 [hidecontent type="reply"] .posts-item badge.img-badge.left.jb-red { position: absolute; top: 10px; right: -50px; z-index: 1; width: 140px; height: 20px; background: var(--theme-color); color: #fff; line-height: 20px; transform: rotate(45deg); text-align: center; font-size: 12px; left: auto; border-radius: 0...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
 2026-01-25
子比主题美化 – 右侧悬浮导航美化（二改简化）-识趣者资源

子比主题美化 – 右侧悬浮导航美化（二改简化）

我加入了悬浮素材的 AI 源文件，自己修改成自己的即可。我打包放在一个包里面。 部署教程可自建文件存放，CSS和JS代码可使用外链方式到HTML代码内。子比主题亦可选择添加到如下位置： zibll主题设置 >> 全局功能 >> 自定义代码 >> 自定义全宽底部HTML代码 zibll主题设置 >> 全局功能 >> 自定义代码 >> 自定义CSS代码 zibll主题设置 >> 全局功能 >> 自定义代码 >> 自定义Javascript代码
识趣资源的头像-识趣者资源至尊会员识趣资源· 10天前
#子比美化
 2026-01-16
子比主题拓展插件-用户中心拓展-识趣者资源

子比主题拓展插件-用户中心拓展

子比主题的大佬李初一在自己网站发布了关于子比主题的用户中心功能拓展的插件，省去了我们...
识趣资源的头像-识趣者资源至尊会员识趣资源· 19天前
#子比美化
 2025-12-13
子比主题 – 顶部多功能组件上方时间显示-识趣者资源

子比主题 – 顶部多功能组件上方时间显示

教程 [hidecontent type="reply"] 把下面的的代码放到 <div class="header-slider-search-more text-center before"> <div id="timeDisplay" class="time-display">19:07:48</div> <!-- 日期显示区域 --> <p id="dateDisplay" class="date-display">Tuesday, November 25, 2025</p> <script> // 更新时间和日期的函数 function updateTimeAndDate() { const now = new Date(); // 格式化24小时制时间 (HH:MM:SS) const...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-22
子比主题 – 导航矩阵小工具组件-识趣者资源

子比主题 – 导航矩阵小工具组件

这是一款子比主题导航矩阵小工具组件，这款组件类似优设站，改了点东西，喜欢的自行部署吧，还是比较不错的，小工具配置齐全！ 小工具配置 代码部署 [hidecontent type="reply"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_navigation.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_navigation.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_navigation.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 子比主题导航矩阵小工具组件附件下载提取码4ZTW [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-28
子比主题-文章列表小工具-识趣者资源

子比主题-文章列表小工具

[hidecontent type="reply"] /** * Tab幻灯片小工具-大海 */ Zib_CFSwidget::create('zib_widget_tab_slider', array( 'title' => 'Tab幻灯片', 'zib_affix' => true, 'zib_show' => true, 'description' => '左侧幻灯片+右侧Tab条，hover切换', 'fields' => array( array( 'id' => 'source_type', 'title' => '数据来源', 'default' => 'custom', 'options' =>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-02-03
子比美化教程 – 自定义右键菜单-识趣者资源

子比美化教程 – 自定义右键菜单

在WordPress网站的细节优化中，自定义右键菜单是一个能显著提升用户体验和网站个性的亮点。厌倦了浏览器默认的单调右键菜单？主题铺为您带来一款灵感源自他人博客的右键菜单美化方案，它采用了独特的透明模糊背景设计，并融入了智能识别图片并提供复制图片链接的功能，让您的网站在细节之处也充满惊喜。 食用教程 将下列代码粘贴到“zibll主题设置－>全局&功能－>自定义代码－>自定义底部HTML代码”中，我都整合好了，不需要分开，内容你们自己改： [hidecontent type="reply"] <!--【识趣资源网】自定义右键菜单 --> <style type="text/css"> a { text-decoration: none; color: inherit; } div.usercm { background: rgba(255, 255, 255, 0.7); /* 半透明白色背景 */ backdrop-filter: blur(15px) saturate(180%); /* 模糊和饱和度滤镜 */ -webkit-backdrop-filter: blur(15px) saturate(180%);...
识趣资源的头像-识趣者资源至尊会员识趣资源· 昨天
#子比美化
 2025-12-13
子比主题-右上角开通会员紫蓝渐变色-识趣者资源

子比主题-右上角开通会员紫蓝渐变色

教程 [hidecontent type="reply"] 放到后台css即可 .payvip-icon { color: #ffffff; --this-color: #ffffff; border-radius: 10px; background-image: linear-gradient(150deg,#6a11cb 30%,#2575fc 100%); } [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-02-01
子比美化-登录注册弹窗页面添加logo小萝莉-识趣者资源

子比美化-登录注册弹窗页面添加logo小萝莉

实现美化 给登录注册弹窗页面顶部添加一个漂亮的小萝莉位于logo上方logo上方 效果图 代码部署 [hidecontent type="reply"] 在子比后台自定义css里加入 /*登录小狐狸*/ .sign-img+.sign::before {content:'';position:absolute;top:-144px;left:80px;width:191px;height:187px;background:url(https://oss.14wl.cn/wp-content/uploads/2026/02/20260201234301867-20240824182029399-202408121354352571.webp) no-repeat center / 100%;} [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2天前
#子比美化
 2025-12-13
子比主题 – 文章标题样式美化（共十一款）-识趣者资源

子比主题 – 文章标题样式美化（共十一款）

在此之前博客的用户反馈让做一个文章标题美化的总结，今天他来了，我会做一些好看的然后你们自己选，喜欢哪个自己部署哪个，后面我会持续更新这篇文章，话不多说喜欢的自行部署吧！ 喜欢哪个样式自己将该哪一款丢到：子比主题–>>自定义CSS样式即可，先写这十一款，多的话文章容易卡，其实预估能写到30款左右，因为我写的样式比较多，后面抽几个好看的添加上去吧！ [hidecontent type="vip1"] 第一款第二款第三款第四款第五款第六款第七款第八款第九款第十款第十一款 第一款是很早的猫爪，这款是H1-H4都是一样的，不过这个扩展性很高，比如遇到自己喜欢的，自己可以替换里面的图片就可以！ /* 腾飞博客第一款标题样式美化 */ .title-theme { padding: 0px 0px 0px 45px!important; background: url(https://www.tfbkw.com/wp-content/uploads/2025/03/20250306195527974-biaoti.svg) 10px center no-repeat; background-size: 30px 20px; color: #566889; } .title-theme:before { display:none; } .wp-posts-content>h1.wp-block-heading{ padding: 0px 0px...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-27
子比主题美化 - 脚页高级修改-识趣者资源

子比主题美化 – 脚页高级修改

美化简介 今天我在翻网站的时候，发现了一个很好看的尾页，就给扒了下来并且修复了一下，可能会与某些东西会有些冲突，下面是效果图 美化效果 代码教程 [hidecontent type="payshow"] 打开本主题根目录进入footer.php把下面的复制进去 <?php /* * @Author : Qinver * @Url : zibll.com * @Date : 2020-09-29 13:18:36 * @LastEditTime: 2023-09-16 13:53:11 * @Email : 770349780@qq.com * @Project : Zibll子比主题 *...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
 2026-01-19
子比主题美化 – 子比主题拟态CSS-识趣者资源

子比主题美化 – 子比主题拟态CSS

展示 详情可查看此文章页面，本站不一定使用，仅作于记录。 CSS [hidecontent type="payshow"] .posts-item:not(.card) ,.author-header .avatar-img ,.full-widget-sm ,.header .sub-menu ,.modal-content ,.form-control ,.no_webshot.main-bg.theme-box.box-body.radius8.main-shadow ,.article ,.dropdown-menu ,.btn-score ,.float-right.round .float-btn ,.forum-posts.alone ,.zib-widget ,.posts-mini-lists ,.posts-item.card.style3 { background: linear-gradient(180deg, #ecf2ff, var(--main-bg-color)); border: 2px solid var(--main-bg-color); box-shadow: 6px 6px...
识趣资源的头像-识趣者资源至尊会员识趣资源· 16天前
#子比美化
 2025-12-13
子比主题 – 右侧自定义悬浮按钮美化-识趣者资源

子比主题 – 右侧自定义悬浮按钮美化

这个自定义悬浮按钮样式是狐狸忘记从哪位B2站长那里扒来的，说不上原创，但是它是由狐狸库适配用在子比主题上。扒来也很久了，一直没有去适配用到子比主题上，话不多说直接开始！ 功能说明 适配“会员”按钮，点击后自动跳转开通子比主题会员弹窗。 增加“昼夜”切换模式，点击后切换“日间”或“夜间”模式。 适配“签到”按钮，点击后自动签到。 替换抽奖按钮及图标，可自定义图标&链接。 重构“返回顶部”的监听滚动及点击事件Javascript代码。 代码部署 [hidecontent type="reply"] 代码一共三个和一个附件，怎么使用呢？很简单HTML放到：WP后台–>>外观–>>小工具–>>自定义HTML将小工具放到：所有页面-侧边栏-顶部位置或者所有页面，自己放一下小工具里面 CSS代码放到：子比主题–>>自定义CSS样式即可！ Javascript代码放到：子比主题–>>自定义javascript代码即可，JS代码用处就是返回顶部的用处！ HTMLCCSJS <!-- * @Description : 自定义悬浮按钮 * @Url : https://www.huliku.com/ * @Email : ihuliku@qq.com * @Date : 2024-01-18 13:14:52 --> <div class="huliku-float">...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
1…89101112…15跳转