子比美化 第3页
子比主题美化相关教程
分类
排序
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天前
#子比美化
 2026-01-22
子比主题-页脚分享-识趣者资源

子比主题-页脚分享

效果预览 [hidecontent type="reply"] 将代码直接到themes/zibll/footer.php文件全选覆盖就行 <?php /** * * @link https://www.47zhe.cn/ * * @package 宇凌云界 */ $company_name = 'YourCompany'; // 公司名称 $company_description = '我们是一家专注于创新和品质的企业，致力于为客户提供最优质的产品和服务。'; // 公司描述 // 二维码配置 $wechat_qr = 'https://picsum.photos/seed/wechat-qr/150/150.jpg'; // 微信二维码图片URL $qq_qr = 'https://picsum.photos/seed/qq-qr/150/150.jpg';...
识趣资源的头像-识趣者资源至尊会员识趣资源· 12天前
#子比美化
 2025-12-13
子比主题 – 文章上方推广样式代码-识趣者资源

子比主题 – 文章上方推广样式代码

这是一款子比推广样式代码，很简约的一款，并且修复了css一些问题，并且这款适配了昼夜和手机端，喜欢的自行部署吧！ [hidecontent type="reply"] 定位：WP后台–>>外观–>>自定义HTML，将下面的代码放里面即可，建议放到：文章页-主内容上面 <style> .tengfei-info-module-box,.tengfei-info-module-box *{margin:0 !important;padding:0 !important;font-size:1em !important;border:0 !important;width:auto !important;height:auto !important;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;list-style:none !important;max-width:none !important;max-height:none !important;line-height:1 !important;background:0 0 !important}.tengfei-info-module-box{margin:1.5em 0 .8em 0 !important;max-width:100% !important;margin-left:auto !important;margin-right:auto !important}.tengfei-info-module-btn{display:inline-flex !important;height:2.4em !important;align-items:center !important;justify-content:center !important;padding:0 1em !important;border-radius:4px !important;background-color:var(--tengfei-module-color1)...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-22
子比主题 – 自定义HTML小工具_扩展版-识趣者资源

子比主题 – 自定义HTML小工具_扩展版

这是一款子比主题自定义HTML小工具扩展，WP自带的有自定义html，但是只有一个输入代码的，这款小工具就是方便自己放自己的代码，并且功能加了一点，喜欢的自行部署吧！ [hidecontent type="reply"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_html.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_html.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_html.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 子比主题自定义HTML小工具扩展版下载提取码WC5L [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-13
子比主题 – 首页统计卡片小工具-识趣者资源

子比主题 – 首页统计卡片小工具

这是一款子比主题首页统计卡片小工具，可自己上传背景，背景可随页面滚动进行动态不固定也可固定设置，用了CSF配置进行新增配置，最多可加5个统计，喜欢的自行部署吧！ [hidecontent type="payshow"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_vip_visit_card.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_vip_visit_card.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_vip_visit_card.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 子比主题 – 首页统计卡片小工具附件下载提取码8fRY [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
 2026-01-22
子比主题-论坛九宫格图片插件-识趣者资源

子比主题-论坛九宫格图片插件

演示截图 论坛九宫格插件：自己新增一个WordPress插件把代码放在里面。 插件代码 [hidecontent type="reply"] <?php /** * Plugin Name: 子比论坛九宫格图片插件 * Description: 将子比主题论坛帖子图片显示改为九宫格样式（最多显示9张图片） * Version: 1.0.0 * Author: 大海 * Requires PHP: 7.0-8.5 */ if (!defined('ABSPATH')) exit; // 激活时修改主题文件 register_activation_hook(__FILE__,function(){$f=get_template_directory().'/inc/functions/bbs/inc/posts.php';if(file_exists($f)){$c=file_get_contents($f);file_put_contents($f,preg_replace('/\\$imgs_max\\s*=\\s*4\\s*;/','$imgs_max = 9;',$c));}}); // 停用时恢复主题文件...
识趣资源的头像-识趣者资源至尊会员识趣资源· 12天前
#子比美化
 2026-01-13
子比主题-好看的底部导航-识趣者资源

子比主题-好看的底部导航

前言前面已经写过一遍教程了(在美化教程里->编号22)！发了一篇教程后，我又更新了下！本来我不打算更新教程的，因为在捣鼓那个打赏功能，想着写个打赏完之后支付成功的小伙伴可以在表里显示出来，可惜站长之前没有捣鼓过支付，只借鉴了烟雨那个要饭网站，写的不好也有bug，所以想着不分享出来了，可是有小伙伴想要，我就分享一下初始的打赏吧！更新功能：加入了本篇文字的点赞、分享数量加入了一个简单的打赏功能修改了几个iconfont图标效果图在functions.php加上下面这段代码图片是站长放在自己腾讯云里的，这里我就删除了，请自行添加自己的图片(//弹窗提醒)[hidecontent type="payshow"]//获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=comment&post_id='.$postid); //获取文章的所有评论 if ($comments) { $i=0; $j=0; $commentusers=array(); foreach ($comments as $comment) { ++$i; if ($i==1) { $commentusers[] = $comment->comment_author_email; ++$j; } if ( !in_array($comment->comment_author_email, $commentusers) ) {...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
 2025-12-13
子比主题 – 侧栏动态时钟与问候语小工具-识趣者资源

子比主题 – 侧栏动态时钟与问候语小工具

一个实用又美观的动态时钟和问候语提醒功能，不仅为博客增添人情味，还能与子比主题的深色模式完美兼容！ 代码部署 [hidecontent type="reply"] 直接将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码即可！ <div class="dynamic-greeting"> <div class="time-section"> <div class="time-display"> <span id="hours">00</span> <span class="colon">:</span> <span id="minutes">00</span> <span class="colon">:</span> <span id="seconds">00</span> </div> <div class="date-display" id="date"></div> </div> <div class="greeting-section"> <div class="greeting-text" id="greeting"></div> <div class="greeting-tip" id="tip"></div> </div>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
12345…15跳转