子比美化共343篇
子比主题美化相关教程
分类
排序
2025-11-24
10积分
评论可见
子比主题美化用户中心添加UID、加入时间-识趣者资源

子比主题美化用户中心添加UID、加入时间

本功能是为我们的网站的用户中心处添加UID显示及加入网站已多少天那种，另外一个样式可以自己在源码那边设置修改，废话不多说上效果图。 将下列代码添加至子比主题根目录文件夹的functions.php中即可 [hidecontent type="reply"] /* * 定义用于显示用户ID的函数 * 'but'是配合函数赋予class样式'but'在子比主题内通常是按钮样式可配合c-blue或jb-pink赋予色彩 * c系列为透明背景，颜色有c-blue、c-blue-2、c-cyan、c-gray、c-green、c-green-2、c-purple、c-purple-2、c-red、c-red-2、c-theme、c-white、c-yellow、c-yellow-2 * jb系列为非透明渐变色背景，颜色有pay-tag、jb-red、jb-pink、jb-yellow、jb-blue、jb-cyan、jb-green、jb-purple、jb-vip1、jb-vip2 */ function ZbTool_user_id_to_desc($desc, $user_id) { // 初始化变量 $day = true; // 可以根据需要进行动态设置 $uid = true; // 可以根据需要进行动态设置 $pay_price = true; // 可以根据需要进行动态设置...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2025-12-02
100积分
子比主题 – 新版私密评论功能-识趣者资源

子比主题 – 新版私密评论功能

美化简介 这是一款子比主题新私密评论功能，这款是适配了子比的样式，在此之前腾飞博客给大家分享过改文件的代码，但是那些太麻烦了，今天给大家分享一款无需修改子比文件即可实现的，喜欢的自行部署吧！ 美化截图 [hidecontent type="payshow"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加上php头，要不然会报错，将下面的代码直接丢里面即可！ // 私密评论显示逻辑 function zib_private_message_hook($comment_content, $comment) { $comment_ID = $comment->comment_ID; $is_private = get_comment_meta($comment_ID, '_private', true); $email = $comment->comment_author_email; $current_user = wp_get_current_user(); // HTML for private comment notification $html = '<div...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-11-23
500积分
子比美化-首页增加一个滚动banner横幅-识趣者资源

子比美化-首页增加一个滚动banner横幅

后台HTML代码加入-选择合适的位置 [hidecontent type="payshow" desc="隐藏内容：付费阅读"] <!-- wp:zibllblock/enlighter --> <pre class="wp-block-zibllblock-enlighter"><code class="gl" data-enlighter-language="generic" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">&lt;link rel="stylesheet" href="在这里填写css路径！！！！！！！！"> &lt;div id="home_top"> &lt;style type="text/css"> .todayCard-title, .todayCard-tips, .topGroup.banner-button { color: #ffffff } .topGroup.todayCard { background: #000000 }...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 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> 修改大小后的影片长这样，这里的宽度和高度可以根据自己的需求修改...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-27
评论可见
子比主题 – 图片壁纸页面-识趣者资源
子比页面

美化子比主题 – 图片壁纸页面

这是一款子比主题的图片壁纸页面，这款是没有对接子比付费（点击下载按钮直接跳转第三方网盘），预览图右侧信息，是自动获取标题关键字，下载次数是获取的文章浏览量x5，这款是通过ai来辅助写的，喜欢的自行部署吧！ 代码部署 [hidecontent type="reply"] 定位：/wp-content/themes/zibll/pages目录下自己创建一个文件，后缀为.php即可，将下面的代码放进去！ <?php /** * Template name: Zibll图片瀑布流 * Description: 分类ID69的图片瀑布流页面（点击放大图片+hover显示标题下载+下载按钮跳文章链接+hover显示尺寸标注） */ get_header(); $cat_id = 69; // 固定分类ID：69 // 辅助函数：获取文章中的第一张图片（优先特色图，无则取内容图） function get_post_first_image($post_id) { $featured_img_url = wp_get_attachment_image_src(get_post_thumbnail_id($post_id), 'full'); if ($featured_img_url) { return array(...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 28天前
#子比美化
 2025-12-13
评论可见
子比主题 – 邮箱通知样式美化（四款样式）-识趣者资源

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

给大家做了四款款子比主题邮箱通知样式美化，邮箱通知美化还是不错的，博客给大家设计并美化了，目前是四款样式，后面博客会做很多邮箱通知，喜欢的自己挑选几款自己部署吧！ 部署教程 定位：/wp-content/themes/zibll/inc/functions/zib-email.php文件里面，我们搜$content = '，搜了之后，我们如下图替换子比的样式，如下图 样式如下 [hidecontent type="reply"] 第一款第二款第三款第四款 $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;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-03-08
评论可见
子比主题-侧边栏小工具彩色标签云-识趣者资源
子比美化

美化子比主题-侧边栏小工具彩色标签云

标签云修改需要用到只有简单的CSS代码，我们先来看下效果图吧！ 示例图 步骤一：使用小工具 打开小工具找到侧边栏，点击进去之后点击添加小工具选择Zibll标签云，然后就是参数了，因为追求工整选择了固定宽度，标签数量也选择了24个(3的倍数随意就好) 步骤二：CSS代码 加入到主题后台的自定义CSS样式里保存即可 [hidecontent type="reply"] /*文章随机彩色标签*/ .widget-tag-cloud.fixed-width .but:hover{opacity: 1;}.widget-tag-cloud.fixed-width .but{opacity: 0.6;line-height: 20px !important;padding: 4px 10px !important;font-size: 12px !important;}.widget-tag-cloud.fixed-width .but:nth-child(5n){background-color: #4A4A4A;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+3){background-color: #1ac756;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+4){background-color: #19B5FE;color:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 19天前
#子比美化
 2026-01-28
评论可见
子比主题-独立下载页面美化第一版-识趣者资源

子比主题-独立下载页面美化第一版

使用说明 修改了下载页面，添加手机自适应，如果更新主题时下载页面（/wp-content/themes/zibll/pages/download.php）没改动代码的话，更新主题后【复制粘贴代码】进去就能用！（更新前记得备份！记得备份！记得备份！不然就被刷新代码了） 效果演示 [hidecontent type="reply"] <?php /** * Template name: XY-资源下载 * Description: XY-独立资源下载页面 */ if (empty($_GET['post'])) { get_header(); get_template_part('template/content-404'); get_footer(); exit; } get_header(); $post_id = $_GET['post']; function zibpay_get_down_html($post_id) { $pay_mate = get_post_meta($post_id, 'posts_zibpay', true);...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2025-12-11
评论可见
子比美化 – 底部可爱页脚美化样式-识趣者资源

子比美化 – 底部可爱页脚美化样式

在这篇之前腾给大家了好几个底部页脚的美化样式，并且适配了昼夜模式，这款可爱的页脚样式是很早的美化了，今天分享一下，并且记录一下，话不多说喜欢的自行部署吧！ [hidecontent type="reply"] 代码没有分开都写在了一起，包括图片也已经本地话上传了cdn，喜欢的自行部署！！ PHP代码 首先我们要知道我们加这个底部之后，他官方的底部还存在，我们先把官方的代码删掉然后再按照下面的步骤来走，我们先到/wp-content/themes/zibll/footer.php，找到下面的代码，下面的代码是官方自带的底部，我们要给他删掉，避免后面出现两个底部。如果是子主题自己弄一下吧，在func判断一下如果启用这个页脚就隐藏子比自带的底部 查找代码 <footer class="footer"> <?php if (function_exists('dynamic_sidebar')) { dynamic_sidebar('all_footer'); }?> <div class="container-fluid container-footer"> <?php do_action('zib_footer_conter');?> </div> </footer> 然后我们还在这个/wp-content/themes/zibll/footer.php文件里面，找到下面的代码 <?php wp_footer(); ?> 我们将下面的代码放到上面找到的代码的<?php上面即可，自己改一下下面的代码文字、链接等 <!--可爱自定义底部开始--> <style> .footer{display: none;} body{ --acg-footer:url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01PeJhn61QbIqpD8qby_!!2210123621994.png) no-repeat bottom;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 自定义认证SVG图标-识趣者资源

子比主题 – 自定义认证SVG图标

这是一款子比主题认证修改图标，就是修改子比主题默认自带的认证图标，改成你自己的svg图标，非常的美观，喜欢的自行部署吧！ 代码部署 [hidecontent type="reply"] 我们到：/wp-content/themes/zibll/js/svg-icon.js这个文件里面搜“zib_svgs['user-auth']”，如下图 示意：zib_svgs['user-auth'] = '你的SVG代码'; 这里提供一个bilibili蓝色闪电SVG图标代码为例 zib_svgs['user-auth'] = '<path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#FFFFFF" p-id="4885"/><path d="M512 512m-418.909091 0a418.909091 418.909091 0 1...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 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;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-16
199积分
子比主题美化 – 首页自定义动态分类标题-识趣者资源

子比主题美化 – 首页自定义动态分类标题

本文章只是个人无聊时的对子比主题美化记录集合，同时也是本人的备忘录。若您觉得可以的话就拿去贵站使用吧 代码部署： 后台 >>Zibll主题设置 >> 全局&功能 >>自定义代码 >> 自定义CSS样式 [hidecontent type="payshow"] body.home .box-body.notop { background: var(--main-bg-color); padding: 5px; padding-left: 1.2em; border-radius: 10px; margin-bottom: 10px; } body.home .title-theme { position: relative; padding-left: 1.3em; font-size: 20px; margin: 5px; }...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 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]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-28
评论可见
子比主题-隐藏内容模块的会员级别提示修改教程-识趣者资源

子比主题-隐藏内容模块的会员级别提示修改教程

子比主题隐藏内容会员可见的模块，子比默认的是显示一级会员可见，实际上是一级和二级会员都可见，这个设定我们站长是搞懂了，但是对于网站用户来说，可能会有歧义，产生误解，以为当前内容仅一级会员，而设置二级会员可见时，是仅二级会员可见（要考虑用户的理解能力下限）。 因为站长发布内容的时候，为了照顾一、二级会员，大部分内容会设置为一级会员可见，但这样会导致一个“损失”，可能“误导”用户只需开通一级会员，而不是直接开通更高级的二级会员。 修改前 第一个模块，一级黄金会员可见，第二个模块，二级钻石会员可见，网站用户可能会误以为两个会员等级并无关联。 修改后 第一个模块，一级和二级会员可见，第二个模块，仅二级会员可见，这样对网站用户就能很明确的了解隐藏内容所属会员了，不会存在歧义和误解。 或者将原来的一、二级可见提示改为一级及以上等级会员可见 [hidecontent type="reply"] 找到 /zibll/inc/functions/zib-theme.php 文件，Ctrl+F搜索 $type_text = array( 会看到如下内容： 'vip1' => _pz('pay_user_vip_1_name') . '可见', 'vip2' => _pz('pay_user_vip_2_name') . '可见', 修改为： 'vip1' => _pz('pay_user_vip_1_name') . '及' . _pz('pay_user_vip_2_name') ....
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 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>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 52天前
#子比美化
123…23跳转