子比美化
2025-09-04
09-04
ZibBox主题 – 最新版v1.0.8已更新-汇聚访置顶

独家ZibBox主题 – 最新版v1.0.8已更新[2025-11-30][更新日志]

温馨提示：更新主题请务必记得清空浏览器缓存、刷新CDN缓存、刷新Redis或Memc...
1个月前
美化插件
2025-05-24
05-24
WordPress子比主题美化教程合集（持续更新）-汇聚访置顶

独家WordPress子比主题美化教程合集（持续更新）25/11/12更新

本页主题美化内容是博主在建站时一个一个测试过无任何错误的记录合集，使用之前先参考本站，若觉得实用就拿去用吧，我会不定时更新，如有长期未更新或者不能使用的请留言。 注意说明 每个人的审美观念不一样，所以请先参考本站或测试在用的美化。 主题美化、小工具可能会有一定程度使网站加载缓慢、CSS全局污染等等一系列的问题，请一定要测试后再进行美化。 主题美化可能会对主题文件进行修改，更新时请及时备份主题美化的文件，或者收藏本站，以免一些主题页面或美化效果丢失。 子比主题美化都是站长自己鼓捣、测试后才发布的，完全免费，开放。 教程及说明 （最新版）CSS代码添加到子比主题后台设置->自定义代码->自定义CSS样式 （最新版）JS即javascript代码添加到子比主题后台设置->自定义代码->自定义javascript代码 （最新版）没有特殊说明的小工具，自定义HTML小工具添加网站后台->外观->小工具->点击【自定义HTML】选择放置的位置->把代码复制进去，保存即可。 其他添加方式的，我会在教程里告知，若只需添加CSS+JS的教程，我不重复告知了，请注意看上面的方法。 教程按是更新时间排序，最新的美化教程排在最后面-页码越往后越新！ 1.logo扫光 将下方代码添加到：子比主题后台设置->自定义代码->自定义CSS样式 [hidecontent type="logged"] /* logo扫光开始www.huijuf.com*/ .navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand:before{content:""; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5);...
5个月前
建站笔记
2025-11-30
11-30
子比主题 - 文章列表多种动画效果美化（四款）-汇聚访

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

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

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

new
这是老墨改的一款子比主题的最近评论小样式，用的还是主题内置的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 =...
5小时前
建站笔记
2025-11-30
11-30
子比主题 - 前端修改个人封面图片剪切功能-汇聚访

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

new
这是一款子比主题用户中心中的个人封面扩展功能，此功能主要是可以使用户在前端自定义裁减自己上传的封面图片的大小也是非常的实用，该功能手机端的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库...
6小时前
建站笔记
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;...
前天
建站笔记
2025-11-26
11-26
子比主题 – 右下角联系客服浮窗小工具-汇聚访

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

这是一款子比主题右下角联系客服浮窗小工具，这款小工具是腾飞写的有可视化的设置，可自定义不用端的开启或关闭，手机端也是正常适配的，但是黑夜模式没有适配，话不多说有喜欢的自行部署吧！ 演示效果： 代码部署： [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]
4天前
建站笔记
2025-11-24
11-24
子比主题 - 用户个人信息小工具动态钟表样式-汇聚访

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

这是一款子比主题仿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...
6天前
建站笔记
2025-11-23
11-23
子比主题 – 侧边付费下载小工具（升级版）-汇聚访

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

这是一款根据子比主题自带的付费下载小工具修改的小工具，在原本的基础上添加了一些相关作者信息，这款是炙焰写的，使用了子比主题原生框架，喜欢的自行部署吧！ 演示效果： 代码部署： [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]
7天前
建站笔记
2025-11-23
11-23
子比主题 - 弹窗猫耳朵背景样式-汇聚访

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

这是一款子比主题的弹窗猫耳朵背景样式，不管你打开哪个弹窗背后都会有个猫耳朵的背景，当然图片你也可以找素材自定义，猫耳朵的颜色我采用了主题你设置的基本颜色，这款效果来源于呆萌站长，喜欢的自行部署吧！ 演示效果： 代码部署： [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;...
7天前
建站笔记
2025-11-23
11-23
子比主题 – 会员尊享卡片跳转样式-汇聚访

实用子比主题 – 会员尊享卡片跳转样式

这是一款子比主题仿星河主题的会员尊享卡片跳转样式，这款样式应该是腾飞扒下来然后适配的，整体效果一般，没有适配夜间模式，手机版这里没有截图因为看起来比较突兀，有强迫症的还是别用了，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 直接将下面的代码丢到：WP后台–>>外观–>>小工具–>>自定义HTML即可！推荐：文章页-顶部全宽度 <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet"> <style> .member-card-container{max-width:100%;margin:0 auto;padding:10px}.member-st{width:100%;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(to right,#e0f2fe,#bae6fd);border:1px solid rgba(2,132,199,0.1);box-shadow:0 10px 25px -5px rgba(2,132,199,0.1),0 8px 10px -6px rgba(2,132,199,0.1)}.corner-decoration{position:absolute;width:60px;height:60px;background-color:rgba(255,255,255,0.2);z-index:5}.top-left{top:0;left:0;border-radius:0 0 60px 0}.top-right{top:0;right:0;border-radius:0 0 0 60px}.bottom-left{bottom:0;left:0;border-radius:0 60px 0 0}.bottom-right{bottom:0;right:0;border-radius:60px 0 0 0}.member-bgbox{position:absolute;inset:0;background-image:radial-gradient(rgba(2,132,199,0.06)...
7天前
建站笔记
2025-11-22
11-22
子比主题 - 联系我们页面（第二款）-汇聚访

实用子比主题 – 联系我们页面（第二款）

这是一个第二款适配子比主题的联系我们页面，该效果原作者是宇凌写的但是也有一些问题，我...
8天前
建站笔记
123…27跳转