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

独家ZibBox主题 – 最新版v1.0.6已更新[2025-10-13][更新日志]

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

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

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

实用子比主题 – logo透明过渡美化样式

new
这是给子比主题得的logo添加的一款透明过渡的美化样式，这个效果是腾飞参考别的网站的样式来适配子比主题的，之前我也发过几款logo样式的美化，话不多说有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题–>>自定义CSS样式，把下方代码放入即可： /*汇聚访：www.huijuf.com*/ .navbar-brand { position: relative; } .navbar-logo img { position: relative; display: inline-block; animation: logoShine 2s infinite ease-in-out; } @keyframes logoShine { 0% { transform: translateX(0); opacity: 1; }...
子比主题建站笔记
2025-10-28
10-28
子比主题 – 给网站添加动态蜡笔小新-汇聚访

实用子比主题 – 给网站添加动态蜡笔小新

new
这是给子比主题添加的一款网站动态蜡笔小新样式，原代码是腾飞分享出来的，这个效果会在下拉网站或者上拉网站的时候出现蜡笔小新，提示词也是可自行修改的，可以随意拖拽他，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] JSCSSHTML 直接将下面的代码放到：子比主题–>>自定义头部HTML代码或自定义底部HTML代码，或者放在header文件里面，里面的文件代码自己本地！spig.js文件我放在文章附件了，自行引入！ <!--蜡笔小新--> <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js" type="text/javascript"></script> <script src="/spig.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> var right_click = '你想干啥呀？'; var onoff_move = '1'; var touch_array = ["不要摸我", "再摸我，我就杀掉你！", "干嘛老摸我啊？", "非礼呀！！！！！", "我可以告你性侵犯吗？", "色狼啊啊！"]; var...
子比主题建站笔记
2025-10-23
10-23
子比主题 – 数据统计条小工具代码-汇聚访

实用子比主题 – 数据统计条小工具代码

这是一款子比主题的数据统计条代码，里面带有日更新、文章数目、帖子数量、评论数量、注册用户、运行时间、浏览次数等功能，该小工具原为腾飞分享的，你可以放在你想放置的任何一个位置，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加上php头，要不然会报错，然后将下面的代码放里面即可！ // 统计条func代码 if (!function_exists('get_posts_count_today')) { function get_posts_count_today($post_type = 'post') { $today = date('Y-m-d'); $args = array( 'post_type' => $post_type, 'post_status' => 'publish', 'date_query' => array( array( 'after' => $today...
子比主题建站笔记
2025-10-21
10-21
子比主题 – 用户随机头像教程（代码版）-汇聚访

实用子比主题 – 用户随机头像教程（代码版）

