子比主题

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:...
1个月前
建站笔记
2025-12-03
12-03
子比主题 - 文章标签外链插件-汇聚访

实用子比主题 – 文章标签外链插件

这是一款由初晨使用ai开发的子比主题文章标签外链插件，此插件并非原版，汇聚访这里删除...
1个月前
功能插件
2025-12-02
12-02
子比主题 - 评论区夸夸插件-汇聚访

实用子比主题 – 评论区夸夸插件

这是星野爱作者为子比主题适配的一款评论区夸夸插件，我之前发过相关的代码教程，但是那个...
1个月前
功能插件
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]
1个月前
建站笔记
2025-12-02
12-02
子比主题 - 文章侧边栏隐藏按钮插件-汇聚访

实用子比主题 – 文章侧边栏隐藏按钮插件

这是一款由Moment使用Ai开发的子比主题侧边栏隐藏按钮插件,此插件开启后会在文章...
1个月前
功能插件
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)...
1个月前
建站笔记
2025-12-01
12-01
子比主题 - 用户UID插件-汇聚访

实用子比主题 – 用户UID插件

这是一款子比主题的用户UID插件，此插件为官方论坛初晨所开发的，启用此插件后将会在用...
1个月前
功能插件
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)...
2个月前
建站笔记
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 =...
2个月前
建站笔记
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库...
2个月前
建站笔记
1…45678…32跳转