子比美化 第2页
2025-10-10
10-10
子比主题 – 论坛发帖标签必选功能-汇聚访

实用子比主题 – 论坛发帖标签必选功能

这是一款子比主题的论坛功能，主要是用于且方便一些使用前台编辑器的站长以及用户，添加上这个功能可以更加方便管理一些分类等，话不多说，有用得到的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php，如果没有这个文件，记得自己创建一个，记得加上php头，要不然会报错！ /** * 论坛发帖标签必选功能 * 此功能确保用户在发布论坛帖子时必须选择至少一个标签 */ function jipan_bbs_tag_required_early_check() { if ( defined('DOING_AJAX') && DOING_AJAX && isset($_REQUEST['action']) && $_REQUEST['action'] === 'bbs_posts_save' ) { global $zib_bbs; // 首先检查标题 $post_title = !empty($_REQUEST['post_title'])...
子比主题建站笔记
2025-10-09
10-09
子比主题 – 文章/帖子标题违规检测功能-汇聚访

实用子比主题 – 文章/帖子标题违规检测功能

这是一款子比主题内容安全管理功能，能够在用户发布文章或帖子时自动检测标题中是否包含违规关键词，如发现违规内容则阻止发布并提示用户修改，包括模糊匹配而且不分大小写，能够精准拦截用户投稿的标题文章！原作者应该是腾飞，我这里仅作分享，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 一共有三个步骤，话不多说直接开始！当我们三个步骤全部部署好了之后，我们定位：子比主题–>>扩展&增强–>>网站安全–>>标题关键词检测，打开此功能即可用了！ 第一步第二步第三步 定位：/wp-content/themes/zibll/inc/options/admin-options.php文件，然后我们搜文字如下： 非管理员前台不显示附件 将下面的代码放到他的下面，如下图： // 标题关键词检测 array( 'title' => '标题关键词检测' . $new_badge['7.4'], 'subtitle' => '检测文章和帖子标题中的违规关键词', 'id' => 'title_keyword_detection', 'type' => 'fieldset', 'fields' => array( array( 'title' => '启用关键词检测', 'id'...
子比主题建站笔记
2025-10-09
10-09
子比主题 – 侧栏个人信息卡片-汇聚访

实用子比主题 – 侧栏个人信息卡片

这是一款子比主题的侧栏个人信息卡片，美化代码主要来源于张洪的博客，然后狐狸模仿写了一下，这个效果还是挺不错的，但是夜间模式并没有适配，有需要的自行适配一下，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：后台 - 外观 - 小工具 - 文章页-侧边栏 - 自定义HTML代码中添加以下三种代码，这边我推荐放在侧边栏。 HtmlCSSJS <div class="zbfox_user_card"> <div class="zbfox_user_cont"><span>生活明朗 万物可爱</span></div> <div class="zbfox_user_avatar"><img src="https://www.huijuf.com/wp-content/uploads/2025/05/汇聚访506-03.png" alt="avatar"></div> <div class="hidden_text"> <span>这有关于<b>产品</b>、<b>设计</b>、<b>开发</b>相关的问题和看法，还有<b>文章翻译</b>和<b>分享</b>。<br>相信你可以在这里找到对你有用的<b>知识</b>和<b>教程</b>。</span> </div> <div class="zbfox_user_infor"><span>HUIJUF.COM</span> <p>记录生活 留住感动</p> </div> <div class="zbfox_user_infor_qq"><a...
子比主题建站笔记
2025-10-09
10-09
子比主题 – 倒计时弹窗美化样式-汇聚访

实用子比主题 – 倒计时弹窗美化样式

这是一组子比主题的倒计时弹窗美化样式，但是同时也适用于所有网站程序站点（自行测试），该教程仅以子比主题为例子教学，教程比较简单，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台–>>外观–>>小工具–>>自定义HTML，建议将下面的代码放到我们的所有页面-底部全宽度 <style> /*汇聚访：www.huijuf.com*/ .popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(8px); z-index: 9999; justify-content: center; align-items: center;...
子比主题建站笔记
2025-10-09
10-09
子比主题 – 文章页添加本站历史上的今天-汇聚访

实用子比主题 – 文章页添加本站历史上的今天

给子比主题文章页面加一个本站历史上的今天，加上去可以看到去年的今天的文章，并且可以看到自己之前发的什么文章，整体来说还是很不错的，该教程需要修改主题原代码，记得提前备份，以防网站发生致命错误！喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] func.phpCSSzib-single.php 定位：/wp-content/themes/zibll/func.php文件里面，没有这个文件自己创一个，创建之后记得加php头，将下面的代码放到里面： //历史上的今天，代码来自柳城博主的 WP-Today 插件 function today_in_history() { // $title = "历史上的今天"; ?> <?php $limit = 5; global $wpdb; $post_year = get_the_time('Y'); $post_month = get_the_time('m'); $post_day = get_the_time('j'); $sql =...
子比主题建站笔记
2025-10-08
10-08
子比主题 – 音乐播放器代码版-汇聚访

实用子比主题 – 音乐播放器代码版

这是一款子比主题的音乐播放器代码版，部署之后是在网站右下角显示一个QQ音乐的图标，点击后即可大屏来进行播放音乐，非常实用，基本上代码都是通过JS来实现的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：子比主题–>>自定义底部HTML即可，代码里面有引入的js文件，附件在文章资源内下载，自己上传一下本地引入一下！这里我放在了网站根目录！ <!-- 音乐播放器插件开始 --> <script src="/newindex.js"></script> <style> #shmusiczr { /* 距离网页右侧的距离，请根据需要自行更改 */ right: 15px; /* 距离网页底部的距离，请根据需要自行更改 */ bottom: 120px; } /* 在小屏幕设备（如手机）上隐藏播放器 */ @media (max-width: 768px) { #shmusiczr { display:...
子比主题建站笔记
2025-10-08
10-08
 子比主题 – 二次元渐变效果五格小工具-汇聚访

实用 子比主题 – 二次元渐变效果五格小工具

这是子比主题的二次元渐变效果五格小工具，主要适用于那些二次元风格的站点，夜间模式不是适配的非常好，如果需要夜间的话自行适配一下吧，图片素材呢我放在图床里了，这边还是建议下载下来保存到本地，话不多说了也，有喜欢的自行部署吧，教程也比较简单！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：外观 - 小工具 - 首页-顶部全宽度 - 自定义Html代码中添加以下代码： HtmlCSS <div class="home-row-left content-area "> <div id="html-box-qkyl_sdk" class="html-box"> <div data-v-d1c115ee="" class="course-project-panel-course"> <ul data-v-d1c115ee=""> <li data-v-d1c115ee=""> <a data-v-d1c115ee="" href="https://www.huijuf.com/" target="_blank"> <div data-v-d1c115ee="" class="top"> <p...
子比主题建站笔记
2025-10-08
10-08
子比主题 - 优雅网站弹窗样式-汇聚访

实用子比主题 – 优雅网站弹窗样式

这是子比主题的一款网站弹窗样式，当然你也可以用于别的网站，虽然我没测试但是也是通用的，如果你想在别的程序使用，也可以看看这篇文件的部署教程，如果有喜欢的话自行查看部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先在文章附件里把压缩包下载下来，然后解压出来找到huijuf_dialog.js这个JS文件，然后放在网站根目录下，随后在子比后台 - 自定义头部HTML代码中添加以下代码即可： <script src="huijuf_dialog.js" defer></script> [/hidecontent]
子比主题建站笔记
2025-10-07
10-07
子比主题 – 文章卡片弹窗美化样式-汇聚访

实用子比主题 – 文章卡片弹窗美化样式

这是子比主题的文章卡片弹窗的美化样式，起初这个效果是在图酷的站点上看到的，今天就分享给大家，一般来说用处不是特别大，发出来也是给有需要的人，教程比较详细，有用得到的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 一共两组代码，一个是JS代码和CSS代码，话不多说直接开始部署教程！ 特别提醒：里面有两个跳转按钮：阅读全文和探索更多，阅读全文是用户当前点的文章，探索更多是固定的跳转链接，需要自己改自己的链接在JS里面的/user/product这个代码，自己改自己的跳转链接即可！ CSSJs 定位：子比主题–>>自定义CSS样式直接把下方代码放进去即可！ /*汇聚访：www.huijuf.com*/ .custom-popup-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 9999; justify-content: center; align-items: center;...
子比主题建站笔记
2025-10-07
10-07
子比主题 – CSS动态渐变背景（三款样式）-汇聚访

实用子比主题 – CSS动态渐变背景（三款样式）

这是子比主题的三款CSS动态渐变背景样式的美化，图片中我仅仅展示了静态的样式效果，原作者为鼠子，对比那些svg作为背景图来说还是这个比较好一些，不会受到浏览器的兼容性问题，有喜欢的自行部署吧！ 演示效果： 第一款第二款第三款 代码部署： [hidecontent type="reply"] 三款都是CSS代码，直接将代码放到：子比主题–>>自定义CSS样式即可！ 第一款第二款第三款 body:before { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -520; pointer-events: none } body:before { background: linear-gradient(90deg,#f795331a,#f370551a 15%,#ef4e7b1a 30%,#a166ab1a,#5073b81a,#1098ad1a,#07b39b1a 86%,#6dba821a) }...
子比主题建站笔记
1234…24跳转