子比美化共224篇
子比主题美化相关教程
分类
排序
2026-02-03
子比主题 – 简约右侧悬浮按钮美化-识趣者资源

子比主题 – 简约右侧悬浮按钮美化

这是一款侧边的悬浮按钮美化，首先就是这款很简约，不太喜欢花里胡哨的，在之前也换过花里胡哨的侧边，但是不好看，喜欢的自行部署吧！ 功能说明 会员按钮带波纹效果，鼠标hover有弹窗，自己修改一下 签到功能，可以去看腾飞之前的文章没有登录调用子比弹窗 私信功能，也可以去看腾飞之前的没有登录调用子比弹窗 二维码，鼠标hover有弹窗，很简约 展开全屏和收回全屏功能，图标动态变化 返回顶部按钮，鼠标滑到屏幕下即可出现返回按钮 代码部署 [hidecontent type="payshow"] 定位：WP后台–>>外观–>>小工具–>>自定义HTML，如果你想要显示在首页，就随便放到只要是首页的就行，如果是全部显示，就放到所有页面–xxxx，都可以，将下面的代码放到里面！ <div class="comfortable-nav"> <div class="nav-item vip-item-right"> <div class="vip-pulse"></div> <div class="vip-pulse"></div> <div class="vip-pulse"></div> <i class="fa fa-diamond nav-icon"></i> <div class="vip-panel"> <h4><i class="fa fa-diamond"></i> 开通会员享特权</h4> <div class="vip-benefits">...
识趣资源的头像-识趣者资源至尊会员识趣资源· 19小时前
#子比美化
 2026-02-03
子比主题 – 左下角欢迎光临提示美化-识趣者资源

子比主题 – 左下角欢迎光临提示美化

这是一款子比主题左下角欢迎光临提示美化，在左下角可关闭，并且手机端是不显示的，这款提示有一个小铃铛带有动态的效果，喜欢的自行部署吧！ [hidecontent type="reply"] 定位：子比主题–>>自定义底部HTML代码，将下面的代码丢里面即可！ <div class="capsule-container"><div class="capsule-bar"><div class="capsule-content"><div class="capsule-icon"><svg t="1760148892394" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6215" width="32" height="32"><path d="M505.152 72.064c65.28 0 120.576 46.08 132.032 106.304 103.808 48.256 169.856 148.48 169.856 260.096v113.088l84.096 116.352c20.352 28.16...
识趣资源的头像-识趣者资源至尊会员识趣资源· 19小时前
#子比美化
 2026-02-03
子比主题 – 订单查询插件（快速查询网站订单的利器）-识趣者资源

子比主题 – 订单查询插件（快速查询网站订单的利器）

子比订单查询插件是为WordPress子比主题设计的一款功能强大的插件，旨在为网站管...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22小时前
#子比美化
 2026-02-03
子比美化教程 – 二次元风格弹窗带时间和日期-识趣者资源

子比美化教程 – 二次元风格弹窗带时间和日期

食用教程 将下列代码粘贴到”zibll主题设置－>全局&功能－>自定义代码－>自定义头部HTML“中： [hidecontent type="payshow"] <!--【星语的小木屋】二次元风格弹窗带时间和日期 --> <style> #welcome-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; /*background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(6px);*/ display: flex; justify-content: center; align-items: center; z-index: 9999; opacity: 1;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22小时前
#子比美化
 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%);...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22小时前
#子比美化
 2026-02-03
子比主题 – 文章左侧新增复制内容按钮-识趣者资源

子比主题 – 文章左侧新增复制内容按钮

有些技术文章用户看不懂，可以点击复制给ai进行问询处理。 项目截图 项目特点 在文章页面的 .post-metas 左侧插入一个复制按钮（使用 Font Awesome 的 fa-copy 图标） 点击按钮会获取 .wp-posts-content 中的纯文本内容并复制到剪贴板 使用子比主题的 notyf() 函数显示提示信息（成功/失败） 按钮带有 tooltip 提示”复制全文” 获取代码 [hidecontent type="reply"] 在functions.php里面添加代码 // 文章页复制全文按钮 - 大海 function zib_copy_content_button() { if (!is_single()) return; ?>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22小时前
#子比美化
 2026-02-03
