建站笔记

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);...
6个月前
建站笔记
2025-12-13
12-13
子比主题 - 底部黑色页脚样式（第一版）-汇聚访

实用子比主题 – 底部黑色页脚样式（第一版）

new
这是一款子比主题的黑夜页脚样式，此样式是狐狸原创的，这款样式也是比较老的美化样式了，...
13小时前
建站笔记
2025-12-12
12-12
子比主题 – 侧边栏快捷功能小工具-汇聚访

实用子比主题 – 侧边栏快捷功能小工具

这是子比主题的一款侧边栏快捷功能小工具，此小工具的配置选项由腾飞使用CSF框架构建，汇聚访这里把图片集成在本地了以防图片丢失，同时修改了样式使其和别的小工具组件上下有间距，你可以设置别的图片以及按钮功能，有喜欢的朋友自行部署吧！ 演示效果： 登录状态下 未登录状态下 代码部署： [hidecontent type="payshow"] 首先我们第一步定位：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！随后加下方的代码： $widgets_files = array( 'zibbox_quick.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 文章附件下载之后上传到：/wp-content/themes/zibll解压即可！如需更换图片请到：/wp-content/themes/zibll/img/zibbox里更换！ [/hidecontent]
前天
建站笔记
2025-12-10
12-10
子比主题 – 侧边栏信息统计数据小工具-汇聚访

实用子比主题 – 侧边栏信息统计数据小工具

这是一款子比主题的侧边栏信息统计数据小工具，此小工具可显示网站的多个信息资料，同时汇聚访这里已经把代码封装为可视化小工具了，部署起来十分简单，图片也可自行更换，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先我们第一步定位：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！随后加下方的代码： $widgets_files = array( 'zibbox_slider_tj.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 文章附件下载之后上传到：/wp-content/themes/zibll解压即可！如需更换图片请到：/wp-content/themes/zibll/img/zibbox里更换！ [/hidecontent]
3天前
建站笔记
2025-12-10
12-10
子比主题 – 文章图片类小工具-汇聚访

实用子比主题 – 文章图片类小工具

这是一款子比主题的文章重构图片类小工具，这款小工具可选很多版式，例如2*2卡片、1大+2小、5小卡片等八种样式，适合一些用子比主题做写真网的站点，除了版式有许多的同时附带的有几款鼠标悬停效果，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先我们第一步定位：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！随后加下方的代码： $widgets_files = array( 'zibbox_posts_layou.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 文章附件下载之后上传到：/wp-content/themes/zibll解压即可！ [/hidecontent]
3天前
建站笔记
2025-12-09
12-09
子比主题 - 用户中心我的投诉页面（三款）-汇聚访

实用子比主题 – 用户中心我的投诉页面（三款）

这是给子比主题增添的一个用户投诉页面的功能，此功能代码部署之后用户可自行查看自己所投诉举报的内容，这里一共有三种样式，但是都差不多可自行选择自己喜欢的样式，有需要的朋友自行部署吧！ 演示效果： 第一款 第二款 第三款 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/inc/functions/user/page.php文件，我们搜下面的函数： function zib_user_ctnter_main_tabs_array_filter_main($tabs_array) 然后在官方认证下面添加下面的代码！ $tabs_array['complaint'] = array( 'title' => '我的投诉', 'nav_attr' => 'drawer-title="我的投诉"', 'content_class' => 'complaint-settings', 'loader' => '<div class="zib-widget"> <div class="placeholder k1 mb10"></div> <div class="placeholder k1...
4天前
建站笔记
2025-12-07
12-07
子比主题 - 首页左侧联系站长按钮-汇聚访

实用子比主题 – 首页左侧联系站长按钮

这是在子比主题首页左侧添加一个系站长按钮样式，此按钮所显示文字可自行更换，同时那个小表情也是跳动的，十分灵动好看，代码部署起来也是比较简单的，需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/footer.php搜索</body>标签，在此标签的上方添加以下代码即可： /*汇聚访www.huijuf.com*/ <style> @keyframes shangxa { 0%, 100%, 20%, 50%, 80% { transition-timing-function: cubic-bezier(0.215,.61,.355,1); transform: translate3d(0,0,0); } 40%, 43% { transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060); transform: translate3d(0,-10px,0); } 70% { transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); transform:...
6天前
建站笔记
2025-12-07
12-07
子比主题 - 首页VIP购买小工具（第二版）-汇聚访

实用子比主题 – 首页VIP购买小工具（第二版）

这是B2主题适配子比主题的一款首页VIP购买小工具，点击立即加入后会自动调用子比主题的会员弹窗，图片我放在图床上面了，这个相比第一版更好看，第一版确实有点简陋了，有需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：WP后台 - 外观 - 小工具 - 自定义HTML代码中添加以下代码即可（推荐放置：首页-底部全宽度）： /*汇聚访www.huijuf.com*/ <div class="huijuf-one-home-homevip" style="background-image: url(https://pic1.imgdb.cn/item/69354b493cf558499f2402d8 .png);"> <div class="one-container wrapper"> <div class="huijuf-one-home-title"> <span>会员尊享权益圈子</span> <p>成为我们的VIP会员，尊享无限免费下载使用，更享受全面的服务与福利</p> </div> <div class="huijuf-one-home-homevip-box one-grid-ceosmls one-grid"> <div id="onecad-id-1" class="huijuf-one-width-1-1 huijuf-one-width-1 b2-radius"> <div...
6天前
建站笔记
2025-12-06
12-06
子比主题 – 仿资源网广告小工具（第二版）-汇聚访

实用子比主题 – 仿资源网广告小工具（第二版）

这是给子比主题扩展的第二版的仿资源网广告小工具，比起第一版少了下一页和上一页的功能，...
7天前
建站笔记
2025-12-06
12-06
子比主题 - 仿资源网广告小工具（第一版）-汇聚访

实用子比主题 – 仿资源网广告小工具（第一版）

这是一款为子比主题适配的仿资源网广告和最新文章的小工具样式，汇聚访这里也是把手机版和主题的黑夜模式一同适配了，此版本非外面泛滥的版本，同时制作不易，请大家购买后不要泛滥，所需要的资源我都打包了，部署起来非常简单，有喜欢的自行下载部署吧！ 演示效果： 更新内容： 优化相关样式代码，更贴近主题样式 修复文章发布日期代码样式错乱的问题 新增文章不足时，用暂无更多替代，不留空 代码部署： [hidecontent type="payshow"] 首先在网站后台 - 外观 - 小工具 - 首页-顶部全宽度 - 自定义HTML代码中添加以下代码： <div class="shxgjbox"> <div class="shxgjleft"> <div class="shxgjimg"> <img src="/zibbox/img/haibao.jpg" alt="海报图" /> </div> <div class="shxgjcaidan"> <div class="shxgjcaidantop"> <a href="/newposts"...
7天前
建站笔记
2025-12-04
12-04
子比主题 - 侧边栏用户信息小工具悬浮喷花效果-汇聚访

实用子比主题 – 侧边栏用户信息小工具悬浮喷花效果

这是给子比主题的侧边栏小工具添加的一款鼠标悬浮喷花效果，当鼠标经过的时候会有喷花漂浮下来，鼠标移开后将会消失，总的来说还是挺不错的，黑夜模式也是适配的，汇聚访这里没过多做测试，喜欢的自行部署吧！ 样式效果： 代码部署： [hidecontent type="payshow"] 定位：子比后台设置 - 自定义CSS代码样式中添加以下代码即可： /*汇聚访原创www.huijuf.com*/ .user-card.zib-widget.widget { position: relative; } .user-card.zib-widget.widget::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; display: none; height: 100%; background: url(https://pic1.imgdb.cn/item/693175151f1698c4ff0c5804 .gif); background-size: cover; z-index:...
9天前
建站笔记
123…30跳转