建站笔记

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);...
8个月前
建站笔记
2026-01-20
01-20
Ri主题 - 夜间模式动态星空背景-汇聚访

实用Ri主题 – 夜间模式动态星空背景

这是给RiProV5的夜间模式适配的一款动态星空背景的样式，此样式在子比主题主题里也适配过，但是两款不是同一个代码，总体来说还是挺好看的，唯一的不足就是有点吃性能，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] header.phpCSS代码 定位：/wp-content/themes/ripro-v5/header.php中找到<main>这个标签，然后在此标签下添加以下代码： <div data-v-addee5d6="" data-v-2478e6e8="" class="background"> <div data-v-addee5d6="" class="stars small"></div> <div data-v-addee5d6="" class="stars medium"></div> <div data-v-addee5d6="" class="stars large"></div> </div> 定位：后台主题设置 - 基本设置 - 自定义CSS样式代码中添加以下代码（需下载文章附件中的图片素材，再修改代码中的“素材所放置的路径”为素材路径）： .background[data-v-addee5d6] { position: fixed; top: 0;...
昨天
建站笔记
2026-01-19
01-19
子比主题 -文章页动漫提示引导小人-汇聚访

实用子比主题 -文章页动漫提示引导小人

这是汇聚访为子比主题适配的哔哩哔哩样式的提示引导小人，此代码适用于所有主题，这里仅以子比主题作为演示，该教程部署位置为文章页，你可以放在你网站的任何地方，话不多说有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 文章插入内容CSS代码 定位：子比后台设置 - 文章&列表 - 文章页面 - 文章插入内容 - 在文章内容后-插入内容中添加以下代码即可： <div class="huijuf-service-bg"><div class="huijuf-service-word"><p>还没有解决问题咩？</p><a style="cursor:pointer;" data-remote="/wp-admin/admin-ajax.php?action=private_window_modal&receive_user=1" data-toggle="RefreshModal">主站相关客服</a></div></div> 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： .huijuf-service-bg { position: huijuf; display: block; width: 270px; height: 220px; background:...
前天
建站笔记
2026-01-19
01-19
子比主题 – VIP会员权益页面（第四版）-汇聚访

实用子比主题 – VIP会员权益页面（第四版）

这是给子比主题适配的第四款的VIP会员权益页面，这款相比前面的几款是比较简约的，没有...
前天
建站笔记
2026-01-16
01-16
子比主题 – 下载按钮hover弹窗功能-汇聚访

实用子比主题 – 下载按钮hover弹窗功能

这是一款子比主题下载按钮hover弹窗功能，部署此功能之前你需要注意当此功能部署完之后，这个如果用户扫描二维码下载资源之后，是不扣资源限制次数的，介意的话就不用这个功能，需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ // AJAX接口：生成二维码（带缓存） add_action('wp_ajax_get_download_qrcode','custom_get_download_qrcode'); add_action('wp_ajax_nopriv_get_download_qrcode','custom_get_download_qrcode'); function custom_get_download_qrcode(){ if(empty($_GET['url'])){die();} $url=urldecode($_GET['url']); $cache_key='qr_'.md5($url); $cached=get_transient($cache_key); if($cached){ header('Content-Type: image/png'); header('Cache-Control: max-age=86400'); echo base64_decode($cached); die(); } ob_clean(); require_once get_theme_file_path('/inc/class/qrcode.class.php'); ob_start(); QRcode::png($url,false,'L',4,1); $img=ob_get_clean(); set_transient($cache_key,base64_encode($img),DAY_IN_SECONDS); header('Content-Type: image/png'); header('Cache-Control:...
5天前
建站笔记
2026-01-14
01-14
子比主题 – 滚动推荐卡片小工具（第二版）-汇聚访

实用子比主题 – 滚动推荐卡片小工具（第二版）

这是给子比主题适配的第二款的滚动推荐卡片小工具，此小工具与本站使用的非一个代码版本，本版本为别的站长免费分享的，汇聚访总体测试下来这个版本问题还是挺多的，汇聚访这里修复了几个小问题，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先把文章所含的附件下载下来，解压到/wp-content/themes/zibll路径下，随后在你所需要的位置添加小工具中的自定义HTML代码，随后把下方代码添加进去即可（图片以及跳转链接需要自行更换）： <link rel="stylesheet" href="/wp-content/themes/zibll/zibbox/css/Banner.css"> <style type="text/css"> /* 合并所有幻灯片样式+原有样式 */ .todayCard-title, .todayCard-tips, .topGroup.banner-button {color: #ffffff} .topGroup.todayCard {background: #000000} /* 新增幻灯片样式 */ .slideshow-container {position: relative;width: 100%;height: 100%;overflow: hidden;border-radius: 12px;} .slide {position: absolute;top:...
7天前
建站笔记
2026-01-11
01-11
子比主题 – 新排名榜页面样式（两款）-汇聚访

实用子比主题 – 新排名榜页面样式（两款）

这是一款子比主题的新排名榜页面样式，此效果一共有两款，分别为有图以及无图的样式，这个...
10天前
建站笔记
2026-01-04
01-04
子比主题 - 趣味生肖配对小工具-汇聚访

实用子比主题 – 趣味生肖配对小工具

这是一款适配子比主题的趣味生肖配对小工具，此小工具适配所有主题和网站，部署后可自定义配对指数以及相关提示语，此小工具也是比较简约的，有能力的可以自己再美化美化，有需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台 – 外观 – 小工具中找到文章页-侧边栏添加自定义HTML代码即可： <!-- 生肖配对测试 -汇聚访www.huijuf.com --> <div style="background: linear-gradient(135deg, #fdf2f8 0%, #fef7fb 100%); border-radius: 8px; padding: 20px; margin-bottom: 20px; border: 1px solid #f0d5e0;"> <h3 style="color: #e53e3e; font-size:...
17天前
建站笔记
2026-01-03
01-03
子比主题 - 马年倒计时小工具-汇聚访

实用子比主题 – 马年倒计时小工具

这是一款给子比主题适配的马年倒计时小工具，此代码不单适用于子比主题还适用于别的一些主题等程序，过年的时间你也可自定义修改，代码使用的都是原生代码，重要的地方都有相关注释，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台 - 外观 - 小工具中找到文章页-侧边栏添加自定义HTML代码即可： /*汇聚访www.huijuf.com*/ <div style="background: linear-gradient(135deg, #f0f8fb 0%, #e8f4f8 100%); border-radius: 8px; padding: 20px; margin-bottom: 20px; border: 1px solid #d1e7f0;"> <h3 style="color: #165dff; font-size: 18px; margin: 0...
18天前
建站笔记
2026-01-02
01-02
子比主题 - 前台发布文章离开页面提示保存-汇聚访

实用子比主题 – 前台发布文章离开页面提示保存

这是为子比主题前台编辑器添加的一个发布文章离开页面提示保存的功能，当我们在前台发帖或发文章页面编辑一大堆内容，如果忘记手动保存直接访问其他页面后，所有内容就丢失了。此功能就是为了避免这一情况发生，有需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题后台 - 自定义代码 - 自定义底部HTML代码中添加以下代码（记得修改代码中的网站为你自己的）： <!-- 提示编辑保存js开始--> <script type="text/javascript"> let whiteList = ['/newposts','/posts-edit/'] let flag = whiteList.includes(window.location.pathname) ? true : false let formListenerAdded = false; function listeningForm() { var hasChanges...
19天前
建站笔记
2026-01-02
01-02
子比主题 - 禁止使用余额购买会员功能-汇聚访

实用子比主题 – 禁止使用余额购买会员功能

这是一款子比主题的余额扩展功能，此次分享的代码有两种不同的模式，分别为普通模式以及严格模式，两种模式的用法、要求等截然不同，代码搭配的有详细注释，可根据自己的情况进行部署！有用得到的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 温馨提示：普通模式状态下会禁止用余额开通/续费会员，不影响其他功能（如购买文章、购买商城商品、购买积分等），严格模式状态下只能用于文章内的资源/内容购买，禁止用于购买会员、积分、商城商品等其他一切消费！ 普通模式严格模式 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ // 子比主题：禁止使用余额购买会员 add_filter('zibpay_is_allow_balance_pay', function($allow, $pay_type){ // pay_type: 4=购买会员 if($pay_type == 4){ return false; // 禁止 } return $allow; // 其他情况保持默认 }, 10, 2); 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ // 子比主题：余额仅允许用于文章内消费 add_filter('zibpay_is_allow_balance_pay',...
19天前
建站笔记
123…32跳转