这是一款子比主题的用户随机头像教程，这款教程是通过代码的形式来实现，通过php代码实现然后调用的是目录的图片即可实现用户注册随机头像教程，随机头像的头像样式也可自行更改，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加上php头，要不然会报错，将下面的代码放到里面即可！ /*开始随机头像*/ function zib2_sign_in($user_id) { if (!$user_id) { return; } $social_login = get_user_meta($user_id, 'oauth_new', true); $avatars_base_dir = WP_CONTENT_DIR . '/uploads/tx/'; $avatars = glob($avatars_base_dir . '*.{jpg,jpeg,png,gif}', GLOB_BRACE | GLOB_NOSORT); if (empty($avatars))...
子比主题建站笔记
2025-10-17
10-17
子比主题 - 网站公告美化弹窗-汇聚访

实用子比主题 – 网站公告美化弹窗

这是给子比主题适配的一款网站美化弹窗公告，这个效果类似那种资源站的公告，原本为狐狸发出来的，我这里修改了一下样式，公告图片放在公益图床了但是我还是建议本地化，有觉得好看的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：网站后台->Zibll主题设置->全局&功能->常用功能->弹窗通知： 打开窗口尺寸设置为中，弹窗标题背景为炫彩背景，随后为标题内容以及弹窗内容： 标题内容弹窗内容 <div> <script type="text/javascript"> /*汇聚访：www.huijuf.com*/ var now = (new Date()).getHours(); if (now > 0 && now <= 6) { document.write("熬夜对身体不好，快睡觉！"); } else if (now > 6 && now...
子比主题建站笔记
2025-10-17
10-17
子比主题 - 网站右下角弹窗公告代码-汇聚访

实用子比主题 – 网站右下角弹窗公告代码

这是一款子比主题的网站右下角弹窗公告代码，这个效果是在每次用户打开网站时弹出一个提示框，但是部分浏览器不支持，目前我测试Edg貌似无法弹窗，谷歌是正常的，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/footer.php然后在</body>的下面添加以下代码即可： /*汇聚访：www.huijuf.com*/ <script> var popNotice = function() { //获取用户授权状态 if (Notification.permission == "granted") { var notification = new Notification("Hi,欢迎光临汇聚访", { //很明显这是正文 body: '各位小哥哥小姐姐喜欢本站就留言互访吧,我会每天不定时的访问各位的站点。', //很明显这是图标 icon: 'https://demo.huijuf.com/wp-content/uploads/2025/09/favicon.png' }); //消息被点击事件 notification.onclick =...
子比主题建站笔记
2025-10-14
10-14
子比主题 - 评论区增加开通会员按钮-汇聚访

实用子比主题 – 评论区增加开通会员按钮

这是一款给子比主题评论区的发送评论的右边添加一个开通会员按钮，这个按钮当用户评论的时候都可以看到，这样就更可以给自己的站点会员推广一下，教程也比较简单，不需要修改主题源代码，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题–>>文章&列表–>>评论设置–>>自定义评论提交按钮文案，将代码放到发送评论的后面！ </button> <a class="but c-red btn-input-expand input-image mr6 pay-vip"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-vip_1"></use></svg><span class="hide-sm">加入VIP</span> </a> [/hidecontent]
子比主题建站笔记
2025-10-11
10-11
子比主题 - 悬浮侧栏兔子挂件区块美化-汇聚访

实用子比主题 – 悬浮侧栏兔子挂件区块美化

这是给子比主题添加一款悬浮侧栏兔子挂件区块的样式美化，可以给网站左侧以及右侧添加这款样式（不能同时添加），鼠标移动到兔子上面就能弹出提示框，方便用户的引导与行为控制，非常实用的一个美化，有需要的自行部署吧！ 左侧效果： 右侧效果： 代码部署： [hidecontent type="payshow"] 第一步第二步 首先定位：子比后台设置 - 自定义底部HTML代码中添加以下代码： /*汇聚访：www.huijuf.com*/ <div class="act-rule"> <p class="title"> 招募设计师 </p> <div class="rule-wrap"> <dl class="wrap-content"> <dt>规则</dt> <dd><i>1</i>使您的作品被广泛展现，每次下载都有收入，最专业的设计稿交易平台，平台只抽取15%费用。 </dd> <dd><i>2</i>诚邀各设计者加入实现共赢，有意者请联系汇聚访www.huijuf.com免费开通权限 </dd> <dd><i>3</i>入驻即赠送免费设计师专属极速网盘，无广告无限速 </dd> </dl> <p class="wrap-btn"> <a href="https://www.huijuf.com/">查看详情</a> </p> </div>...
子比主题建站笔记
2025-10-11
10-11
子比主题 - 设置文章有效期（到期自动删除/隐藏）-汇聚访

实用子比主题 – 设置文章有效期（到期自动删除/隐藏）

这是一款为子比主题添加文章有效期的功能，允许您为每篇文章设定有效期。一旦到达设定时间，文章将自动下线，不再对外展示。到期提醒的样式比较简陋，如果觉得不好看自行修改一下吧，用得到的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/www/wwwroot/huliku.com/wp-content/themes/zibll/func.php 添加以下代码，没有的自己创建一个，记得加上<?php否则会报错。添加代码后，后台发布文章页面右侧会多出个“文章有效期”栏目。填写好到期时间发布即可！ //文章有效期 CSF::createMetabox('post_validity_options', array( 'title' => '文章有效期', 'post_type' => ['post', 'page', 'forum_post'], 'context' => 'side', 'data_type' => 'unserialize', )); CSF::createSection('post_validity_options', array( 'fields' => array( array( 'id' => 'post_validity_time', 'type'...
子比主题建站笔记
2025-10-10
10-10
子比主题 – 右侧二次元不倒翁样式-汇聚访

实用子比主题 – 右侧二次元不倒翁样式

这是一款适配子比主题的二次元不不倒翁样式效果，适用一些以二次元风格的站点，喜欢的自行部署吧，反正我是觉得看多了有点晕晕的....，别的站点应该也可以用，没什么好说的自行测试吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台–>>子比主题–>>网站统计HTML代码，直接丢里面就可以了，但是要注意的是，里面的JS需要自行更换，因为按钮里面有跳转链接在JS里面，所以你需要下载文章附件自己引入，在JS代码里面搜：www.huijuf.com，替换你的就行了！ <div id="left_layer" class="sakana-tfbk" style="position:fixed; bottom:250px; right:-38px;"> <div id="sakana-widget"></div> <script> function initSakanaWidget() { new SakanaWidget().mount('#sakana-widget'); } </script> <script async onload="initSakanaWidget()" src="/wp-content/themes/zibll/sakana.js" ></script> </div> [/hidecontent]
子比主题建站笔记
123…24跳转