2025-09-04
09-04
ZibBox主题 – 最新版v1.0.9已更新-汇聚访置顶

子比主题

独家ZibBox主题 – 最新版v1.0.9已更新[2026-01-01][更新日志]

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

子比主题

独家WordPress子比主题美化教程合集（持续更新）26/04/05更新

本页主题美化内容是博主在建站时一个一个测试过无任何错误的记录合集，使用之前先参考本站，若觉得实用就拿去用吧，我会不定时更新，如有长期未更新或者不能使用的请留言。 温馨提示： 每个人的审美观念不一样，所以请先参考本站或测试在用的美化。 主题美化、小工具可能会有一定程度使网站加载缓慢、CSS全局污染等等一系列的问题，请一定要测试后再进行美化。 主题美化可能会对主题文件进行修改，更新时请及时备份主题美化的文件，或者收藏本站，以免一些主题页面或美化效果丢失。 子比主题美化都是站长自己鼓捣、测试后才发布的，完全免费，开放。 必要说明： （最新版）CSS代码添加到子比主题后台设置->自定义代码->自定义CSS样式 （最新版）JS即javascript代码添加到子比主题后台设置->自定义代码->自定义javascript代码 （最新版）没有特殊说明的小工具，自定义HTML小工具添加网站后台->外观->小工具->点击【自定义HTML】选择放置的位置->把代码复制进去，保存即可。 其他添加方式的，我会在教程里告知，若只需添加CSS+JS的教程，我不重复告知了，请注意看上面的方法。 教程按是更新时间排序，最新的美化教程排在最后面-页码越往后越新！ 1.logo扫光 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： [hidecontent type="logged"] .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);...
11个月前
建站笔记
2026-04-05
04-05
子比主题 - cookie同意弹窗提示-汇聚访

子比主题

实用子比主题 – cookie同意弹窗提示

new
这是一款为子比主题添加的cookie同意弹窗提示，此同意弹窗提示目前只适配了PC端，手机端暂时还没有适配，有能力的朋友可以自行适配一下，其实这个对大部分网站意义也不大，需要的朋友自己看着部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 自定义底部HTML代码自定义CSS代码自定义javascript代码 定位：子比主题后台 - 自定义代码 - 自定义底部HTML代码中添加以下代码： <div class="wrapper"> <header> <svg viewBox="0 0 1024 1024" aria-hidden="true"> <path d="M160 256A96 96 0 0 1 256 160h512A96 96 0 0 1 864 256v336.384a38.4...
17小时前
建站笔记
2026-04-05
04-05
子比主题 - 叠加封面卡片组件右下角添加自定义图片-汇聚访

子比主题

实用子比主题 – 叠加封面卡片组件右下角添加自定义图片

new
这是给子比主题的多功能组件叠加卡片组件的右下角添加一个自定义图片功能，同时部署教程中有相关参数注释，你可自行调节图片、位置、大小等等信息，话不多说，喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： .icon-cover-card { background-image: url('https://img.alicdn.com/imgextra/i3/2215711783898/O1CN01iqZP1P1efKzKO3KeQ_!!2215711783898.png') !important; background-size: 15% auto !important; /* 可以调整这个值改变图片大小 */ background-position: right bottom !important; /* 定位到右下角 */ background-repeat: no-repeat !important; /* 防止重复 */ } [/hidecontent]
17小时前
建站笔记
2026-04-03
04-03
子比主题 - 文章右上角新发布NEW美化-汇聚访

子比主题

实用子比主题 – 文章右上角新发布NEW美化

这是一款为子比主题新增的文章列表样式内部New美化，部署完此代码后，在每次发完新文章的24h之内就会自动在文章列表样式的内部添加一个New标签，过完24h之后自动消失，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 自定义CSS代码自定义javascript代码文章列表 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： .posts-item { position: relative!important } .huijuf-new-icon { position: absolute; top: 5px; right: 5px; z-index: 10 } .new-badge { position: relative; display: inline-flex; align-items: center; justify-content: center;...
2天前
建站笔记
2026-04-03
04-03
子比主题 – 右侧简约客服弹窗样式-汇聚访

子比主题

实用子比主题 – 右侧简约客服弹窗样式

这是一款给子比主题自定义添加的网站全局侧边栏弹窗样式，这款样式效果的效果还是很不错的，在滑动页面的时候会自动隐藏，整体相对是比较简约的，有需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 自定义头部HTML代码自定义CSS代码自定义JS代码 定位：子比主题–>>自定义代码–>>自定义头部HTML，将下面的放入进去即可！ <div class="zib-kefu-container"> <div class="zib-kefu-btn" id="zibKefuBtn"> <i class="fa fa-comments-o"></i> <span>联系我们</span> </div> <div class="zib-backtop-btn" id="zibBacktopBtn"> <i class="fa fa-arrow-up"></i> </div> <!-- 客服面板 --> <div class="zib-kefu-panel" id="zibKefuPanel"> <div class="zib-kefu-close" id="zibKefuClose"> <i class="fa...
2天前
建站笔记
2026-04-01
04-01
子比主题 - 底部页脚动物墙美化-汇聚访

子比主题

实用子比主题 – 底部页脚动物墙美化

这是给子比主题适配的底部页脚动物墙美化，这款代码是汇聚访从别人二开张洪的主题延申而来的，这款被我移植到了子比上。同时，我这里适也配了手机版，图片引用的我网站的或者存在你自己本地即可，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] footer.phpCSS代码 定位：/wp-content/themes/zibll/footer.php找到以下代码： <footer class="footer"> 在此行代码的上方添加下方代码即可： <div id="footer-animal"><img class="animal entered loaded" src="https://www.huijuf.com/wp-content/themes/zbboxPro/images/animal.png" alt="动物"></div> 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： #footer-animal { position: relative; } #footer-animal::before { content: ''; position: absolute; bottom: 0; width: 100%;...
4天前
建站笔记
2026-03-15
03-15
子比主题 – 会员开通引导模块样式-汇聚访

