子比美化 第2页
子比主题美化相关教程
分类
排序
2026-02-03
子比主题 – 左下角欢迎光临提示美化-识趣者资源

子比主题 – 左下角欢迎光临提示美化

这是一款子比主题左下角欢迎光临提示美化，在左下角可关闭，并且手机端是不显示的，这款提示有一个小铃铛带有动态的效果，喜欢的自行部署吧！ [hidecontent type="reply"] 定位：子比主题–>>自定义底部HTML代码，将下面的代码丢里面即可！ <div class="capsule-container"><div class="capsule-bar"><div class="capsule-content"><div class="capsule-icon"><svg t="1760148892394" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6215" width="32" height="32"><path d="M505.152 72.064c65.28 0 120.576 46.08 132.032 106.304 103.808 48.256 169.856 148.48 169.856 260.096v113.088l84.096 116.352c20.352 28.16...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22小时前
#子比美化
 2026-01-16
子比主题 – 下载按钮hover弹窗功能（两版）-识趣者资源

子比主题 – 下载按钮hover弹窗功能（两版）

这是一款子比主题下载按钮hover弹窗功能，首先说一下这个功能唯一的缺点就是，这个如果用户扫了二维码下载资源之后，不扣资源限制次数，无限制下载，介意的话就不用这个功能，喜欢的自行部署吧！ [hidecontent type="reply"] 为什么刚才给大家说的有两版，其实样式是一样的，只不过就是一个版是通过api接口来实现生成二维码，第二个版是通过子比来实现的，不过子比的话有缓存，都可以用的，给大家分享两版！ 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己记得加上php头，要不然会报错，两个版都是放到func里面，但是别两个同时放进去，你感觉哪个好用就用哪个版！ 第一版（调用API接口实现二维码） add_action('wp_footer',function(){?> <script>jQuery(function($){$('.but-download a.but[href*="pay-download"]').each(function(){var b=$(this),u=b.attr('href'),q='https://api.qrtool.cn/?text='+encodeURIComponent(u),img=new Image();img.src=q;b.attr({'data-toggle':'tooltip','data-html':1,'data-placement':'bottom',title:'<div class="text-center padding-10"><img src="'+q+'" style="width:120px;height:120px;border-radius:4px;"><div class="mt6 muted-2-color em09">扫码下载资源</div></div>'}).tooltip({html:1,trigger:'manual',container:'body'}).on('mouseenter',function(){var t=$(this);t.tooltip('show');setTimeout(function(){t.tooltip('update')},50)}).on('mouseleave',function(){$(this).tooltip('hide')})})});</script> <style>.tooltip-inner{width:140px!important;max-width:160px!important;padding:0;background:#000;border:1px solid var(--muted-border-color);box-shadow:0 2px 8px rgba(0,0,0,.1)}.tooltip.show{opacity:1}</style> <?php }); 第二版（调用子比主题实现二维码） add_action('wp_ajax_get_download_qrcode','custom_get_download_qrcode'); add_action('wp_ajax_nopriv_get_download_qrcode','custom_get_download_qrcode'); function custom_get_download_qrcode(){ if(empty($_GET['url'])){die();} $url=urldecode($_GET['url']); $cache_key='qr_'.md5($url);...
识趣资源的头像-识趣者资源至尊会员识趣资源· 19天前
#子比美化
 2025-12-13
子比主题 – 邮箱通知样式美化（四款样式）-识趣者资源

子比主题 – 邮箱通知样式美化（四款样式）

给大家做了四款款子比主题邮箱通知样式美化，邮箱通知美化还是不错的，博客给大家设计并美化了，目前是四款样式，后面博客会做很多邮箱通知，喜欢的自己挑选几款自己部署吧！ 部署教程 定位：/wp-content/themes/zibll/inc/functions/zib-email.php文件里面，我们搜$content = '，搜了之后，我们如下图替换子比的样式，如下图 样式如下 第一款第二款第三款第四款 $content = ' <style> .gradient-mail{ background:#eaf7ff; padding:40px 0; font-family: "Helvetica Neue","PingFang SC",Arial,sans-serif; } .gradient-mail .box{ max-width:620px; margin:auto; border-radius:24px; background:linear-gradient(140deg,#fff 60%,#d6eaff 100%); box-shadow:0 4px 22px rgba(66,150,255,0.10); overflow:hidden; } .gradient-mail...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-02
子比主题 – 精美弹窗样式美化-识趣者资源右上 左上
底部

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

给大家写了一款不用子比主题的弹窗的一款弹窗，比较精美好看，腾飞把一些没有用的都去掉了，这个弹窗就单独用的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]
识趣资源的头像-识趣者资源至尊会员识趣资源· 10天前
#子比美化
 2026-02-03
子比主题-悬浮导航样式-识趣者资源

子比主题-悬浮导航样式

子比主题右侧悬浮导航按钮新版，样式简约鼠标放置响应位置会有文字提示，支持全屏显示当前页面二维码，夜间模式切换，开通会员等功能 代码部署 [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>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 昨天
#子比美化
 2026-01-28
WordPress子比主题插入高清bilibili哔哩哔哩视频代码-识趣者资源

WordPress子比主题插入高清bilibili哔哩哔哩视频代码

站长门都知道，许多博客主题都是支持嵌入bilibili视频代码播放的，但是有一个通病，就是嵌入的视频都是以最低视频分辨率播放，今天主要就是解决这个问题！ 在B站有很多影片资源可以分享，若想分想到自己的WordPress网站该怎么做呢？ 首先在“点击复制链接”处复制“嵌入代码” 在WordPress使用HTML插入媒体，填入代码后会变成下图这样，整个影片尺寸是变小的（如下） 因为B站预设的外站引用解析度是最低的，因此所以不能直接贴上代码 需要加上一段代码，让B站影片能跟随自家网站的大小来做改变： [hidecontent type="reply"] 1. 加入代码修改影片显示大小 width="100%" height="600" 比如说我想要分享的影片代码是这串 <iframe src="//player.bilibili.com/player.html?aid=914606049&bvid=BV1Mu4y1z7a9&cid=1229413200&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe> 那我就在iframe之间加入这串代码 width="100%" height="600" <iframe src="//player.bilibili.com/player.html?aid=914606049&bvid=BV1Mu4y1z7a9&cid=1229413200&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="100%" height="600"> </iframe> 修改大小后的影片长这样，这里的宽度和高度可以根据自己的需求修改...
识趣资源的头像-识趣者资源至尊会员识趣资源· 6天前
#子比美化
 2025-12-02
子比主题 – 列表悬停动态气泡与边框样式-识趣者资源

子比主题 – 列表悬停动态气泡与边框样式

美化简介 这是一款子比主题类别动态气泡加上边框慢慢淡蓝色样式，这款样式是看到别人的站有这种效果，本篇适应于子比的所有列表，但是建议用：列表模式的，卡片的话有点臃肿不好看，喜欢的自行部署吧！ 美化效果 代码部署 直接丢到：子比主题–>>自定义CSS样式即可！ [hidecontent type="payshow"] /* 子比主题列表悬停动态气泡与边框样式 */ .posts-item { position: relative; overflow: hidden; transition: all 0.3s ease; border: 1px solid transparent; border-radius: 8px; } .posts-item::before { content: ""; position: absolute; top: 0;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-13
子比主题 – 禁止使用余额购买会员功能-识趣者资源

子比主题 – 禁止使用余额购买会员功能

这是一款子比主题的余额扩展功能，此次分享的代码有两种不同的模式，分别为普通模式以及严格模式，两种模式的用法、要求等截然不同，代码搭配的有详细注释，可根据自己的情况进行部署！有用得到的朋友自行部署吧！ [hidecontent type="reply"] 温馨提示：普通模式状态下会禁止用余额开通/续费会员，不影响其他功能（如购买文章、购买商城商品、购买积分等），严格模式状态下只能用于文章内的资源/内容购买，禁止用于购买会员、积分、商城商品等其他一切消费！ 普通模式严格模式 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ // 子比主题：禁止使用余额购买会员 add_filter('zibpay_is_allow_balance_pay', function($allow, $pay_type){ // pay_type: 4=购买会员 if($pay_type == 4){ return false; // 禁止 } return $allow; // 其他情况保持默认 }, 10, 2); 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ // 子比主题：余额仅允许用于文章内消费 add_filter('zibpay_is_allow_balance_pay', function($allow, $pay_type){...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
 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; }...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题美化 – 新发布文章列表角标NEW-识趣者资源

子比主题美化 – 新发布文章列表角标NEW

教程 [hidecontent type="reply"] 在主题目录 func.php 文件添加如下代码。 （func.php = functions.php）看过狐狸以前的文章应该都懂，以后就不解释了。 文件路径：/www/wwwroot/baicaima.com/wp-content/themes/zibll/functions.php /*新文章发布角标 */ function add_zbfox_new_post_label($title, $id) { if (!is_admin() && !is_single()) { $post_time = get_the_time('U', $id); if (time() - $post_time <= 24 * 60 * 60) { $title...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 自带弹窗美化样式-识趣者资源

子比主题 – 自带弹窗美化样式

这是一款子比主题自带的弹窗美化的样式，样式非常的好看，我觉得可以当做自己站点的弹窗样式，只适合子比，其他的不能！ 代码部署 [hidecontent type="reply"] 下面的代码放到：子比主题–>>全局&功能–>>常用功能–>>弹窗通知–>> 标题内容即可！ <img style="width:50%; display: block; margin-left: auto; margin-right: auto;" src="logo链接" alt="腾飞博客"> 下面的代码放到：子比主题–>>全局&功能–>>常用功能–>>弹窗通知–>> 弹窗内容即可！ <div style="text-align: center;margin-bottom:15px;"> <div style="padding-bottom:10px;"><img style="width:40%;margin-bottom:10px; border:2px solid #edc890;" src="二维码链接" alt="QQ扫码进入腾飞博客网用户群"> <p style="color:#1f9c00;"><i class="fa fa-qq"></i> <span>QQ扫码进入腾飞博客网用户群</span><p> <p>您可以在用户群跟群友交流哦～</p></div>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-25
子比主题美化 – 文章自定义前缀（优化+）-识趣者资源

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

原理是使用CSF框架创建一个metabox给文章储存相关数据，然后通过过滤文章标题实现在文章前面增加前缀。 代码添加 [hidecontent type="payshow"] 在fun.php加入代码即可，（如果没有就加在functions.php文件中） //标题前缀 // 注册Meta Box function my_custom_prefixes_meta_box() { add_meta_box( 'custom-title-prefixes', // Meta Box ID '自定义标题前缀', // Meta Box 标题 'my_custom_prefixes_meta_box_callback', // 显示内容的回调函数 'post', // 对哪种类型的内容生效 'side' // 在哪个位置显示（'normal', 'side', 'advanced'） );...
识趣资源的头像-识趣者资源至尊会员识趣资源· 10天前
#子比美化
 2026-01-28
子比 Mac 风格卡片小工具-识趣者资源

子比 Mac 风格卡片小工具

仿 Mac App Store 风格的卡片展示模块，多功能自定义卡片小工具。 功能特点：带图标的彩色标题栏，8种预设背景可选卡片布局跟随子比主题设置，自动响应式支持两种数据来源：自定义卡片 或 分类文章每个卡片包含：封面图、缩略图、标题、简介、下载按钮按钮样式可选演示截图 后台框架 获取代码 [hidecontent type="reply"] /** * Mac 风格卡片小工具-大海 * 使用CSF框架，使用子比主题卡片布局 */ // 默认背景图（可以自己下载到本地） define('MAC_CARD_DEFAULT_BG', 'https://tirzsjsxujuxsoqj.sh1.hi168.com/2026/01/28/35a0f2fa2d5a8.png'); Zib_CFSwidget::create('zib_widget_ui_mac_card', array( 'title' => 'Mac风格卡片', 'zib_affix' => true, 'zib_show' => true, 'description'...
识趣资源的头像-识趣者资源至尊会员识趣资源· 6天前
#子比美化
1234…15跳转