子比主题

子比主题 – 顶部多功能组件时间样式-汇聚访

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

这是给子比主题添加的一款时间钟表样式，可实时更新时间并且还有年和月等功能，字体颜色都可自定义设置，与此同时代码是通用的，放在哪里都是可以的，但是要注意样式的变化，喜欢的自行部署吧！ 演示效果： 代码部署： [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)...
建站笔记
712011
汇聚访的头像-汇聚访核心会员汇聚访8个月前
子比主题 - 用户UID插件-汇聚访

子比主题 – 用户UID插件

这是一款子比主题的用户UID插件，此插件为官方论坛初晨所开发的，启用此插件后将会在用...
功能插件
02077
汇聚访的头像-汇聚访核心会员汇聚访8个月前
子比主题 - 文章列表多种动画效果美化（四款）-汇聚访

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

这是一款子比主题的文章列表多种动画效果美化，此效果依旧是我们的老墨根据一为主题的文章列表加载动效所研究，加上这个效果可以使子比主题的文章列表更具有灵动性看起来更生动，话不多说喜欢的自行部署吧！ 演示效果： 第一款 第二款 第三款 第四款 代码部署： [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)...
建站笔记
1413315
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 最近评论小工具样式（升级版）-汇聚访

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

这是老墨改的一款子比主题的最近评论小样式，用的还是主题内置的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 =...
建站笔记
510414
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 前端修改个人封面图片剪切功能-汇聚访

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

这是一款子比主题用户中心中的个人封面扩展功能，此功能主要是可以使用户在前端自定义裁减自己上传的封面图片的大小也是非常的实用，该功能手机端的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库...
建站笔记
08812
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 页面底部动态小人样式-汇聚访

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

这是一款适配子比主题底部的两只可爱动漫小人效果，此效果汇聚访仅在电脑上作用了，低于电脑版尺寸的都已经隐藏了，夜间模式下也是一点都不突兀，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [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;...
建站笔记
51328
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 – 右下角联系客服浮窗小工具-汇聚访

子比主题 – 右下角联系客服浮窗小工具

这是一款子比主题右下角联系客服浮窗小工具，这款小工具是腾飞写的有可视化的设置，可自定义不用端的开启或关闭，手机端也是正常适配的，但是黑夜模式没有适配，话不多说有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加下面的代码： $widgets_files = array( 'zibbox_online_kefu.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 文章附件上传到：/wp-content/themes/zibll解压即可！小工具推荐放置位置：所有页面-页脚区内部 [/hidecontent]
建站笔记
0976
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 用户个人信息小工具动态钟表样式-汇聚访

子比主题 – 用户个人信息小工具动态钟表样式

这是一款子比主题仿Emlog里的一款主题样式的，这个不仅可以用在用户个人中心小工具，同时还可以用在文章作者信息小工具里，我都适配好了，此效果仅在网站用户登录时候才显示，我懒得适配未登录了，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/zibll/inc/functions/zib-author.php找到函数：zib_get_user_card_box（大概在700多行左右），随后在这个函数内部找到$cover这个变量名，你会看到以下代码： $cover = $args['show_img_bg'] ? '<div class="user-cover graphic" style="padding-bottom: 50%;">' . get_user_cover_img($user_id) . '</div>' : ''; 随后把此段代码替换为以下代码： /*汇聚访：www.huijuf.com*/ $cover = $args['show_img_bg'] ? '<div class="user-cover graphic" style="padding-bottom: 50%;"><div class="zibbox-clock-item"><div class="zibbox-clock_box"><svg class="ete_clock_clock"xmlns="http://www.w3.org/2000/svg"viewBox="0...
建站笔记
01376
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 – 侧边付费下载小工具（升级版）-汇聚访

子比主题 – 侧边付费下载小工具（升级版）

这是一款根据子比主题自带的付费下载小工具修改的小工具，在原本的基础上添加了一些相关作者信息，这款是炙焰写的，使用了子比主题原生框架，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先我们第一步定位：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！随后加下方的代码： $widgets_files = array( 'zibbox_widget_pays.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 文章附件下载之后上传到：/wp-content/themes/zibll解压即可！ [/hidecontent]
建站笔记
61279
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 弹窗猫耳朵背景样式-汇聚访

子比主题 – 弹窗猫耳朵背景样式

这是一款子比主题的弹窗猫耳朵背景样式，不管你打开哪个弹窗背后都会有个猫耳朵的背景，当然图片你也可以找素材自定义，猫耳朵的颜色我采用了主题你设置的基本颜色，这款效果来源于呆萌站长，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：主题后台设置 - 自定义CSS代码样式中添加下方代码即可： .modal-open .modal::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--focus-color); -webkit-mask: url(https://pic1.imgdb.cn/item/6922ddee3203f7be00250545 .png) no-repeat center/contain; mask: url(https://pic1.imgdb.cn/item/6922ddee3203f7be00250545 .png) no-repeat center/contain; z-index: -1;...
建站笔记
71016
汇聚访的头像-汇聚访核心会员汇聚访9个月前
1…1011121314…37跳转