汇聚访-汇聚访
用户封面
4.5W+42812
汇聚访的头像-汇聚访
核心会员汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访332天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布422
排序
2025-05-24
05-24
WordPress子比主题美化教程合集（持续更新）-汇聚访

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

本页主题美化内容是博主在建站时一个一个测试过无任何错误的记录合集，使用之前先参考本站，若觉得实用就拿去用吧，我会不定时更新，如有长期未更新或者不能使用的请留言。 注意说明 每个人的审美观念不一样，所以请先参考本站或测试在用的美化。 主题美化、小工具可能会有一定程度使网站加载缓慢、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);...
10个月前
建站笔记
2025-07-10
07-10
7B2主题 - 移动端底部菜单栏-汇聚访

实用7B2主题 – 移动端底部菜单栏

今天给大家分享一下WordPress网站7B2主题移动端底部菜单栏的美化教程，其他WordPress主题可能不适用！美化的内容主要是修改了移动端菜单栏的位置，不涉及图标的修改！ 演示效果： 代码部署： [hidecontent type="reply"] 修改文件：b2/Assets/fontend/mobile.css （有些可能不止一个，但是看对应代码就能辨别，差不多的就是） 1.查找：.mobile-footer-menu.footer-fixed{，将该处替换为 /*汇聚访：www.huijuf.com*/ .mobile-footer-menu.footer-fixed{ position: fixed; padding-bottom: calc(env(safe-area-inset-bottom) + 6px); } /*修改*/ 2. 查找：.mobile-footer-menu{，将该处替换为 /*汇聚访：www.huijuf.com*/ .mobile-footer-menu{ box-shadow: 0 -1px 3px 0 rgba(26,26,26,.1); padding: 5px; z-index: 5; flex-flow: nowrap; display: flex;...
8个月前
建站笔记
2025-05-01
05-01
子比主题 - 让网站禁止访问控制台 打开控制台跳转页面说明-汇聚访

实用子比主题 – 让网站禁止访问控制台 打开控制台跳转页面说明

让网站禁止F12访问控制台，打开控制台就会跳转到另一个页面，取消就会返回上一页，这个没图，你们可以自己试一下。 演示效果： 代码部署： [hidecontent type="payshow"] JS代码 <script type="module"> import devtools from './banf12/js/moukey.js'; if (devtools.isOpen) { window.location.href = "./banf12"}; window.addEventListener('devtoolschange', event => { if (event.detail.isOpen) { window.location.href = "./banf12"}; }); </script> 路径需要自己调整，资源文件自己找地方放置即可！ [/hidecontent]
10个月前
建站笔记
2025-04-27
04-27
子比主题 - 侧边滚动播报小工具（两款）-汇聚访

实用子比主题 – 侧边滚动播报小工具（两款）25/11/23更新

一共两款子比主题侧边滚动播报小工具，分别为美化版本和简洁的版本，喜欢的自行部署，放到文章页侧边比较合适！ 演示效果： 第一款 第二款 更新内容： 修复第二版样式的小工具报错 为第二款样式的小工具增添白色背景 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML！ 第一款第二款 <section id="custom_html-2" class="widget_text widget widget_custom_html mar16-b"> <meta charset="utf-8"> <div class="textwidget custom-html-widget"> <aside id="php_text-8" class="widget php_text wow fadeInUp" data-wow-delay="0.3s"> <div class="textwidget widget-text"> <style type="text/css">...
11个月前
建站笔记
2025-06-25
06-25
子比主题 - 侧边栏添加发帖按钮样式-汇聚访

实用子比主题 – 侧边栏添加发帖按钮样式

给子比主题论坛侧边加一个发帖按钮的样式代码，这个按钮样式非常的简约，自己填写跳转链接即可，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 这是小工具，直接放到你喜欢的位置，然后自定义HTML里即可! <div style="margin: 20px 0;"> <a href="/posts-edit/" style="display: block; width: 100%; background-color: #1677ff; color: white; padding: 12px 0; border-radius: 8px; text-align: center; text-decoration: none; font-size: 16px; font-weight: 500;"> + 我要发帖...
9个月前
建站笔记
2025-11-20
11-20
子比主题 – 侧边栏广告卡片小工具-汇聚访

实用子比主题 – 侧边栏广告卡片小工具

这是一款子比主题的侧边栏广告卡片小工具，此小工具依旧是星雨做的，小工具功能比较多可自行设置跳转链接以及文字等，黑夜模式下会有动态的背景效果，添加完之后如遇到报错，请在小工具配置中修改相关信息即可，话不多说需要的自行下载部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加下面的代码： $widgets_files = array( 'zibbox_widget_steer.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 文章附件下载之后上传到：/wp-content/themes/zibll解压即可！ [/hidecontent]
4个月前
建站笔记
2025-04-27
04-27
子比主题 - 付费详情说明模块样式-汇聚访

实用子比主题 – 付费详情说明模块样式

这是一款给子比主题付费详情说明模块增加的一个美化，主要效果是一个漂亮的背景图片样式来高亮显示用来提醒用户注意须知，教程部署起来也是比较简单，有需要的自行部署下吧！ 演示效果： 代码部署： [hidecontent type="reply"] HTMLCSS 定位：网站后台–>Zibll主题设置–>商城&付费–>商城配置–>更多详情，输入需要显示的文字！如下图所示： 直接将下面的代码放到：子比主题–>>自定义CSS样式即可！ /*付费详情说明模块美化*/ .pay-box .pay-details { background-image: url(https://pic1.imgdb.cn/item/69315a08a11464095f8abe79 .png); color: #fff; text-align: center; background-size: cover; } [/hidecontent]
11个月前
建站笔记
2025-07-22
07-22
子比主题 - 用户信息小工具底部两个按钮美化-汇聚访

实用子比主题 – 用户信息小工具底部两个按钮美化

今天汇聚访给大家带来用户信息小工具底部两个按钮的美化教程，这个效果最开始是在腾飞博客看到的，个人感觉挺好看的，于是就扒了下来，今天就分享给大家吧，每个人的观感不同，自己觉得好看的自行部署吧！代码部分我发了两个版本，一个压缩版和一个未压缩自行部署。 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比后台设置 - 自定义CSS样式中添加以下代码： 压缩版未压缩 /*汇聚访：www.huijuf.com*/ .user-btns { margin-top: 20px !important; display: flex; justify-content: center; align-items: center; gap: 14px; flex-wrap: wrap; padding-bottom: 4px; } /*汇聚访：www.huijuf.com*/ .user-btns .btn-newadd, .user-btns .jb-pink { background:...
8个月前
建站笔记
2025-08-18
08-18
子比主题 - 给文章页图片添加遮罩版权图片-汇聚访

实用子比主题 – 给文章页图片添加遮罩版权图片

大家好，今天汇聚访给大家带来一款子比主题的文章页里面的图片加上遮罩图片效果，这个效果说实话就是一个装饰，鼠标指向图片之后图片右下角有一个版权图片可自己放自己的logo图片链接，话不多说直接开始！ 演示效果： 代码部署： [hidecontent type="reply"] 在子比后台-自定义javascript代码中添加以下代码（图片链接自行替换）： //文章内页增加图片遮罩开始 document.addEventListener('DOMContentLoaded', function() { const images = document.querySelectorAll('.article-content > .theme-box > .wp-block-image > img'); images.forEach(img => { // 创建包裹容器 const wrapper = document.createElement('div'); wrapper.style.position = 'relative'; wrapper.style.display = 'inline-block';...
7个月前
建站笔记
2025-11-08
11-08
子比主题 – 文章列表渐变过渡美化（两款）-汇聚访

实用子比主题 – 文章列表渐变过渡美化（两款）

这是给子比主题添加的两款文章列表渐变过渡美化，刚开始是今一单独只做了列表模式，我又重新适配了一下卡片模式，两种模式的代码不同我这里也分开放了，同时也适配了黑夜模式，话不多说喜欢的自行部署吧！ 演示效果： 卡片模式 列表模式 代码部署： [hidecontent type="reply"] 列表模式卡片模式 定位：子比主题–>>自定义CSS样式即可！颜色可在CSS里自行调整，该款为列表模式，别搞错了！ .posts-item.list.ajax-item.flex { position: relative; overflow: hidden; padding-right: 15px; border-color: #ffdd44; transition: border-color 0.5s ease, box-shadow 0.5s ease; } .posts-item.list.ajax-item.flex::after { content: ""; opacity: 0.2; position: absolute;...
4个月前
建站笔记
123…43跳转
欢迎光临~
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

专属内容无限访问
下载权限提升至最高级
专属子比付费美化优惠
免费下载更多精品资源
¥29.9 ¥39.9
Vip会员 · 立省30元
立即开通
每日签到
公众号二维码
扫码关注公众号
获取更多专属内容和最新资讯
展开全屏
返回顶部