汇聚访-汇聚访-第27页
用户封面
3.1W+36591
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访241天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布354
排序
2025-08-11
08-11
子比主题 - 首页排行榜小工具样式（第三版）-汇聚访

实用子比主题 – 首页排行榜小工具样式（第三版）

大家好，今天汇聚访给大家带来首页排行榜小工具的第三个样式，之前也发过这个小工具，只不过和这个样式不同，这个效果比起前两个是比较简约的，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先看下图，第一个是分类ID，第二个是在首页出现几个： 将下面的HTML代码放到自己的index.php里面 我目前是放到/wp-content/themes/zibll/index.php里面搜<?php get_sidebar(); ?>，推荐放在下面，代码如下所示： <div class="zib-widget mohan-ranking-widget"> <div class="list clearfix"> <div class="ranking-item"> <a class="top-icon js-rank-bottom1">资源分享</a> <div class="class-box"> <?php query_posts('cat=1&showposts=5&orderby=views'); ?> <?php while (have_posts()) : the_post(); ?> <a class="class-item js-rank"...
3个月前
建站笔记
2025-08-22
08-22
子比主题 - 评论区添加动漫小人结尾-汇聚访

实用子比主题 – 评论区添加动漫小人结尾

大家好，今天汇聚访给大家带来一个评论区添加动漫小人结尾的样式，这个样式适应于二次元的站点，加上去感觉比较吸引人的注意力吧，未登录和未评论及手机端都做了适配，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 图片我是放在了图床，为了防止图片素材丢失，我这里建议你直接下载下来，然后放在本地。 首先找到/wp-content/themes/zibll/template/comments.php这个文件随后搜索comment-null这个代码，然后在他下面添加以下代码即可（搜出来会有两个结果，都添加即可，图片为两个地方添加后的代码）： /*汇聚访：www.huijuf.com*/ echo '<img src="https://pic1.imgdb.cn/item/68a7d9a458cb8da5c841d276 .png">'; /*汇聚访：www.huijuf.com*/ [/hidecontent]
3个月前
建站笔记
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:...
1个月前
建站笔记
2025-10-21
10-21
子比主题 – 用户随机头像教程（代码版）-汇聚访

实用子比主题 – 用户随机头像教程（代码版）