子比主题

实用子比主题 – 会员开通引导模块样式

这是给子比主题适配的一款会员开通引导模块样式，这款美化是从别的主题中摘抄出来的，也是属于一款相对较老的美化了，最近有用户问我要了，趁着今天有空发出来，有需要的话自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 小工具代码自定义底部HTML代码 定位：WP后台–>>外观–>>小工具–>>自定义HTML，将下面的代码放里面即可！推荐放置：文章页-顶部全宽度 <style> .huijuf-vip-box{position:relative;width:100%;height:130px;background:#e0f2fe;margin:0 auto;border-radius:10px;overflow:hidden;box-sizing:border-box}.huijuf-vip-box::after{position:absolute;top:0;left:0;transform:translate(-50%,-50%);content:"";width:100px;height:100px;border-radius:50%;background:#0284c7;z-index:1;opacity:0.15}.huijuf-vip-box::before{position:absolute;bottom:0;right:0;transform:translate(50%,50%);content:"";width:180px;height:180px;border-radius:50%;background:#0284c7;z-index:1;opacity:0.15}.huijuf-vip-box > .huijuf-vip-left-icon > i{position:absolute;font-size:100px;z-index:1;color:#0284c7;top:50%;transform:translateY(-50%);left:50px}.huijuf-vip-box > .huijuf-vip-left-text{position:absolute;left:180px;height:100%}.huijuf-vip-box > .huijuf-vip-left-text h2{color:#0284c7;font-size:23px;margin-top:30px;font-weight:400}.huijuf-vip-box > .huijuf-vip-left-text ul{margin:0;padding:0;margin-top:12px}.huijuf-vip-box > .huijuf-vip-left-text ul li{display:inline-block;list-style:none;padding:0 5px;color:#0284c7;transform:translateX(-7px)}.huijuf-vip-box > .huijuf-vip-left-text ul li i{margin-right:8px}.huijuf-vip-box > .huijuf-vip-right-btn{position:absolute;height:35px;width:130px;line-height:33px;text-align:center;text-decoration:none;font-style:normal;background-color:#0284c7;color:#fff;right:100px;top:50%;transform:translateY(-50%);border-radius:30px}.huijuf-vip-box >...
21天前
建站笔记
2026-03-10
03-10
子比主题 - 个人主页公开/私密功能（升级版）-汇聚访

子比主题

实用子比主题 – 个人主页公开/私密功能（升级版）

这是一款为子比主题增添的个人主页扩展功能，部署该功能后可在个人主题设置隐私方案，当设置为私密模式的时候，别人将无法看到你的信息信息，这款是汇聚访进行改良过的，外面发的感觉不太好看，有需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] func.phpzib-author.php 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ add_filter('author_header_drop_lists', 'custom_zib_author_privacy_toggle_btn', 20, 2); function custom_zib_author_privacy_toggle_btn($lists, $author_id) { if (get_current_user_id() !== $author_id) { return $lists; } $is_private = get_user_meta($author_id, 'profile_is_private', true); $text = $is_private ? '设为公开' : '设为私密';...
26天前
建站笔记
2026-03-04
03-04
子比主题 – 开通会员自动送积分功能-汇聚访

子比主题

实用子比主题 – 开通会员自动送积分功能

这是给子比主题适配的开通会员自动赠送积分的功能，该功能部署之后会根据用户开通或者续费网站会员的时常赠送用户相对应的积分，赠送的积分以及判定的时间都可自行更改，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ // 监听支付成功事件 add_action('payment_order_success', 'zib_vip_payment_give_points', 15); /** * 会员开通/续费送积分 * @param object $pay_order 订单对象 */ function zib_vip_payment_give_points($pay_order) { // 检查是否是会员订单 if (empty($pay_order->user_id) || empty($pay_order->product_id) || 4 != $pay_order->order_type) { return;...
32天前
建站笔记
2026-03-01
03-01
子比主题 – 侧边最近评论样式美化-汇聚访

子比主题

实用子比主题 – 侧边最近评论样式美化

这是一款子比主题侧边最近评论样式美化，这款美化也是相对来说比较早的了，今天汇聚访在浏览别的站点的时候看到了，之前一直忘发了今天给大家补上，东西我都打包好了，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 上传附件JS代码CSS代码 上传附件我们第一步要做的是将下面的附件上传到：/wp-content/themes/zibll目录下就可以，然后其他的就不用管了，我这边已经打包部署好了，你也不用改，避免改的报错什么的！ 附件下载 子比主题侧边最近评论样式美化附件下载提取码jqfm 定位：后台子比主题设置–>>自定义代码–>>自定义 javascript中添加以下代码： // 汇聚访 - 最近评论样式调用JS代码 var postsMiniElements = document.querySelectorAll('.posts-mini'); postsMiniElements.forEach(function(element) { // 生成一个随机的Base64编码字符串 var randomBase64 = btoa(Math.random().toString(36).substr(2, 9)); // 拼接到URL中 var url = '/wp-content/themes/zibll/img/zibbox/uid_img/huijuf-api.php?kid=' +...
35天前
建站笔记
2026-02-27
02-27
子比主题 - 文章页右上角hover显示当页二维码-汇聚访

子比主题

实用子比主题 – 文章页右上角hover显示当页二维码

这是给子比主题文章页框架添加的一个显示当页二维码的功能，鼠标悬停时展开显示当前文章链接的二维码，此功能可方便用户用手机扫码访问，是大海写出来的，有用得到的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ function article_qrcode() { if (!is_single()) return; ?> <style> article.article {position:relative} .qrcode-wrap {position:absolute;top:0;right:0;cursor:pointer;z-index:99} .qrcode-wrap .qrcode-icon {width:45px;height:38px;background:url(https://tirzsjsxujuxsoqj.sh1.hi168.com/2026/02/02/b8ac360e24d3a.png) no-repeat} .qrcode-wrap .hover-show-con {display:none;position:absolute;top:-1px;right:-1px;min-width:180px;padding:20px 20px 15px;text-align:center;background:var(--main-bg-color,#fff);border:1px solid var(--main-border-color,#eee);box-shadow:none} .qrcode-wrap:hover .hover-show-con {display:block} .qrcode-wrap .qrcode {margin:0...
1个月前
建站笔记
123…43跳转

分类-WP插件-汇聚访 3487
WP插件
34篇文章更多文章
实用WordPress插件 – 像素电子宠物插件
2个月前
实用WordPress插件 – 账号防共享插件
2个月前
实用WordPress插件 – 时光优化插件
4个月前
实用WordPress插件 – 高级前端访问控制
4个月前
专题-子比美化-汇聚访 3.5W+
子比美化
311篇文章更多文章
独家WordPress子比主题美化教程合集（持续更新）26/04/05更新
17小时前
实用子比主题 – cookie同意弹窗提示
17小时前
实用子比主题 – 叠加封面卡片组件右下角添加自定义图片
17小时前
实用子比主题 – 文章右上角新发布NEW美化
2天前
分类-图片素材-汇聚访 2039
图片素材
19篇文章更多文章
精美图片素材 – 精美二次元成就素材
5个月前
精美图片素材 – 仿哔哩哔哩等级图标
5个月前
精美图片素材-二次元等级图标素材
5个月前
精美图片素材-动漫勋章图标素材
5个月前
子比美化
1
子比主题 - cookie同意弹窗提示-汇聚访
实用子比主题 – cookie同意弹窗提示
41
2
子比主题 - 叠加封面卡片组件右下角添加自定义图片-汇聚访
实用子比主题 – 叠加封面卡片组件右下角添加自定义图片
39
3
子比主题 - 文章右上角新发布NEW美化-汇聚访
实用子比主题 – 文章右上角新发布NEW美化
88
4
子比主题 – 右侧简约客服弹窗样式-汇聚访
实用子比主题 – 右侧简约客服弹窗样式
68
5
子比主题 - 底部页脚动物墙美化-汇聚访
实用子比主题 – 底部页脚动物墙美化
69
榜单实时更新
图文素材
1
图片素材 - 精美二次元成就素材-汇聚访
精美图片素材 – 精美二次元成就素材
151
2
图片素材 - 仿哔哩哔哩等级图标-汇聚访
精美图片素材 – 仿哔哩哔哩等级图标
114
3
图片素材 - 精美等级图标素材-汇聚访
精美图片素材 – 精美等级图标素材
142
4
图片素材 - 段位等级图标-汇聚访
精美图片素材 – 段位等级图标
163
5
图片素材 - 渐变彩色等级图标-汇聚访
精美图片素材 – 渐变彩色等级图标
82
榜单实时更新
WP插件
1
WordPress插件 - 像素电子宠物插件-汇聚访
实用WordPress插件 – 像素电子宠物插件
100
2
WordPress插件 - 账号防共享插件-汇聚访
实用WordPress插件 – 账号防共享插件
107
3
WordPress插件 - 时光优化插件-汇聚访
实用WordPress插件 – 时光优化插件
117
4
WordPress插件 - 高级前端访问控制-汇聚访
实用WordPress插件 – 高级前端访问控制
79
5
WordPress插件 – 123云盘对接插件-汇聚访
实用WordPress插件 – 123云盘对接插件
106
榜单实时更新