子比美化 第12页
排序
2025-12-13
子比主题 – 评论区背景美化样式（三款样式）-识趣者资源

子比主题 – 评论区背景美化样式（三款样式）

蓝色 红色 混色 [hidecontent type="reply"] 喜欢哪个颜色自己将css放到：子比主题–>>自定义CSS样式即可！ 蓝色红色混色 /*评论美化 - 蓝色款*/ body{ --acg-color:#f8fdff; } .dark-theme{ --acg-color:#323335; } .comment .list-inline>.comt-main { border-color: #71baff80; background-color: var(--acg-color); background-image: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01LFyvtv1QbIhfnZWvp_!!2210123621994.png); } .comment .list-inline>li { vertical-align: top; border-radius: 5px; margin: 0...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-02-03
子比主题 – 订单查询插件（快速查询网站订单的利器）-识趣者资源

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

子比订单查询插件是为WordPress子比主题设计的一款功能强大的插件，旨在为网站管...
识趣资源的头像-识趣者资源至尊会员识趣资源· 昨天
#子比美化
 2026-01-27
子比主题美化-深蓝高级配色-识趣者资源

子比主题美化-深蓝高级配色

效果图 教程开始 将下面代码放入自定义css代码中即可 [hidecontent type="reply"] .dark-theme{ --blur-bg: linear-gradient(90deg,#2c3479,#6b35f5); --main-bg-color: #272c5a; --body-bg-color: #272c5a; } .dark-theme .posts-item { box-shadow: inset 0 2px 8px 0 #88f; border: 2px solid #88f; } .dark-theme .float-right.round .float-btn { background-color: rgba(255, 255,...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
 2026-01-28
子比主题-隐藏内容模块的会员级别提示修改教程-识趣者资源

子比主题-隐藏内容模块的会员级别提示修改教程

子比主题隐藏内容会员可见的模块，子比默认的是显示一级会员可见，实际上是一级和二级会员都可见，这个设定我们站长是搞懂了，但是对于网站用户来说，可能会有歧义，产生误解，以为当前内容仅一级会员，而设置二级会员可见时，是仅二级会员可见（要考虑用户的理解能力下限）。 因为站长发布内容的时候，为了照顾一、二级会员，大部分内容会设置为一级会员可见，但这样会导致一个“损失”，可能“误导”用户只需开通一级会员，而不是直接开通更高级的二级会员。 修改前 第一个模块，一级黄金会员可见，第二个模块，二级钻石会员可见，网站用户可能会误以为两个会员等级并无关联。 修改后 第一个模块，一级和二级会员可见，第二个模块，仅二级会员可见，这样对网站用户就能很明确的了解隐藏内容所属会员了，不会存在歧义和误解。 或者将原来的一、二级可见提示改为一级及以上等级会员可见 [hidecontent type="reply"] 找到 /zibll/inc/functions/zib-theme.php 文件，Ctrl+F搜索 $type_text = array( 会看到如下内容： 'vip1' => _pz('pay_user_vip_1_name') . '可见', 'vip2' => _pz('pay_user_vip_2_name') . '可见', 修改为： 'vip1' => _pz('pay_user_vip_1_name') . '及' . _pz('pay_user_vip_2_name') ....
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-28
子比主题-动态背景美化-识趣者资源

子比主题-动态背景美化

一成不变的白色背景是不是看腻了？那今天我们来更换一下网页背景吧，还是动态的哦~ 效果预览 使用步骤 JS代码 [hidecontent type="reply"] <div id="bubble"></div> <script>class BGBubble{constructor(i){this.defaultOpts={id:"",num:100,start_probability:.1,radius_min:1,radius_max:2,radius_add_min:.3,radius_add_max:.5,opacity_min:.3,opacity_max:.5,opacity_prev_min:.003,opacity_prev_max:.005,light_min:40,light_max:70,is_same_color:!1,background:"#f1f3f4"},"[object Object]"==Object.prototype.toString.call(i)?this.userOpts={...this.defaultOpts,...i}:this.userOpts={...this.defaultOpts,id:i},this.color=this.random(0,360),this.bubbleNum=[],this.requestAnimationFrame=window.requestAnimationFrame||window.mozRequestAnimationFrame ||window.webkitRequestAnimationFr ame||window.msRequestAnimationFrame,this.cancelAnimationFrame=window.cancelAnimationFrame||window.mozCancelAnimationFrame}random(i,t){return Math.random()*(t-i)+i}initBubble(i,t){const a=window.innerWidth,s=window.innerHeight,n=this.userOpts,e=this.random(n.light_min,n.light_max);this.bubble={x:this.random(0,a),y:this.random(0,s),radius:this.random(n.radius_min,n.radius_max),radiusChange:this.random(n.radius_add_min,n.radius_add_max),opacity:this.random(n.opacity_min,n.opacity_max),opacityChange:this.random(n.opacity_prev_min,n.opacity_prev_max),light:e,color:`hsl(${t?i:this.random(0,360)},100%,${e}%)`}}bubbling(i,t,a){!this.bubble&&this.initBubble(t,a);const s=this.bubble;i.fillStyle=s.color,i.globalAlpha=s.opacity,i.beginPath(),i.arc(s.x,s.y,s.radius,0,2*Math.PI,!0),i.closePath(),i.fill(),i.globalAlpha=1,s.opacity-=s.opacityChange,s.radius+=s.radiusChange,s.opacity<=0&&this.initBubble(t,a)}createCanvas(){this.canvas=document.createElement("canvas"),this.ctx=this.canvas.getContext("2d"),this.canvas.style.display="block",this.canvas.width=window.innerWidth,this.canvas.height=window.innerHeight,this.canvas.style.position="fixed",this.canvas.style.top="0",this.canvas.style.left="0",this.canvas.style.zIndex="-1",document.getElementById(this.userOpts.id).appendChild(this.canvas),window.onresize=(()=>{this.canvas.width=window.innerWidth,this.canvas.height=window.innerHeight})}start(){const i=window.innerWidth,t=window.innerHeight;this.color+=.1,this.ctx.fillStyle=this.defaultOpts.background,this.ctx.fillRect(0,0,i,t),this.bubbleNum.length<this.userOpts.num&&Math.random()<this.userOpts.start_probability&&this.bubbleNum.push(new BGBubble),this.bubbleNum.forEach(i=>i.bubbling(this.ctx,this.color,this.userOpts.is_same_color));const a=this.requestAnimationFrame;this.myReq=a(()=>this.start())}destory(){(0,this.cancelAnimationFrame)(this.myReq),window.onresize=null}}const bubbleDemo=new BGBubble("bubble");bubbleDemo.createCanvas(),bubbleDemo.start();</script> [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 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; ?>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 昨天
#子比美化
 2025-12-13
子比主题 – 文章详情页带Tab切换美化-识趣者资源

子比主题 – 文章详情页带Tab切换美化

今天给大家分享一款自用的子比主题文章详情页，很早之前就想发出来，因为没有适配，看很多人需要所以我抓紧适配了一下，话不多说直接开始，喜欢的自行部署！ 代码部署 [hidecontent type="reply"] 一共两个代码，一个是PHP代码，一个是CSS代码，PHP代码里面我已经引入了CSS文件，你可以引入文件也可以放到：子比主题–>>自定义CSS样式即可！ 记得关闭：子比主题–>>文章页面–>>作者信息板块，要不然不美观 PHP代码CSS代码 定位：/wp-content/themes/zibll/inc/functions/zib-single.php文件，我们找到下面的函数，如下图 然后我们将一整块替换我下面的代码，直接替换我修改过的代码 function zib_single() { zib_single_header(); do_action('zib_single_before'); wp_enqueue_style('tengfei-single-top-style', '/wp-content/themes/ZibTF/css/tengfei/single_top.css', array(), '1.0.0'); echo '<article class="article main-bg theme-box box-body radius8 main-shadow">'; echo ' <div class="tabs"> <div class="tab active" data-target="#postsposcontent"><svg class="icon"...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 右侧随机小姐姐新版样式-识趣者资源

子比主题 – 右侧随机小姐姐新版样式

我之前也分享过一些随机小姐姐的内容，并且自己制作了一个小工具。不过，我觉得这个样式还是蛮不错的。如果你喜欢，可以自己去部署一下。这个工具底部有下一个视频的按钮，此外按空格键也能切换到下一个视频，里面带随机小姐姐接口！ 代码部署 [hidecontent type="reply"] 将下面的代码放到：后台–>>外观–>>小工具–>>自定义HTML代码即可 <style> .video-container { width: 320px; height: 600px; border-radius: 20px; overflow: hidden; position: relative; background-color: #000; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.8); font-family: Arial, sans-serif; } .video-container video {...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-11
子比主题 – 文章重构图片类文章小工具-识趣者资源

子比主题 – 文章重构图片类文章小工具

这是一款子比主题文章重构图片类文章小工具，这款小工具可选很多版式，如：左一右二等，还是比较不错的，而且还带有鼠标悬停hover效果，喜欢的自行部署吧！ 代码部署 [hidecontent type="reply"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_posts_layou.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_posts_layou.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_posts_layou.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 子比主题文章重构图片类文章小工具下载提取码Sj8k [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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">...
识趣资源的头像-识趣者资源至尊会员识趣资源· 昨天
#子比美化
1…1011121314…23跳转