子比美化 第12页
子比主题美化相关教程
分类
排序
2026-01-16
子比主题 - 文章排行榜小工具-识趣者资源

子比主题 – 文章排行榜小工具

功能简介 这个是我之前在一个站点上看到到，他可以展示出热门文章，并且给与其很好的排名，给予读者很好选择，觉得很实用，本来我是集成到我的插件里面，后来我从插件里面抠出来了，整合成了这个，下面是效果图。 功能效果 [hidecontent type="reply"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'widget-ranking-posts.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/xkzhi/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：widget-ranking-posts.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在widget-ranking-posts.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 19天前
#子比美化
 2025-12-13
子比主题 – 文章列表添加置顶和新文章角标-识趣者资源

子比主题 – 文章列表添加置顶和新文章角标

这是一款子比主题文章列表右上角置顶和新文章角标，置顶就是在后台设置，新文章就是当天发的文章，功能真的很不错，喜欢的自行部署吧，演示图我只是随便找了两个图标，下面我会教你怎么换图标！ 代码部署 [hidecontent type="reply"] 一共三个地方，跟着我的步骤走，别放错了地方，话不多说开始！ FUNC文件zib-posts-list.php文件CSS代码 我们到：/wp-content/themes/zibll/func.php文件里面，没有这个文件自己创一个，记得加php头，要不然报错，我们将下面的代码放到里面，里面的最新文章和置顶文章的图标我已经放上去了，就是我演示图里面的，你喜欢什么图标可以替换了！ //新文章发布New小图标 function tianyishangke_post_newicon($post){ //date_default_timezone_set('PRC'); $wiui_date = date("Y-m-d H:i:s"); $wiui_post_date = get_the_time('Y-m-d H:i:s', $post); $wiui_diff = (strtotime($wiui_date)-strtotime($wiui_post_date))/3600; if($wiui_diff<24){ $wiui_new_icon = '<div class="tianyishangke-new-icon"><img src="https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01jVZZB71QbInIvtWj6_!!2210123621994.png" draggable="false" alt="最新文章" /></div>'; }else if (is_sticky()){...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-28
子比主题-网站底部添加【我也是有底线的】-识趣者资源

子比主题-网站底部添加【我也是有底线的】

效果演示 代码位置 在 zibll 主题目录下 themes/zibll/footer.php 文件中的“第一行”下面添加下面的代码： [hidecontent type="reply"] <!--底部可爱底线提示--> <center> <div class="lastpagenotice_text" style="color:#6699FF;font-weight:bold;">我也是有底线哒~</div> <img src="https://47zhe.cn/img/v.png" width="550" height="50" > </center> <!--底部可爱底线提示--> [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-28
子比主题-文章列表小工具-识趣者资源

子比主题-文章列表小工具

[hidecontent type="reply"] /** * Tab幻灯片小工具-大海 */ Zib_CFSwidget::create('zib_widget_tab_slider', array( 'title' => 'Tab幻灯片', 'zib_affix' => true, 'zib_show' => true, 'description' => '左侧幻灯片+右侧Tab条，hover切换', 'fields' => array( array( 'id' => 'source_type', 'title' => '数据来源', 'default' => 'custom', 'options' =>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-27
子比主题 – 仿张洪Heo页脚样式美化-识趣者资源

子比主题 – 仿张洪Heo页脚样式美化

今天来发一篇仿张洪Heo页脚样式的美化，我觉得这个页脚也许好看也许不好看，毕竟每个人的审观不一样，我这边没有完全模仿他的页脚，如果完全模仿的话我觉得适配手机端不好看，话不多说直接开始吧！ 代码部署 [hidecontent type="reply"] css我压缩了，然后你可以引入一个文件到footer文件里面，不会引入就用我直接部署的方法吧！ 我们首先要打开目录：/wp-content/themes/zibll/footer.php，然后我们接下来就要放入代码了，我们要知道子比自带的代码是什么，可以给他删掉，如果不删掉的话会出现两个页脚，所以我们将下面的代码删掉 <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> 删掉之后我们将开始放入这篇的页脚美化，我们放到下面代码的上面，我就不截图了，你自己想想哪个代码的上面，就是下面的代码！ <?php wp_footer(); ?> 也就是说放到<?php这个的上面，我说的已经够明白了，不能再说了！接下来就是放入我们的页脚代码 代码如下 <style> @font-face{font-family:"11";/* Project id 4837858 */ src:url('//at.alicdn.com/t/c/font_4837858_4eqpwuln6r8.eot?t=1740467376348');/* IE9...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
 2025-12-13
子比主题-右上角开通会员紫蓝渐变色-识趣者资源

子比主题-右上角开通会员紫蓝渐变色

教程 [hidecontent type="reply"] 放到后台css即可 .payvip-icon { color: #ffffff; --this-color: #ffffff; border-radius: 10px; background-image: linear-gradient(150deg,#6a11cb 30%,#2575fc 100%); } [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 文章段落渐变背景样式（四款）-识趣者资源

子比主题 – 文章段落渐变背景样式（四款）

在逛论坛的时候发现一个四款渐变背景样式，于是腾飞博客就给他们单独分开，一开始腾飞用WordPress 区块开发的本地注册（即原生注册）自定义区块来写的wordpress插件，写了一半不想写了，就代码部署wordpress新样板吧，也挺方便的，而且插件多了还卡，话不多说直接开始！ [hidecontent type="reply"] 更新了原始编辑器，就是禁用古腾堡的那种WP原始编辑器，看好是古腾堡编辑器还是原始编辑器 古腾堡编辑器原始编辑器 首先这个教程需要WP古腾堡，古腾堡才有的哦，没有的话就不用部署了！ 定位：WP后台–>>新建文章，我们先把代码直接新建区块这样就很方便了，新建文章如下图！ 代码我放到最后，喜欢的哪个自己放哪个，或者也可以都放，我们把样式放到了自定义HTML之后，我们点右边的三个点，如下图！ 然后我们如上图有一个：创建新样板，然后我们点开他，然后我们创建比如这个名字是：蓝色渐变，就写这个名字，然后分类可以自己创建，如下图，就看懂了！ 然后我们添加就添加成功了，然后我们去哪里找这个呢，如下图，我已经添加了四个！ 然后搜到了之后我们喜欢哪个就点哪个，然后直接部署就行，如果添加自定义HTML，想看到样式，可以点一下预览就变成了可观的样式，当然你如果自己写了样式也可以用这个教程哦 代码部署 绿色渐变橙色渐变蓝到粉渐变灰色渐变 <p class="gradient-paragraph gradient-4"> 这是一个绿色渐变背景示例。清新的颜色让人联想到自然和成长，适合用于环保、健康或积极主题的内容。 </p> <style> .gradient-paragraph { margin-bottom: 30px; padding: 25px; border-radius: 12px; line-height: 1.8; font-size: 1.6rem; transition: all 0.3s...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 修改免费/付费资源背景底色-识趣者资源

子比主题 – 修改免费/付费资源背景底色

这是一款子比主题修改免费/付费资源背景底色教程，首先子比主题有三个背景颜色在文章列表如：免费资源、付费资源（付费资源有积分付费和余额付费），我将一一说一下怎么改，改哪里，话不多说直接开始！ 代码部署 [hidecontent type="reply"] 定位：/wp-content/themes/zibll/inc/functions/zib-posts-list.php文件，里面搜“免费资源”，记住里面有三个免费资源，注意看我下面的图片是哪个地方，如下图和讲解 如上图我都标注好了，那么下面的表格我将提供子比主题自带的背景颜色样式，喜欢什么自己改！ class样式class样式class样式c-red红色文字b-theme主题背景色jb-red渐变红色背景c-yellow橙色文字b-red红色背景jb-yellow渐变橙色背景c-blue蓝色文字b-yellow橙色背景jb-blue渐变蓝色背景c-blue-2深蓝色文字b-blue蓝色背景jb-green渐变绿色背景c-green绿色文字b-green深蓝色背景jb-purple渐变紫色背景c-purple紫色文字b-purple紫色背景jb-vip1渐变金色背景jb-vip2渐变黑色背景 [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比美化丨评论区显示用户ID号含背景卡片图美化样式-识趣者资源

子比美化丨评论区显示用户ID号含背景卡片图美化样式

主要是借鉴了若歆的样式，没有什么好的背景图所以PA了若歆的希望不要介意啦。小樱自己还有一套图，也挺好看争取搞到手，嘻嘻嘻。其实样式仿的都是bilibili站的评论区的那个，基本一样。 教程如下 首先在网站/wp-content/themes/zibll 主题目录下新增func.php文件（此文件不会随着更新主题版本消失，有的话就不用管） 加入以下代码 [hidecontent type="payshow"] function wxs_footer_info_add_img_bill($info, $comment, $depth) { $user_ip = $comment->comment_author_IP; if ($user_ip) { //$user_ip_name = convertip(get_comment_author_ip()); // $replyText_html = '<span class="reply-link">' .'' . '</span><span style="cursor:pointer" data-toggle="tooltip" alt="IP：'.$user_ip.'" data-original-title="IP地址：'.$user_ip_name.'">'.mb_substr($user_ip_name,-3,3,"utf-8").'</span>'; $img_list = array('/img/pinglun/dtkp-000.png',...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-11-23
子比美化-批量替换数据，一键换域名插件-识趣者资源

子比美化-批量替换数据，一键换域名插件

[hidecontent type="reply"] 蓝奏网盘下载 [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 3个月前
#子比美化
 2026-01-05
子比美化教程 – 仿MACGF单行文章列表小工具-识趣者资源

子比美化教程 – 仿MACGF单行文章列表小工具

仿MACGF单行文章列表小工具 美化效果 食用教程 一、func.php代码 网站目录找到/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在zibll目录创建一个，创建之后记得加php头！ [hidecontent type="payshow"] $widgets_files = array( 'zbfox_single_posts_list.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/fetl/widgets/' . $file; } 此段代码切勿添加多次，否则报错！此段代码切勿添加多次，否则报错！此段代码切勿添加多次，否则报错！ 如果以前添加过其他类似的小工具，那么‘tengfei_banner_four.php’, 这段代码那就只需添加在上一个小工具的下方即可，下面的/fetl/widgets/代表的就是小工具的存放路径。 二、小工具代码 附件上传到：/wp-content/themes/zibll解压即可！ 部署完代码后选择小工具位置：网站后台 -> 外观 -> 小工具 -> ZbFox...
识趣资源的头像-识趣者资源至尊会员识趣资源· 29天前
#子比美化
 2026-02-03
子比主题-账户注销插件-识趣者资源

子比主题-账户注销插件

子比账户注销插件 这是一个为子比主题(Zibll)开发的用户账户注销插件，让用户可以自主注销账户。 插件演示 功能特点 在用户中心”我的服务”模块添加”账号注销”入口 三步注销流程：声明阅读 → 资产确认 → 最终确认 显示用户资产统计：文章、收藏、评论、粉丝、余额、积分、购物车、订单 订单状态检查：待支付、待发货、待收货、待评价、售后中的订单会阻止注销 安全验证：需输入确认文字 + 登录密码 注销处理：文章转移给站长、评论删除、用户数据清理 后台可配置：注销声明、确认文字、文章转移用户、注销日志 技术实现 使用子比主题的 zib_get_refresh_modal_link 生成弹窗按钮 使用 zib_get_modal_colorful_header 生成彩色头部 通过 zib_user_center_page_sidebar_button_1_args 过滤器添加入口 使用 CSF 框架实现后台配置（通过 zib_require_end 钩子加载） 使用子比主题的 notyf() 显示提示消息...
识趣资源的头像-识趣者资源至尊会员识趣资源· 昨天
#子比美化
 2025-11-24
子比主题动态灵动岛美化-识趣者资源

子比主题动态灵动岛美化

这是一个仿灵动岛美化的教程，在我们进入一些界面或进入网站时，都会进行提示，非常美观，看起来十分有高科技感。 将以下代码添加至自定义CSS代码处 [hidecontent type="payshow"] .dynamic-island:hover img {width:30px; height:30px;;} .bars {display:flex;align-items:center; justify-content:flex-end; gap:3px;} .bar {width:2px;height:13px;background-color:green;animation:bounce 1s infinite ease-in-out;animation-direction:alternate;} .bar:nth-child(1) {animation-duration:1s;} .bar:nth-child(2) {animation-duration:0.9s;} .bar:nth-child(3) {animation-duration:0.8s;} .bar:nth-child(4) {animation-duration:0.7s;} .bar:nth-child(5) {animation-duration:0.6s;} .bar:nth-child(6) {animation-duration:0.9s;} .bar:nth-child(7) {animation-duration:0.7s;} .dynamic-island {position:fixed;top:80px;left:50%;transform:translateX(-50%) scale(0); transform-origin:center;width:auto;max-width:80%;height:40px;background-color:#000;border-radius:25px;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 3个月前
#子比美化
 2026-01-23
子比主题 – 未登录操作提示弹窗代码-识趣者资源

子比主题 – 未登录操作提示弹窗代码

这段代码是基于 WordPress 的后端 AJAX 接口扩展代码，主要服务于采用子比（Zibll）主题的网站，核心作用是：当未登录用户触发私信、签到、余额充值、积分充值等需要用户身份的操作时，自动返回统一风格的 “请先登录” 提示弹窗，既保障网站功能安全，也给用户清晰的操作指引。 [hidecontent type="reply"] 以下代码放入func.php或functions.php中即可 add_action('wp_ajax_nopriv_private_window_modal', function() { if (isset($_SERVER['HTTP_REFERER']) && strcmp($_SERVER['HTTP_HOST'], parse_url($_SERVER["HTTP_REFERER"])['host']) != 0) exit(); echo ' <div class="tuc-c602702c-b4253a-0 modal-colorful-header colorful-bg jb-blue tuc-c602702c-b4253a-0"> <button class="tuc-c602702c-b4253a-0 close tuc-c602702c-b4253a-0" data-dismiss="modal"> <svg...
识趣资源的头像-识趣者资源至尊会员识趣资源· 11天前
#子比美化
 2026-01-27
子比主题-网站底部添加“百度收录数量”和“搜狗收录数量”精准代码-识趣者资源

子比主题-网站底部添加“百度收录数量”和“搜狗收录数量”精准代码

现在做站会有些站长把收录数量显示在网站底部，一来自己可以知道网站收录数量多少，二来申请友链的伙伴们也知道你网站有多少收录，不过大多数人都是用别人的API接口来实现，假如别人的API接口失效了，自己网站就多了个404的JS文件，这样会导致网站打开速度慢了一点点！这里直接把接口源码分享了！ 自建PHP百度收录数量API查询源码 在网站新建一个php文件，把下面的代码复制进去 API接口的源码，查询实例：你网站域名/文件.php?domain=查询域名 [hidecontent type="reply"] <?php /* Plugin Name: XY-百度收录量 Description: XY-根据域名返回百度收录量 */ $domain = (isset($_GET['domain']))?$_GET['domain']:$_POST['domain']; if(empty($domain)) echo '查询域名不能为空'; $count = baiduSL ($domain); if(!isset($count)) showjson(array('code'=>200502,'msg'=>'查询失败，请重试！')); if(!$count) $count = 0; $result=array( 'code'=>1, 'domain'=>$domain, 'data'=>$count );...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
1…101112131415跳转