子比美化 第7页
标签
排序
2026-01-16
免费
子比主题拓展插件-用户中心拓展-识趣者资源

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

子比主题的大佬李初一在自己网站发布了关于子比主题的用户中心功能拓展的插件，省去了我们...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 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-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>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-02-07
评论可见
子比美化-给文章标题文字添加彩色渐变效果-识趣者资源

子比美化-给文章标题文字添加彩色渐变效果

演示图 教程 把下面代码放到后台自定义CSS [hidecontent type="reply"] /*文章标题加上渐变彩色文字 开始*/ .item-heading :hover, .text-ellipsis :hover, .text-ellipsis-2 :hover, .links-lists :hover { background-image: -webkit-linear-gradient(30deg, #32c5ff 25%, #b620e0 50%, #f7b500 75%, #20e050 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%; -webkit-animation: maskedAnimation...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-02-20
子比主题-添加一个朋友圈样式的友情链接页面-识趣者资源
子比美化

功能子比主题-添加一个朋友圈样式的友情链接页面

效果图 新建页面代码 [hidecontent type="payshow"] <?php /* *Template Name: 链接检测模版 *网站:n.navw.cn */ get_header(); // 网址访问判断 function httpcode($url){ $ch = curl_init(); $timeout = 5; curl_setopt($ch,CURLOPT_FOLLOWLOCATION,1); curl_setopt($ch,CURLOPT_RETURNTRANSFER,1); curl_setopt($ch, CURLOPT_HEADER, 1); curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout); curl_setopt($ch,CURLOPT_URL,$url); curl_exec($ch); return $httpcode...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-02-27
2
子比主题-广告位插件（支持到期时间）-识趣者资源
子比插件

插件子比主题-广告位插件（支持到期时间）

这是一款适配子比主题的广告插件,支持图片广告和文字广告,可以在后台设置广告的到期时间...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-03-29
5
子比插件-AI生成文章封面-识趣者资源
子比插件

插件子比插件-AI生成文章封面

功能有识趣资源自主研发,插件名为文章智绘,可以为文章生成相关封面,起初有开发文章发布...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2025-12-13
200积分
子比主题 – 底部Dock栏二开插件_带后台-识趣者资源

子比主题 – 底部Dock栏二开插件_带后台

这是一款子比主题底部Dock栏二开的插件，这款插件带后台，并且组件是二开星书签的组件，腾飞简单的测试了，直接上传到插件使用即可，简单版本适配其他主题，支持前台自定义图标，右键可以删除，喜欢的自行部署吧！ 如果你的网站用了右键菜单美化，可以在JS禁用的位置增加： // 禁用默认右键菜单 window.addEventListener('contextmenu', e => { // 如果点击的是 Dock 用户添加的应用图标，不阻止 if (e.target.closest('.dock-icon[data-app-id]')) { return; } e.preventDefault(); }, { passive: false });
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 全局B2弹窗提醒样式美化-识趣者资源

子比主题 – 全局B2弹窗提醒样式美化

这个是子比主题全局B2弹窗提醒样式的美化，可以看本站的复制、签到等等更多按钮，就是把子比默认的弹窗替换了B2样式美化，部署之前要确保之前没有引入过其他的弹窗样式，话不多说直接开始！ 代码部署 [hidecontent type="reply"] 一共三个地方的代码，跟着我的步骤走不会有问题，确保之前没有部署过其他的弹窗样式！ CSS自定义底部HTML代码JS代码 我们先丢CSS样式到：子比主题–>>自定义CSS样式即可！ /*弹窗提醒*/ .qmsg.qmsg-wrapper { box-sizing:border-box; margin:0; padding:0; font-size:13px; font-variant:tabular-nums; line-height:1; list-style:none; font-feature-settings:"tnum"; position:fixed; top:136px; left:0; z-index:9999999; width:100%; pointer-events:none; color:#000; } .qmsg .qmsg-item { padding:8px; text-align:center; -webkit-animation-duration:.3s; animation-duration:.3s; position:relative; }...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
1…56789…36跳转