子比美化 第3页
2025-12-07
12-07
子比主题 - 首页VIP购买小工具（第二版）-汇聚访

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

这是B2主题适配子比主题的一款首页VIP购买小工具，点击立即加入后会自动调用子比主题的会员弹窗，图片我放在图床上面了，这个相比第一版更好看，第一版确实有点简陋了，有需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：WP后台 - 外观 - 小工具 - 自定义HTML代码中添加以下代码即可（推荐放置：首页-底部全宽度）： /*汇聚访www.huijuf.com*/ <div class="huijuf-one-home-homevip" style="background-image: url(https://pic1.imgdb.cn/item/69354b493cf558499f2402d8 .png);"> <div class="one-container wrapper"> <div class="huijuf-one-home-title"> <span>会员尊享权益圈子</span> <p>成为我们的VIP会员，尊享无限免费下载使用，更享受全面的服务与福利</p> </div> <div class="huijuf-one-home-homevip-box one-grid-ceosmls one-grid"> <div id="onecad-id-1" class="huijuf-one-width-1-1 huijuf-one-width-1 b2-radius"> <div...
19天前
建站笔记
2025-12-06
12-06
子比主题 – 仿资源网广告小工具（第二版）-汇聚访

实用子比主题 – 仿资源网广告小工具（第二版）

这是给子比主题扩展的第二版的仿资源网广告小工具，比起第一版少了下一页和上一页的功能，...
21天前
建站笔记
2025-12-06
12-06
子比主题 - 仿资源网广告小工具（第一版）-汇聚访

实用子比主题 – 仿资源网广告小工具（第一版）

这是一款为子比主题适配的仿资源网广告和最新文章的小工具样式，汇聚访这里也是把手机版和主题的黑夜模式一同适配了，此版本非外面泛滥的版本，同时制作不易，请大家购买后不要泛滥，所需要的资源我都打包了，部署起来非常简单，有喜欢的自行下载部署吧！ 演示效果： 更新内容： 优化相关样式代码，更贴近主题样式 修复文章发布日期代码样式错乱的问题 新增文章不足时，用暂无更多替代，不留空 代码部署： [hidecontent type="payshow"] 首先在网站后台 - 外观 - 小工具 - 首页-顶部全宽度 - 自定义HTML代码中添加以下代码： <div class="shxgjbox"> <div class="shxgjleft"> <div class="shxgjimg"> <img src="/zibbox/img/haibao.jpg" alt="海报图" /> </div> <div class="shxgjcaidan"> <div class="shxgjcaidantop"> <a href="/newposts"...
21天前
建站笔记
2025-12-04
12-04
子比主题 - 侧边栏用户信息小工具悬浮喷花效果-汇聚访

实用子比主题 – 侧边栏用户信息小工具悬浮喷花效果

