建站笔记

子比主题 – 滚动推荐卡片小工具（第二版）-汇聚访

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

这是一款子比主题的滚动推荐卡片小工具，今天发的这个版本是这个小工具的第二版本，适配了一些不同尺寸的电子设备，同时在右侧的卡片添加了气泡上浮的一个效果也是非常的好看，还有几个不同的版本，后续我也会发出来，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先第一步定位：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！随后添加以下代码： $widgets_files = array( 'ZibBox_customtwo.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 添加完随后在文章下载相关附件，之后解压到/wp-content/themes/zibll即可！ [/hidecontent]
建站笔记
01436
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 – 首页VIP购买小工具（第一版）-汇聚访

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

这是一款适配子比主题的首页VIP购买小工具，该工具主要可以用来引导用户开通相应的权限，点击下方的加入按钮会自动弹出子比主题的会员弹窗，手机端这里我已经隐藏了，部署也比较简单，我这里直接封装为小工具了，填一下信息就可以了，话不多说直接开始！ 演示效果： 代码部署： [hidecontent type="reply"] 首先第一步定位：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！随后添加下面代码： $widgets_files = array( 'ZibBox_zibvips.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/ZibBox/widgets/' . $file; } 随后下载文章附件后上传到：/wp-content/themes/zibll解压即可！ [/hidecontent]
建站笔记
510214
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 – 论坛最近活跃排序功能-汇聚访

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

这是子比主题的论坛最近活跃排序功能，部署后主要是给论坛添加了一个最近活跃的选项，原作者是小极，主要功能就是当本贴子被评论或者作者进行更新，贴子会重新排序到首位，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [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' ===...
建站笔记
21106
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 – 瀑布流图片壁纸页面-汇聚访

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

这是一款子比主题的图片壁纸页面，原作者是梦楠，这个页面的图片是可以自动获取标题关键字，同时页面的背景是类似白色方格样式的，部署后需要修改对应的分类。汇聚访这里简单地测试一下，没有什么大问题，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [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),...
建站笔记
410212
汇聚访的头像-汇聚访核心会员汇聚访9个月前
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); }...
建站笔记
0878
汇聚访的头像-汇聚访核心会员汇聚访9个月前
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,...
建站笔记
0995
汇聚访的头像-汇聚访核心会员汇聚访9个月前
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...
建站笔记
01037
汇聚访的头像-汇聚访核心会员汇聚访9个月前
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...
建站笔记
1787
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 首页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...
建站笔记
2420911
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 – 横向数据统计卡片小工具-汇聚访

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

这是一款子比主题的横向数据统计卡片，可以显示站点内的一些统计信息，电脑版的样式是比较好看的，因手机尺寸较小，所以手机版的可能显得有点突兀，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [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]
建站笔记
016812
汇聚访的头像-汇聚访核心会员汇聚访9个月前
1…910111213…37跳转