子比主题-文章右上角显示当页二维码「手机浏览」-识趣者资源

子比主题-文章右上角显示当页二维码「手机浏览」

在子比主题文章页的右上角显示一个二维码图标，鼠标悬停时展开显示当前文章链接的二维码，方便用户用手机扫码访问。 实现细节： 仅在文章详情页（is_single()）生效 图标定位在 article.article 容器的右上角（position:absolute;top:0;right:0） hover时弹出面板从右上角展开，覆盖图标位置（top:-1px;right:-1px） 使用子比主题自带的 jQuery qrcode 插件生成二维码 面板样式：白色背景、描边、无阴影 在线演示 [hidecontent type="reply"] /** * 文章页右上角二维码 - hover显示 - 大海 * 在 article 右上角显示二维码图标 */ function dahai_article_qrcode() { if (!is_single()) return; ?> <style>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22小时前
#子比美化
 2026-02-03
子比主题-账户注销插件-识趣者资源

子比主题-账户注销插件

子比账户注销插件 这是一个为子比主题(Zibll)开发的用户账户注销插件，让用户可以自主注销账户。 插件演示 功能特点 在用户中心”我的服务”模块添加”账号注销”入口 三步注销流程：声明阅读 → 资产确认 → 最终确认 显示用户资产统计：文章、收藏、评论、粉丝、余额、积分、购物车、订单 订单状态检查：待支付、待发货、待收货、待评价、售后中的订单会阻止注销 安全验证：需输入确认文字 + 登录密码 注销处理：文章转移给站长、评论删除、用户数据清理 后台可配置：注销声明、确认文字、文章转移用户、注销日志 技术实现 使用子比主题的 zib_get_refresh_modal_link 生成弹窗按钮 使用 zib_get_modal_colorful_header 生成彩色头部 通过 zib_user_center_page_sidebar_button_1_args 过滤器添加入口 使用 CSF 框架实现后台配置（通过 zib_require_end 钩子加载） 使用子比主题的 notyf() 显示提示消息...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22小时前
#子比美化
 2026-02-03
子比主题-悬浮导航插件版-识趣者资源

子比主题-悬浮导航插件版

之前有发布代码部署版本，如果你不会用代码部署版本,请查看此篇文章，该版本为插件部署版...
识趣资源的头像-识趣者资源至尊会员识趣资源· 23小时前
#子比美化
 2026-02-03
子比主题-悬浮导航样式-识趣者资源

子比主题-悬浮导航样式

子比主题右侧悬浮导航按钮新版，样式简约鼠标放置响应位置会有文字提示，支持全屏显示当前页面二维码，夜间模式切换，开通会员等功能 代码部署 [hidecontent type="payshow"] 复制代码到子比主题-自定义代码-自定义头部HTML代码-粘贴 <!-- 右侧悬浮导航主容器 --> <div class="float-right round position-center filter scroll-down-hide"> <div class="float-right vela-float round position-center scrolling-hide"> <!-- 开通会员按钮 --> <div class="vela-vip-btn mb10 pay-vip" vip-level="2" data-toggle="tooltip" data-placement="left" href="javascript:;"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-vip_1"></use></svg>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 23小时前
#子比美化
 2026-02-02
子比主题功能 – Docker栏功能-识趣者资源

子比主题功能 – Docker栏功能

功能简介 这个是我在用苹果的时候想到的，在这个功能里面，管理员可以设置默认的icon链接，也可以放些图片等等的，同时用户也可以拖一些常用的链接可以进行保存，这个代码是我从我插件代码里面直接拆出来的，如果进行二开或者转载的话，请标明原作者 如果有问题自己改改，之前的资源我发出来了 核心功能 底部Docker容器 – 在网页底部固定显示类似macOS Dock的快捷链接栏 拖拽添加链接 – 用户可以将网页链接拖拽到Docker区域自动添加 智能favicon获取 – 自动获取网站图标并缓存 用户自定义链接 – 登录用户可以添加、管理自己的快捷链接 默认链接配置 – 管理员可预设默认链接（所有用户可见） 特殊特色 1. 精致的UI设计 苹果风格磨砂玻璃效果（毛玻璃背景） 流畅的交互动画（悬停缩放、淡入淡出） 智能标题显示（鼠标悬停时显示网站标题） 暗黑模式适配 2. 智能favicon系统 多层级favicon发现机制 本地缓存优化（减少重复请求） 标准位置优先检测 HTML head部分解析优化 3. 性能优化 数据库索引优化 –...
识趣资源的头像-识趣者资源至尊会员识趣资源· 前天
#子比美化
 2026-02-02
子比主题-滚动式公告美化框-识趣者资源

子比主题-滚动式公告美化框

关键修正： 内容：原来的5条（+5条副本=共10条） 容器高度：90px（只显示前2条，其他隐藏在下方） 每条高度：45px（2条×45px=90px） 动画：20秒滚动前5条，然后副本接上实现无缝循环 现在视觉上只看到2条，但滚动时会陆续展示第3、4、5条，然后回到第1条。这个是横着自己可以设置宽度， 带日期版本的 [hidecontent type="reply"] <div class="mini-scroll-widget"> <style> .mini-scroll-widget { background: #fff; border: 1px solid #ddd; border-radius: 16px; padding: 20px; font-family: "Microsoft YaHei", Arial, sans-serif; margin-bottom: 20px; } .mini-scroll-widget .scroll-title {...
识趣资源的头像-识趣者资源至尊会员识趣资源· 前天
#子比美化
 2026-02-02
子比主题-杂志轮博文章显示-识趣者资源

子比主题-杂志轮博文章显示

亮点 ✅ 纯代码实现：无需安装任何插件，不增加数据库负担✅ 自动更新：每次发布新文章，轮播自动显示最新内容✅ SEO 友好：标准 HTML 结构，图片带 alt 属性，链接可点击✅ 适配 Zibll：自动继承主题配色（--theme-color），支持深色模式✅ 性能优化：CDN 加载 Owl Carousel，图片懒加载，不影响页面速度 安装步骤（只需 2 步） 第 1 步：创建 MU 插件文件 通过 FTP 或 宝塔面板/主机文件管理器 进入网站目录 找到 /wp-content/ 文件夹 创建新文件夹：mu-plugins（如果没有这个文件夹，必须手动创建） 在 mu-plugins 文件夹内 新建文件：zibll-carousel.php 将以下完整代码复制进去并保存： [hidecontent type="reply"] <?php /** * Plugin Name: Zibll 文章轮播组件（无标题纯净版） * 保存位置：/wp-content/mu-plugins/zibll-carousel-notitle.php...
识趣资源的头像-识趣者资源至尊会员识趣资源· 前天
#子比美化
 2026-02-01
子比主题 – 评论区用户设备与浏览器版本信息-识趣者资源

子比主题 – 评论区用户设备与浏览器版本信息

这是一款评论区用户设备和浏览器版本信息标识，很实用的一款功能，可以方便看到其他人的用的是什么浏览器以及设备来进行评论的，喜欢的自行部署吧！ [hidecontent type="reply"] 一共要改四个地方，跟着我的步骤一步步走不会有问题！ zib-comments-list.phpfunc.phpJS代码CSS代码 定位：/wp-content/themes/zibll/inc/functions/zib-comments-list.php文件，接下来我们搜代码 function zib_get_comment_footer($comment, $depth = 0) 然后将这块整个函数代码替换我下面的代码，是这一块整个替换，代码如下 function zib_get_comment_footer($comment, $depth = 0) { if (!$comment) { return; } $is_mobile = wp_is_mobile(); $badg_approve = ''; if ('0' == $comment->comment_approved) { $badg_approve...
识趣资源的头像-识趣者资源至尊会员识趣资源· 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天前
#子比美化
123…15跳转