这是给子比主题的侧边栏小工具添加的一款鼠标悬浮喷花效果，当鼠标经过的时候会有喷花漂浮下来，鼠标移开后将会消失，总的来说还是挺不错的，黑夜模式也是适配的，汇聚访这里没过多做测试，喜欢的自行部署吧！ 样式效果： 代码部署： [hidecontent type="payshow"] 定位：子比后台设置 - 自定义CSS代码样式中添加以下代码即可： /*汇聚访原创www.huijuf.com*/ .user-card.zib-widget.widget { position: relative; } .user-card.zib-widget.widget::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; display: none; height: 100%; background: url(https://pic1.imgdb.cn/item/693175151f1698c4ff0c5804 .gif); background-size: cover; z-index:...
22天前
建站笔记
2025-12-02
12-02
子比主题 – 文章最新访客小工具-汇聚访

实用子比主题 – 文章最新访客小工具

这是一款子比主题的文章最新访客小工具，此小工具为优化后的版本非市面泛滥版本，添加后可实时查看哪些用户访问了本篇文章，与此同时手机端也进行了完善和适配，黑夜模式也是完美适配了的，有需要的自行部署吧！ 演示效果： 无访客时 有访客时 更新日志： 可自定义标签文字 手机端显示可以横向滑动展示 没有访客的情况下默认显示自定义的图片（过滤网站管理员） 代码部署： [hidecontent type="payshow"] 首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加下面的代码： $widgets_files = array( 'zibbox_visitor_info.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 文章附件上传到：/wp-content/themes/zibll解压即可！ [/hidecontent]
24天前
建站笔记
2025-12-01
12-01
子比主题 – 顶部多功能组件时间样式-汇聚访

实用子比主题 – 顶部多功能组件时间样式

这是给子比主题添加的一款时间钟表样式，可实时更新时间并且还有年和月等功能，字体颜色都可自定义设置，与此同时代码是通用的，放在哪里都是可以的，但是要注意样式的变化，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题–>>页面&显示–>>顶部多功能组件–>>组件【上方】添加额外内容，将下面的代码放里面即可，当然你也可以放在组件【下方】添加额外内容，代码是通用的！ <div class="header-slider-search-more after"> <!-- 日期显示区域 --> <div id="timeDisplay" class="time-display">20:37:35</div> <p id="dateDisplay" class="date-display">Friday, November 21, 2025</p> <script> // 更新时间和日期的函数 function updateTimeAndDate() { const now = new Date(); // 格式化24小时制时间 (HH:MM:SS)...
25天前
建站笔记
2025-11-30
11-30
子比主题 - 文章列表多种动画效果美化（四款）-汇聚访

实用子比主题 – 文章列表多种动画效果美化（四款）

这是一款子比主题的文章列表多种动画效果美化，此效果依旧是我们的老墨根据一为主题的文章列表加载动效所研究，加上这个效果可以使子比主题的文章列表更具有灵动性看起来更生动，话不多说喜欢的自行部署吧！ 演示效果： 第一款 第二款 第三款 第四款 代码部署： [hidecontent type="reply"] 无论是哪一款，代码都是直接放在主题后台设置 - 自定义CSS代码样式中的！代码已进行压缩！ 第一款第二款第三款第四款 .posts-item{animation:floatUp 0.8s ease forwards}@keyframes floatUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}} .posts-item{animation:floatUpBounce 0.9s ease forwards}@keyframes floatUpBounce{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}} .posts-item{animation:floatUpScale 0.7s ease forwards}@keyframes floatUpScale{0%{opacity:0;transform:translateY(30px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}} .posts-item{animation:floatUpRotate 0.8s ease forwards}@keyframes floatUpRotate{0%{opacity:0;transform:translateY(30px)...
27天前
建站笔记
2025-11-30
11-30
子比主题 - 最近评论小工具样式（升级版）-汇聚访

实用子比主题 – 最近评论小工具样式（升级版）

这是老墨改的一款子比主题的最近评论小样式，用的还是主题内置的CSS代码，此教程并没有直接修改于小工具代码，而是在评论的函数上下了功夫，整体效果还算可以，每个人眼光都是不同的，有喜欢的自行查看部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/inc/functions/zib-comments-list.php随后找到函数zib_widget_comments（大概在300多行），然后把这个函数替换为下方的代码即可： function zib_widget_comments($limit, $outpost, $outer) { global $wpdb; $args = array( 'orderby' => 'comment_date', 'number' => $limit, 'status' => 'approve', 'post_type'=> ['post'], ); if(_pz('bbs_s')){ $args['post_type'][] = 'forum_post'; } $author__not_in =...
27天前
建站笔记
2025-11-30
11-30
子比主题 - 前端修改个人封面图片剪切功能-汇聚访

实用子比主题 – 前端修改个人封面图片剪切功能

这是一款子比主题用户中心中的个人封面扩展功能，此功能主要是可以使用户在前端自定义裁减自己上传的封面图片的大小也是非常的实用，该功能手机端的ui也适配了，话不多说了，有需要的站长自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先第一步定位：inc/function/uesr/page.php然后搜索函数zib_get_user_cover_set_modal()把这个函数注释，注释了之后把下方函数代码添加进去： /** * @description: 汇聚访www.huijuf.com带图片剪切功能的封面设置模态框 * @param {*} * @return {*} */ function zib_get_user_cover_set_modal() { $user_id = get_current_user_id(); if (!$user_id) { return; } $add = ZIB_TEMPLATE_DIRECTORY_URI . '/img/upload-add.svg'; // 引入Cropper.js库...
27天前
建站笔记
2025-11-28
11-28
子比主题 - 页面底部动态小人样式-汇聚访

实用子比主题 – 页面底部动态小人样式

这是一款适配子比主题底部的两只可爱动漫小人效果，此效果汇聚访仅在电脑上作用了，低于电脑版尺寸的都已经隐藏了，夜间模式下也是一点都不突兀，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题后台设置 - 全局&功能 - 自定义CSS样式中添加以下代码即可（图片放图床了，建议自行本地化）： /*汇聚访www.huijuf.com*/ @media (min-width: 1420px){ html::after, body::after { position: fixed; top: 0; bottom: 0; content: ' '; background-repeat: no-repeat; background-size: 250px; background-image: url('https://pic1.imgdb.cn/item/6929a9bdb4e23f08080b15d4 .gif') !important; width: 125px;...
28天前
建站笔记
12345…28跳转