建站笔记

2025-11-15
11-15
子比主题 – 论坛最近活跃排序功能-汇聚访

实用子比主题 – 论坛最近活跃排序功能

这是子比主题的论坛最近活跃排序功能，部署后主要是给论坛添加了一个最近活跃的选项，原作者是小极，主要功能就是当本贴子被评论或者作者进行更新，贴子会重新排序到首位，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 教程比较麻烦，跟着我的步骤走就不会出问题，一共好几步。 定位：/wp-content/themes/zibll/inc/functions/bbs/inc/posts.php,找到zib_bbs_get_posts_order_options函数，我们在里面添加： 'last_active' => '最近活跃', 添加完第一步之后定位：/wp-content/themes/zibll/inc/functions/bbs/inc/functions.php，找到zib_bbs_query_orderby_filter这个函数，代码如下所示： function zib_bbs_query_orderby_filter($orderby = 'date', $args = array()) { return zib_query_orderby_filter($orderby, $args); } 随后替换为我下放给的整个函数代码即可： function zib_bbs_query_orderby_filter($orderby = 'date', $args = array()) { if ('last_active' ===...
15天前
建站笔记
2025-11-14
11-14
子比主题 – 瀑布流图片壁纸页面-汇聚访

实用子比主题 – 瀑布流图片壁纸页面

这是一款子比主题的图片壁纸页面，原作者是梦楠，这个页面的图片是可以自动获取标题关键字，同时页面的背景是类似白色方格样式的，部署后需要修改对应的分类。汇聚访这里简单地测试一下，没有什么大问题，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/pages/新建一个php文件，随后复制粘贴下方的代码 修改你自己的图片分类ID$cat_id，搞定前面的步骤之后在后台新建页面 - 模版选择 - 图片瀑布流发布即可！ <?php /** * Template name: 图片瀑布流 * Description: 分类ID69的图片瀑布流页面（点击放大图片+hover显示标题下载+下载按钮跳文章链接+hover显示尺寸标注） */ get_header(); $cat_id = 69; // 固定分类ID：69 // 辅助函数：获取文章中的第一张图片（优先特色图，无则取内容图） function get_post_first_image($post_id) { $featured_img_url = wp_get_attachment_image_src(get_post_thumbnail_id($post_id),...
15天前
建站笔记
2025-11-14
11-14
Ri主题 - 顶部导航栏日夜切换美化-汇聚访

实用Ri主题 – 顶部导航栏日夜切换美化

这是汇聚访适配RiProV5主题的一款顶部导航栏日夜切换的美化样式，这个效果也是非常可以原创应该是最骚站长，我模仿着也搞了一个同时图标颜色可以自行更改，测试下来总体来说是有一点小bug的，但是不影响使用，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSSJSaction-hover.php 定位：状态后台设置 - 基本设置 - 自定义CSS样式代码中添加以下代码： /*汇聚访：www.huijuf.com*/ .ui-switch { --switch-bg: rgb(135, 150, 165); --switch-width: 48px; --switch-height: 20px; --circle-diameter: 32px; --circle-bg: rgb(0, 56, 146); --circle-inset: calc((var(--circle-diameter) - var(--switch-height)) / 2); }...
16天前
建站笔记
2025-11-14
11-14
Ri主题 - 顶部导航栏开通会员图标-汇聚访

实用Ri主题 – 顶部导航栏开通会员图标

这是一款RiProV5主题的顶部导航栏开通会员图标，之前我也发过几种导航栏的开通会员图标，但是那几个几乎都差不多，今天汇聚访给大家带来一款全新的，夜间模式我没有适配，需要的自行适配一下吧，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSSmenu.php 定位：后台主题设置 - 基本设置 - 自定义CSS样式代码中添加以下代码： /*汇聚访：www.huijuf.com*/ .btn-floating.btn-sm, .btn-group-sm>.btn-floating.btn { width: 1.8125rem; height: 1.8125rem; transition: all 0.3s ease; } .btn-floating.btn-sm:hover { transform: scale(1.1); box-shadow: 0 4px 12px rgba(103, 58, 183,...
16天前
建站笔记
2025-11-13
11-13
Ri主题 - 顶部导航栏登录按钮美化-汇聚访

实用Ri主题 – 顶部导航栏登录按钮美化

这是RiProV5主题的一款顶部导航栏登录按钮美化，此效果是我在最骚的网站里看到的，于是就仿了一个出来，手机端以及黑夜模式也都进行了适配，背景颜色仍可自行更改，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] action-hover.phpCSS 定位：/wp-content/themes/ripro-v5/template-parts/header/action-hover.php搜索登录你会看到下方这段代码： <a class="action-btn login-btn btn-sm btn" rel="nofollow noopener noreferrer" href="<?php echo esc_url( wp_login_url(get_current_url())); ?>"><i class="far fa-user me-1"></i><?php _e( '登录', 'ripro' );?></a> 随后复制下方的代码替换上方整段代码： <a class="login-link huijuf-login-btn" rel="nofollow noopener noreferrer" href="<?php...
17天前
建站笔记
2025-11-12
11-12
Ri主题 - 顶部导航栏添加全局简繁体切换按钮-汇聚访

实用Ri主题 – 顶部导航栏添加全局简繁体切换按钮

这是一款汇聚访适配Ri主题的顶部导航栏添加全局简繁体切换按钮，添加完代码后会在网站导航栏logo的右侧有一个繁简体切换按钮也是十分方便，按钮颜色你可以自行调节，话不多说需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/ripro-v5/template-parts/header/menu.php找到下方代码（大概在10行之前）： <?php get_template_part( 'template-parts/header/logo-wrapper'); ?> 随后在这段代码的下方添加以下代码： <div class="jelly-button"><a href="javascript:AutoHan()" id="AutoHan" style="color: white;">繁體</a></div> 随后定位：/wp-content/themes/ripro-v5/footer.php找到</footer>标签，在此标签下方添加以下代码： <script> /*汇聚访：www.huijuf.com*/ const currentLanguage = "traditional"; const conversionDelay = 200; function getBrowserLanguage() { const lang = navigator.language...
18天前
建站笔记
2025-11-12
11-12
子比主题 - 首页Tab栏目美化-汇聚访

实用子比主题 – 首页Tab栏目美化

这是子比主题的一款首页Tab栏目美化，之前发过类似的只不过是附加图片效果样式的，今天给大家带来这个是仅用代码实现的，汇聚访这里测试了一下夜间模式也是挺不错的，同时在这提醒下各位搬运的，麻烦带上本站文章出处，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：子比主题–>>自定义CSS样式即可！ /*汇聚访：www.huijuf.com*/ .index-tab { padding: 5px 8px; background: transparent; border-radius: 0; } .index-tab ul { margin: 0; padding: 0; list-style: none; } /*汇聚访：www.huijuf.com*/ .index-tab ul>li { display: inline-block; padding: 3px...
18天前
建站笔记
2025-11-10
11-10
子比主题 – 横向数据统计卡片小工具-汇聚访

实用子比主题 – 横向数据统计卡片小工具

这是一款子比主题的横向数据统计卡片，可以显示站点内的一些统计信息，电脑版的样式是比较好看的，因手机尺寸较小，所以手机版的可能显得有点突兀，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 这个小工具跟我以前发的教程一模一样，首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加上下面的代码： $widgets_files = array( 'huijuf_tran_stats.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/huijuf/widgets/' . $file; } 文章附件上传到：/wp-content/themes/zibll解压即可！ [/hidecontent]
20天前
建站笔记
2025-11-09
11-09
Ri主题 - 底部添加波浪特效-汇聚访

实用Ri主题 – 底部添加波浪特效

这是我适配Ri主题的一款底部波浪样式，目前我仅仅适配了日间模式，调整为夜间的话会非常不好看，我也比较懒需要的自己适配吧，还有如搬运本站文章请保留本站版权，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] footer.phpCSS 定位：/wp-content/themes/ripro-v5/footer.php找到</body>这个标签，大概在最末尾，在此标签上方添加以下代码： /*汇聚访：www.huijuf.com*/ <div class="waveHorizontals mobile-hide"> <div id="waveHorizontal1" class="waveHorizontal"></div> <div id="waveHorizontal2" class="waveHorizontal"></div> <div id="waveHorizontal3" class="waveHorizontal"></div> </div> /*汇聚访：www.huijuf.com*/ 定位：主题后台设置 - 基本设置 - 自定义CSS样式代码中添加以下代码（图片在图床，自行本地化）： /*汇聚访：www.huijuf.com*/ .waveHorizontals { width: 100%; height: 20px; position:...
21天前
建站笔记
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;...
22天前
建站笔记
12345…30跳转