子比美化共264篇
子比主题美化相关教程
分类
排序
2025-12-02
0.01呆币
评论可见
子比主题 – 精美弹窗样式美化-识趣者资源右上 左上
底部

免费子比主题 – 精美弹窗样式美化

给大家写了一款不用子比主题的弹窗的一款弹窗，比较精美好看，腾飞把一些没有用的都去掉了，这个弹窗就单独用的JS来写的，没有用多余的，CSS代码也放到JS里面了，很实用，喜欢的自行部署吧！ [hidecontent type="reply"] 定位：子比主题–>>自定义javascript代码，将代码放到里面，自己修改一下里面的内容即可！ jQuery(document).on('click', '.user-online-status .but', function () { var $this = jQuery(this); var $container = $this.closest('.user-online-status'); var status = $this.data('sta'); var nonce = $container.find('#user_online_status_nonce').val() || window.user_online_status_nonce || ''; if ($this.data('processing')) return; $this.data('processing', 1);...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 自定义右键菜单优化版-识趣者资源

子比主题 – 自定义右键菜单优化版

教程 [hidecontent type="reply"] <style type="text/css"> a {text-decoration: none;} div.usercm { background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #fff; font-size: 13px!important; width: 130px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); position: absolute; display: none;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-25
评论可见
子比主题 – 首页VIP购买小工具（第一版）-识趣者资源

子比主题 – 首页VIP购买小工具（第一版）

这个小工具是一个给自己的网站首页加一个VIP购买的小工具，这个小工具我做了有一段时间了，只是隔这了没做了，今天VIP小工具来了，如果用页面的话，用户看不到根本，那我就做一个VIP购买小工具，7B2的VIP购买样式，我不想去适配手机端，手机端如果适配的感觉不怎么好看，所以我自动隐藏了手机端 代码部署 [hidecontent type="reply"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_zibvips.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_zibvips.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_zibvips.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 子比主题 – 首页VIP购买小工具（第一版）下载提取码zmFg [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 16天前
#子比美化
 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>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-23
免费
子比主题-底部页脚插件-识趣者资源

子比主题-底部页脚插件

这是一款子比主题页脚开源插件，这款插件很实用，方便的直接美化我们自己的子比页脚美化，...
识趣资源的头像-识趣者资源至尊会员识趣资源· 17天前
#子比美化
 2026-02-03
2588积分
子比主题-悬浮导航插件版-识趣者资源

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

之前有发布代码部署版本，如果你不会用代码部署版本,请查看此篇文章，该版本为插件部署版...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2025-12-13
评论可见
子比主题 – 文章付费模块单独位置教程-识趣者资源

子比主题 – 文章付费模块单独位置教程

这是一款子比主题为每篇文章单独设置付费模块的显示位置，而不再局限于全局设置，原本的子比主题是全局生效显示的位置，教大家怎么去单独每篇文章不同的位置，话不多说直接开始！ 部署教程 [hidecontent type="reply"] 定位：zibll/zibpay/functions/zibpay-post.php，第240行左右，可以搜索 $pay_box_position 定位。按图删除这几行代码，然后替换成下面的代码。 // 修改付费模块位置逻辑，支持单篇文章自定义设置 function zibpay_get_post_box_position($post_id = 0) { if (!$post_id) { global $post; $post_id = $post ? $post->ID : 0; } $pay_mate = get_post_meta($post_id, 'posts_zibpay', true); $custom_position = !empty($pay_mate['pay_box_position'])...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-02-07
评论可见
子比美化-LOGO渐变色彩-识趣者资源

子比美化-LOGO渐变色彩

教程 放到后台自定义css [hidecontent type="reply"] .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: hue-rotate(-360deg);...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2天前
#子比美化
 2025-12-13
评论可见
子比主题 – PC右下角显示网易云热评（三款）-识趣者资源

子比主题 – PC右下角显示网易云热评（三款）

给子比主题PC端右下角加一个显示网易云热评的美化样式，这个功能还是不错的，给自己的网站加上动态的网易云热评，一共是三款，喜欢的自行部署吧！ 第一款 第二款 第三款 代码部署 [hidecontent type="reply"] 喜欢哪一款放到：WP后台–>>外观–小工具–>>自定义HTML，建议放到：所有页面-底部全宽度 第一款第二款第三款 <div id="wniui-popup-window" class="wniui-show-popup-window"> <div class="wniui-popup-header"> <div class="wniui-popup-window-title">网易云热评</div> <span id="wniui-popup-username"></span> <a id="music-link" href="" target="_blank" style="position: absolute; top: 8px; right: 10px;"> <svg style="transition: .3s;height:30px;width:30px;" t="1740280523955" class="icon" viewbox="0 0...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-28
评论可见
子比主题美化 – 自定义右下角提示弹窗-识趣者资源

子比主题美化 – 自定义右下角提示弹窗

通过一段简单的CSS代码，修改主题自带的提示弹窗，颜色自行决定。 [hidecontent type="reply"] /*右下角提示美化 huliku.com*/ .notyf.success { background: linear-gradient(90deg,rgb(249 15 15 / 70%),rgba(61,189,249,.8)); border-radius: 18px 0 0 18px; } .enlighter-default .enlighter { max-height: 400px; overflow-y: auto !important; } .posts-item .item-heading>a { font-weight: bold; color: unset;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 13天前
#子比美化
 2025-12-13
SVIP可见
子比主题 – 外链Go页面样式代码（共十五款）-识趣者资源

子比主题 – 外链Go页面样式代码（共十五款）

我这里记录了十五款子比主题go页面样式的代码样式，对于用户比较挑，所以我多记录几个也正好我自己也备用，我看有点挤，等我后面有好的再更新go页面样式，喜欢的自行部署一下吧！ [hidecontent type="vip2"] 喜欢哪一款直接替换：/wp-content/themes/zibll/go.php这个文件的所有代码即可！ 第十一和十二款是很早很早的代码，我修复了一下，可以用，本站目前用的是第十三款 第一款第二款第三款第四款第五款第六款第七款第八款第九款第十款第十一款第十二款第十三款第十四款第十五款 <?php /* * @Author : Qinver * @Url : zibll.com * @Date : 2021-07-10 * @LastEditTime: 2021-07-10 * @Email : 770349780@qq.com * @Project : Zibll子比主题 * @Description : 一款极其优雅的Wordpress主题...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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"] 首先我们到文件：/wp-content/themes/zibll/func.php文件里面，没有这个文件自己创一个，创建之后别忘了加php头，要不然会报错。将下面的代码放到这个文件里面即可！ //未登录时全站图片模糊 function n_yingcang_css(){ echo '<style> img { -webkit-filter: blur(10px)!important; -moz-filter: blur(10px)!important; -ms-filter: blur(10px)!important; filter: blur(6px)!important;} </style>'; } if( !is_user_logged_in()) {add_action( 'wp_head', 'n_yingcang_css' );}; //未登录时全站图片模糊 [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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"...
识趣资源的头像-识趣者资源至尊会员识趣资源· 17天前
#子比美化
 2026-01-28
评论可见
子比主题-首页六格菜单PC版-识趣者资源

子比主题-首页六格菜单PC版

效果演示 Html代码 可直接添加到后台 小工具 >> 自定义HTML代码，里面的图片链接自行替换。 [hidecontent type="reply"] <div class="home-row-left content-area "> <div id="html-box-lg" class="html-box"> <div class="sort mobile-hidden"> <!-- 专题 --> <div class="sort-swiper-container swiper-container swiper-container-initialized swiper-container-horizontal"> <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-1178px, 0px, 0px);"> <ul...
识趣资源的头像-识趣者资源至尊会员识趣资源· 12天前
#子比美化
123…18跳转