子比美化 第2页
子比主题美化相关教程
分类
排序
2025-12-13
1088积分
基于墨星博客文章顶部信息4.0美化（原版默认蓝色）升级为随机彩色-识趣者资源

基于墨星博客文章顶部信息4.0美化（原版默认蓝色）升级为随机彩色

第一版教程代码 [hidecontent type="payshow"] 整体替换moxing_top_info_v4.0/moxing_top_info.php <?php /** * Plugin Name:墨星博客文章页顶部信息插件v4.0 * Plugin URI: https://moxingbk.com * Description: 一个适用于子比主题的文章页顶部信息插件，启用后在侧边栏即可看到菜单项，进入设置即可 * Version: 4.0 * Author: 墨星博客 * Author URI:https://moxingbk.com*/ add_action('csf_loaded','moxing_top_info_new'); function moxing_top_info_new() { if (class_exists('CSF')) { $prefix ='moxing_top_info'; CSF::createOptions($prefix,...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-08
评论可见
子比美化-思幻音乐播放器代码版-识趣者资源

子比美化-思幻音乐播放器代码版

演示图 教程 放到后台-自定义代码-自定义HTML底部 [hidecontent type="reply"] <!-- 引入思幻音乐播放器插件开始 --> <script src="https://47zhe.cn/js/newindex.js"></script> <style> #shmusiczr { /* 距离网页右侧的距离，请根据需要自行更改 */ right: 15px; /* 距离网页底部的距离，请根据需要自行更改 */ bottom: 70px; } /* 在小屏幕设备（如手机）上隐藏播放器 */ @media (max-width: 768px) { #shmusiczr { display: none...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2025-12-02
评论可见
子比主题功能 - 后台以该用户登陆-识趣者资源

子比主题功能 – 后台以该用户登陆

功能简介 这是一款为WordPress网站管理员精心打造的用户模拟登录工具，让您能以普通用户身份安全地浏览网站，从用户视角审视和优化您的网站体验。通过直观的浮动面板，您可以实时查看当前模拟的用户信息，一键恢复管理员身份，灵活切换面板展开/收起状态，所有偏好设置都会被智能记忆。采用现代化UI设计，支持浅色/深色模式自适应，确保在任何环境下都能提供出色的视觉体验，是网站管理员进行用户体验测试和功能调试的得力助手。 功能特色 1.身份切换 ：管理员可以安全地模拟任何用户身份登录网站，便于测试用户权限和功能体验 2.实时状态显示 ：登录后显示浮动面板，清晰展示当前模拟的用户名、用户ID等信息 3.界面交互优化 ：面板支持展开/收起切换，提供简洁的UI设计 4.用户偏好记忆 ：使用localStorage保存面板展开/收起状态，刷新页面后保持用户习惯 5.自适应设计 ：支持浅色和深色模式，与网站主题风格保持一致 6.智能交互 ：新打开页面时面板默认8秒后自动收起（首次访问或无保存状态时） 7.快速恢复 ：提供一键恢复管理员身份的按钮，操作便捷 8.安全机制 ：通过nonce验证和会话管理确保操作安全性 功能演示 [hidecontent type="reply"] 进入目录文件wp-content\themes\zibll\functions.php /** * 在用户列表操作 47zhe.cn 识趣网 请保留我 */ function add_impersonate_link_to_users($actions, $user) { if...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-28
评论可见
子比主题功能 – 随机评论弹窗-识趣者资源

子比主题功能 – 随机评论弹窗

前天发布了一个网易云热评弹窗小卡片，昨天就有小伙伴建议，能不能做成网站里的随机评论消息，于是今天就简单改了一下，参考了一下洪哥那边的设计，那么话不多说，先来看看效果吧！ 将下方代码放置在主题目录下的 function.php 或者新建一个 func.php 文件 [hidecontent type="reply"] // 注册自定义 REST API 接口 function register_hot_comments_endpoint() { register_rest_route('myapi/v1', '/hot-comments', array( 'methods' => 'GET', 'callback' => 'get_hot_comments', )); } add_action('rest_api_init', 'register_hot_comments_endpoint'); function get_hot_comments() { $args = array(...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-03-20
评论可见
子比主题-给LOGO点颜色瞧瞧-识趣者资源
子比美化

美化子比主题-给LOGO点颜色瞧瞧

转载自阿呆日记-给你的logo来点颜色瞧瞧,个人感觉还不错。 请看展示图 [hidecontent type="reply"] 放置子比主题后台自定义CSS代码 .navbar-logo { background-image: linear-gradient(to right, red, blue); /* 修改渐变起始颜色和结束颜色 */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: hue 4s infinite; } @keyframes hue { from { filter: hue-rotate(0deg); } to { filter:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 7天前
#子比美化
 2026-03-12
免费
子比主题 – 子比付费阅读增强插件-识趣者资源
子比插件

插件子比主题 – 子比付费阅读增强插件

这是一款子比主题付费阅读增强插件，这款插件还是比较不错的，让用户先试看文章内容，接下...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 15天前
#子比美化
 2026-01-27
500积分
子比主题美化 - 脚页高级修改-识趣者资源

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

美化简介 今天我在翻网站的时候，发现了一个很好看的尾页，就给扒了下来并且修复了一下，可能会与某些东西会有些冲突，下面是效果图 美化效果 代码教程 [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子比主题 *...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-27
评论可见
子比美化-用户昵称抖音故障风-识趣者资源

子比美化-用户昵称抖音故障风

逛博客的时候看见这个昵称抖音故障风显示，挺好看的，就分享一下出来 代码部署 将下面代码加入后台自定义css中即可 [hidecontent type="reply"] .display-name{ text-shadow: -2px 0 rgba(0, 255, 255, .5), 2px 0 rgba(255, 0, 0, .5); animation: shake-it .5s reverse infinite cubic-bezier(0.68, -0.55, 0.27, 1.55); } @keyframes shake-it{ 0%{ text-shadow: 0 0...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2025-12-23
评论可见
子比主题 – 违禁词检测插件-识趣者资源

子比主题 – 违禁词检测插件

这是一款子比主题违禁词插件，其他主题自测，这款插件的功能就是后台设置违禁词，然后前台...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-28
评论可见
子比主题-顶部添加彩色进度条-识趣者资源

子比主题-顶部添加彩色进度条

CSS代码 [hidecontent type="reply"] /*进度条加载显示*/ #percentageCounter{position:fixed; left:0; top:0; height:3px; z-index:99999; background-image: linear-gradient(to right, #339933,#FF6666);border-radius:5px;} [/hidecontent] javascript代码 [hidecontent type="reply"] //进度条加载显示 $(window).scroll(function() { var a = $(window).scrollTop(), c = $(document).height(), b = $(window).height(); scrollPercent = a / (c...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-02
评论可见
子比主题功能 – Docker栏功能-识趣者资源

子比主题功能 – Docker栏功能

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

子比主题-悬浮导航样式

子比主题右侧悬浮导航按钮新版，样式简约鼠标放置响应位置会有文字提示，支持全屏显示当前页面二维码，夜间模式切换，开通会员等功能 代码部署 [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>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 52天前
#子比美化
 2026-02-15
500积分
星空授权插件-开源版-识趣者资源
子比插件

插件星空授权插件-开源版

授权插件简介 星空授权插件（xk-auth）是一款专为 WordPress 插...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 40天前
#子比美化
 2025-12-13
评论可见
子比主题美化-最新发布与逐字滚动公告模块-识趣者资源

子比主题美化-最新发布与逐字滚动公告模块

演示图 教程 [hidecontent type="reply"] 外观-小工具-自定义HTML <div class="wapnone"> <div id="zuixinfabu" class="index-new"><img draggable="false" oncontextmenu="return false;" src="https://www.macgf.com/img/index-new.svg" alt="最新发布"><div class="file-format" data-v-2775696c=""><span id="index-xtips" class="txt-file-format" data-v-2775696c="">公告：按照用户要求，本站已取消频繁的通知提示</span><span class="typed-cursor typed-cursor--blink" aria-hidden="true"></span> <span class="file-format-icons" data-v-2775696c=""><i class="icon_ps" data-v-2775696c=""></i> <i class="icon_ai" data-v-2775696c=""></i> <i class="icon_sketch" data-v-2775696c=""></i> <i...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-03-02
300积分
子比主题美化 –墨星同款优惠券样式推广代码-识趣者资源
子比工具

功能子比主题美化 –墨星同款优惠券样式推广代码

前言 大家好，今天转网站发现了一个很好看的样式，就把它给扒出来了，原作者是墨星博客，在此非常感谢。并且做成了一排两个的摆放样式。并且自适应移动端，显示一行一个。这个可以很好起到宣传作用！ 效果图 教程开始 将下面代码放入wordpress后台-外观-小工具–自定义HTML代码，选择一个自己喜欢的位置，推荐顶部全宽度或者底部全宽度。 代码部分 [hidecontent type="payshow"] <style> .mxchild-card{display:flex;align-items:stretch;min-height:80px;background:rgb(41,151,247);border-radius:8px;-webkit-mask-image:radial-gradient(circle at 88px 4px,transparent 4px,red 4.5px),radial-gradient(closest-side circle at 50%,red 99%,transparent 100%);-webkit-mask-size:100%,2px 4px;-webkit-mask-repeat:repeat,repeat-y;-webkit-mask-position:0 -4px,87px;-webkit-mask-composite:source-out;mask-composite:subtract;position:relative;padding-right:100px;overflow:hidden}.card-left{width:88px;text-align:center;color:#fff;font-weight:bold;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-left .price{display:flex;align-items:baseline;line-height:1}.card-left .currency{font-size:16px}.card-left .amount{font-size:32px;margin-left:2px}.card-right{padding:12px;display:flex;flex:1;flex-direction:column;justify-content:center}.card-info{margin:0;font-size:14px;line-height:1.4;color:#fff}.card-subtitle{margin:0;font-size:12px;color:rgba(255,255,255,0.9);margin-top:2px;line-height:1.3}.coupons-container{display:flex;flex-wrap:wrap;gap:8px;width:100%}.coupons-container .mxchild-card{flex:1;min-width:300px}@media (max-width:768px){.coupons-container{flex-direction:column;gap:8px}.coupons-container .mxchild-card{min-width:100%}}.mxchild-card .buy-button{content:"立即购买";position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#fff;color:rgb(41,151,247);padding:6px 12px;border-radius:5px;font-size:14px;font-weight:bold;white-space:nowrap;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;border:none;transition:all 0.3s ease}.mxchild-card .buy-button:hover{background:rgba(255,255,255,0.9);transform:translateY(-50%) scale(1.05)} </style>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 25天前
#子比美化
1234…23跳转