子比美化 第18页
标签
排序
2026-01-25
788积分
子比主题美化 – 文章自定义前缀（优化+）-识趣者资源

子比主题美化 – 文章自定义前缀（优化+）

原理是使用CSF框架创建一个metabox给文章储存相关数据，然后通过过滤文章标题实现在文章前面增加前缀。 操作教程（图片记得自行本地化！） 代码放在 functions.php 下或 func.php [hidecontent type="payshow"] /*文章前缀申明开始*/ CSF::createMetabox('DearLicy_titles', array( 'title' => '标题前缀', 'post_type' => 'post', 'context' => 'advanced', 'data_type' => 'unserialize', 'priority' => 'high', )); CSF::createSection('DearLicy_titles', array( 'fields' => array( array( 'id' => 'titles_moshi', 'type' =>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 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]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-24
6.6
子比美化 – 网站右侧悬浮导航-识趣者资源

子比美化 – 网站右侧悬浮导航

整合了所有代码，拒绝复杂化！代码实现了一个网站右侧悬浮功能栏，主要服务于基于 WordPress（子比主题）搭建的网站，集成了会员推广、用户互动、客服沟通、页面操作四大类核心功能，整体适配 PC 端展示，移动端自动隐藏，兼顾美观与实用性。 代码部署 [hidecontent type="payshow"] 进入"外观" → "小工具",找到"自定义HTML"小工具,把代码粘贴进去,放到“所有页面-底部全宽度” <div class="container fluid-widget"><div class="widget_text zib-widget widget_custom_html"><div class="textwidget custom-html-widget"><div class="huliku-float"> <div class="huliku-float-box"> <!-- 会员功能 --> <div class="huliku-float-item activity"> <div class="cont"> <a href="/vips" target="_blank" class="vip-link"> <img src="https://i.imgs.ovh/2026/01/24/yqlf7g.webp"...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-30
800积分
子比主题-自定义会员开通展示 引导区块-识趣者资源

子比主题-自定义会员开通展示 引导区块

此代码可以直接调用会员开通弹窗、增加红色边框描边 代码部署 代码放至——模块配置——底部全区块或文章内容上方、文章页顶部全区块——自定义 HTML [hidecontent type="payshow"] <div class="tf-one-home-homevip" style="background-image: url(https://s41.ax1x.com/2026/01/30/pZf1M2d.png);"> <div class="one-container wrapper"> <div class="tf-one-home-title"> <span>会员尊享权益圈子</span> <p>成为我们的VIP会员，尊享无限免费下载使用，更享受全面的服务与福利</p> </div> <div class="tf-one-home-homevip-box one-grid-ceosmls one-grid"> <div id="onecad-id-1" class="tf-one-width-1-1 tf-one-width-1 b2-radius"> <div class="tf-home-homevip-boxmk tf-one-dongtai tf-one-background-default b2-radius "> <div class="">...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-25
评论可见
子比主题-首页tab栏目&多栏目小工具彩色美化-识趣者资源
子比美化

美化子比主题-首页tab栏目&多栏目小工具彩色美化

预览图 教程 [hidecontent type="reply"] 把下面代码放到子比主题->>自定义CSS样式 /*阿呆日记-TAB多栏目美化*/ .index-tab ul>li.active { background: linear-gradient(137deg,#b53ab8 0%,#ff3542 50%,#ff9f40 100%); --main-color: #fff } [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 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...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
 2026-02-03
500积分
子比主题 – 订单查询插件（快速查询网站订单的利器）-识趣者资源

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

子比订单查询插件是为WordPress子比主题设计的一款功能强大的插件，旨在为网站管...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-01-28
评论可见
子比主题美化 – 网站“你别走吖 Σ(っ °Д °;)っ”动态标题-识趣者资源

子比主题美化 – 网站“你别走吖 Σ(っ °Д °;)っ”动态标题

我们经常逛别人的网站，有些网站当我们离开该页面浏览其他页面的时候，我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样，当我们点回来的时候页面上面会看到“(/≧▽≦/)你又回来了！”的字样。那么我们如何实现呢？其实很简单，只需一句 javascript 语句即可实现。请看下面的教程。 使用教程 在后台主题设置 >> 自定义代码 >> 自定义 javascript 代码，把下面的代码添加到里面即可实现。 [hidecontent type="reply"] //网站动态标题开始 var OriginTitile = document.title, titleTime; document.addEventListener("visibilitychange", function() { if (document.hidden) { document.title = "你别走吖 Σ(っ °Д °;)っ"; clearTimeout(titleTime)...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-03-18
评论可见
子比主题 – 首页轮播图小工具-识趣者资源
子比工具

美化子比主题 – 首页轮播图小工具

这是一款来自论坛一位作者写的首页轮播小工具，我感觉这个小工具还是比较不错的，左边轮播图可以滚动，右边两个是固定的链接和图片，封装了到小工具里面了，这样到时候更新之后解压还是正常可以用，喜欢的自行部署吧！ 演示图 [hidecontent type="reply"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_decoration_tool.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_decoration_tool.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_decoration_tool.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 子比主题 – 精选滑动卡片小工具下载 提取码ZNfA [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 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;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
1…1617181920…36跳转