这是一款子比主题的用户随机头像教程，这款教程是通过代码的形式来实现，通过php代码实现然后调用的是目录的图片即可实现用户注册随机头像教程，随机头像的头像样式也可自行更改，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加上php头，要不然会报错，将下面的代码放到里面即可！ /*开始随机头像*/ function zib2_sign_in($user_id) { if (!$user_id) { return; } $social_login = get_user_meta($user_id, 'oauth_new', true); $avatars_base_dir = WP_CONTENT_DIR . '/uploads/tx/'; $avatars = glob($avatars_base_dir . '*.{jpg,jpeg,png,gif}', GLOB_BRACE | GLOB_NOSORT); if (empty($avatars))...
1个月前
建站笔记
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-04-28
04-28
子比主题 - 文章卡片下载按钮样式美化-汇聚访

实用子比主题 – 文章卡片下载按钮样式美化

给子比主题卡片样式下面加一个下载按钮样式，非常美观，给自己的子比主题去加一个吧，这个非常实用，这个代码是扒mac站长的一个美化，所以我分享给大家免费使用！ 演示效果： 代码部署： [hidecontent type="reply"] 首先一共三步，有两行php代码和一个css代码，话不多说直接开始教程 ①PHP②PHP③CSS 下面的PHP代码放到子比文件：/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概268行，如下图！ $get_permalink = get_permalink();//添加文章链接 下面的PHP代码放到子比文件：/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概320多行，如下图！ $html = '<a class="down" target="_blank" href="' . $get_permalink . '" rel="external nofollow" >下载</a>';//添加下载按钮 CSS代码我就不说了，直接放到子比主题-->>自定义CSS样式即可！ /*www.huijuf.com*/ a.down { display: inline-block; width: 100%; height: 30px;...
7个月前
建站笔记
2025-05-22
05-22
子比主题 - 侧边动漫图片社区样式-汇聚访

实用子比主题 – 侧边动漫图片社区样式

这是一款仿B站的侧边动漫图片社区小工具，这款小工具是纯代码并没有写成可视化小工具，没有适配昼夜模式，放上自己的二维码即可，旁边的几个标签都可以更改，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：外观 - 小工具 - 文章页&侧边栏（自定义HTML代码区块）添加以下代码即可，图片可自行本地化，以防丢失！ HTMLCSS <div class="mhy-qrcode-top-card"> <div class="mhy-qrcode-top-card__role-image" style="background-image: url(https://oss.longs.cn/images/2025/05/20250519022256633.png);"> </div> <div class="mhy-qrcode-top-card__role-content"> <div class="mhy-qrcode-top-card__role-content-background" style="background-image: url(https://oss.longs.cn/images/2025/05/20250519022519860.png);"> <div class="background__welcome"> <div class="background__welcome-image" style="background-image: url(https://webstatic.mihoyo.com/upload/static-resource/2023/03/06/14e05cd4d8b0babd6c7985fc 1f5801e5_689092345277877987.png);"> </div> <div class="background__welcome-text_img" style="background-image: url(https://oss.longs.cn/images/2025/05/20250519025425992.webp);">...
6个月前
建站笔记
2025-06-15
06-15
子比主题 - 昼夜切换模式新增过度动画-汇聚访

实用子比主题 – 昼夜切换模式新增过度动画

今天给大家分享一个昼夜切换的过度动画，原作者为囚墨，希望大家能够喜欢！话不多说，直接开始部署！ 演示效果： 代码部署： [hidecontent type="reply"] 首先找到相应的代码位置： /wp-content/themes/zibll/js/main.min.js，这里的代码是压缩过的，可以将main.js里的代码复制到main.min.js里，替换代码后再将代码进行压缩即可！随后搜索主题切换，替换主题切换事件方法！ $('.toggle-theme').click(function(e) { // 缓存所有DOM元素和初始值，避免重复查询 var body = $('body'); var isDark = body.hasClass('dark-theme'); var tinymceBody = $('#post_content_ifr').contents().find('body'); var enlighter = $('.enlighter-default'); var highClasses = { white: 'enlighter-t-' + _win.highlight_white_zt, dark:...
5个月前
建站笔记
2025-07-22
07-22
子比主题 - 用户信息小工具底部两个按钮美化-汇聚访

实用子比主题 – 用户信息小工具底部两个按钮美化

今天汇聚访给大家带来用户信息小工具底部两个按钮的美化教程，这个效果最开始是在腾飞博客看到的，个人感觉挺好看的，于是就扒了下来，今天就分享给大家吧，每个人的观感不同，自己觉得好看的自行部署吧！代码部分我发了两个版本，一个压缩版和一个未压缩自行部署。 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比后台设置 - 自定义CSS样式中添加以下代码： 压缩版未压缩 /*汇聚访：www.huijuf.com*/ .user-btns { margin-top: 20px !important; display: flex; justify-content: center; align-items: center; gap: 14px; flex-wrap: wrap; padding-bottom: 4px; } /*汇聚访：www.huijuf.com*/ .user-btns .btn-newadd, .user-btns .jb-pink { background:...
4个月前
建站笔记
2025-08-18
08-18
子比主题 - 给文章页图片添加遮罩版权图片-汇聚访

实用子比主题 – 给文章页图片添加遮罩版权图片

大家好，今天汇聚访给大家带来一款子比主题的文章页里面的图片加上遮罩图片效果，这个效果说实话就是一个装饰，鼠标指向图片之后图片右下角有一个版权图片可自己放自己的logo图片链接，话不多说直接开始！ 演示效果： 代码部署： [hidecontent type="reply"] 在子比后台-自定义javascript代码中添加以下代码（图片链接自行替换）： //文章内页增加图片遮罩开始 document.addEventListener('DOMContentLoaded', function() { const images = document.querySelectorAll('.article-content > .theme-box > .wp-block-image > img'); images.forEach(img => { // 创建包裹容器 const wrapper = document.createElement('div'); wrapper.style.position = 'relative'; wrapper.style.display = 'inline-block';...
3个月前
建站笔记
1…2526272829…36跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

专属内容无限访问
下载权限提升至最高级
专属子比付费美化优惠
免费下载更多精品资源
¥29.9 ¥39.9
Vip会员 · 立省30元
立即开通
每日签到
公众号二维码
扫码关注公众号
获取更多专属内容和最新资讯
展开全屏
返回顶部