汇聚访-汇聚访
用户封面
4.4W+42402
汇聚访的头像-汇聚访
核心会员汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访321天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省洛阳市管理员
发布418
排序
2026-02-11
02-11
子比主题 – 全屏加载动画小工具-汇聚访

实用子比主题 – 全屏加载动画小工具

这是一款适配于子比主题的全屏加载动画小工具，此效果移植于使用Heo相关主题的"爱吃肉的猫"，这款动画同时适配了白天和黑夜模式，会根据用户所选模式的不同而变化，同时鸣谢星雨给予的相关思路，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/zibll中把文章附件解压，然后在func.php文件里添加以下代码（没有这个文件自己创建一个，然后记得加php头，要不然会报错）： $widgets_files = array( 'zibbox_loading_screen.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } [/hidecontent]
7天前
建站笔记
2026-02-11
02-11
子比主题 – F12顶部提示框效果美化-汇聚访

实用子比主题 – F12顶部提示框效果美化

这是一款给子比主题适配的网站顶部提示框，这款是从张洪Heo博客里复刻到子比主题的，其他主题应该也是可以正常使用的，相关提示颜色以及文字颜色都可在代码中进行修改，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSS代码JS代码 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： #huijuf_dev-tool-alert{position:fixed;top:0;left:0;width:100%;height:60px;z-index:9998;overflow:hidden;background-color:#425aef;display:flex;align-items:center;justify-content:center;transform:translateY(-100%);transition:transform .5s ease-out}#huijuf_dev-tool-alert.huijuf_show{transform:translateY(0)}#huijuf_dev-tool-alert.huijuf_exit{transform:translateY(-100%);transition:transform .3s ease-in}.huijuf_alert-content{color:#fff;font-size:18px;font-weight:500;text-align:center;padding:0 20px} 定位：后台子比主题设置–>>自定义代码–>>自定义 javascript中添加以下代码： function huijuf_createAlert(){if(document.getElementById('huijuf_dev-tool-alert'))return;const huijuf_alert=document.createElement('div');huijuf_alert.id='huijuf_dev-tool-alert';const huijuf_content=document.createElement('div');huijuf_content.className='huijuf_alert-content';huijuf_content.textContent='开发者模式已打开，请遵循协议';huijuf_alert.appendChild(huijuf_content);document.body.appendChild(huijuf_alert);return huijuf_alert}let huijuf_alertShown=false;let huijuf_hideTimeout=null;function huijuf_showAlert(){if(huijuf_alertShown)return;const huijuf_devToolAlert=huijuf_createAlert();huijuf_alertShown=true;huijuf_devToolAlert.classList.remove('huijuf_exit');setTimeout(()=>{huijuf_devToolAlert.classList.add('huijuf_show')},10);setTimeout(()=>{huijuf_hideAlert()},2500)}function huijuf_hideAlert(){if(huijuf_hideTimeout){clearTimeout(huijuf_hideTimeout);huijuf_hideTimeout=null}const huijuf_devToolAlert=document.getElementById('huijuf_dev-tool-alert');if(!huijuf_devToolAlert)return;huijuf_devToolAlert.classList.add('huijuf_exit');huijuf_hideTimeout=setTimeout(()=>{huijuf_devToolAlert.classList.remove('huijuf_show');huijuf_devToolAlert.classList.remove('huijuf_exit');huijuf_alertShown=false;huijuf_devToolAlert.remove()},300)}document.addEventListener('keydown',function(huijuf_event){if(huijuf_event.keyCode===123){huijuf_showAlert();return false}}); [/hidecontent]
7天前
建站笔记
2026-02-09
02-09
子比主题 - 左下角引导提示美化-汇聚访

实用子比主题 – 左下角引导提示美化

这是一款我给子比主题适配的左下角引导提示美化，大概是前几周的时候都已经适配了，只不过最近比较忙从而没有发出来，今天抽了点空分享给大家，还有那些扒我站以及转载的，分享请带上本站版权，别的不多说，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 自定义底部HTML代码CSS代码JS代码 定位：子比主题后台 - 自定义代码 - 自定义底部HTML代码中添加以下代码： <div class="capsule-container"> <div class="capsule-bar"> <div class="capsule-content"> <div class="capsule-icon"><svg t="1760148892394" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6215" width="32" height="32"><path d="M505.152 72.064c65.28 0 120.576 46.08...
9天前
建站笔记
2026-02-03
02-03
子比主题 – 文章页信息展示栏目新增复制内容按钮-汇聚访

实用子比主题 – 文章页信息展示栏目新增复制内容按钮

这是给子比主题文章页的信息展示栏目新增的一款复制内容按钮，同时还带有子比主题自带的Notify通知效果，每当复制成功后就会有个Notify的弹窗提示，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ // 文章页复制全文按钮 function zib_copy_content_button() { if (!is_single()) return; ?> <script> document.addEventListener('DOMContentLoaded',function(){ document.querySelectorAll('.single-metabox .post-metas').forEach(function(el){ var btn=document.createElement('item'); btn.className='meta-copy'; btn.innerHTML='<a href="javascript:;" data-toggle="tooltip" title="复制全文"><i class="fa fa-copy"></i></a>'; el.insertBefore(btn,el.firstChild); btn.onclick=function(){ var c=document.querySelector('.wp-posts-content'); if(!c)return notyf('未找到文章内容','danger'); navigator.clipboard.writeText(c.innerText).then(function(){notyf('已复制到剪贴板','success')}).catch(function(){notyf('复制失败','danger')});...
15天前
建站笔记
2026-01-31
01-31
子比主题 - 给日夜切换按钮添加下拉菜单-汇聚访

实用子比主题 – 给日夜切换按钮添加下拉菜单

这是一款给子比主题的顶部导航栏日夜切换按钮添加的下拉多选菜单，部署完此功能后，每次选中日夜切换按钮时就会出现相关下拉选项，并且还有相关记忆模式，手机版也可用，有需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSS代码JS代码 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： .theme-toggle-dropdown{position:relative;display:inline-block}.theme-toggle-dropdown-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s ease}.theme-toggle-dropdown-btn .theme-icon{display:inline-flex;align-items:center;font-size:16px;line-height:1}.theme-toggle-dropdown-btn:hover{opacity:.8}.theme-mode-menu{min-width:140px;padding:4px 0;margin-top:6px;background:var(--body-bg-color,#fff);border:1px solid var(--border-color,#e5e5e5);border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:9999}.dark-theme .theme-mode-menu{background:var(--body-bg-color,#1a1a1a);border-color:var(--border-color,#333);box-shadow:0 2px 8px rgba(0,0,0,.3)}.theme-mode-option{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;transition:background-color .2s ease;position:relative;border-radius:4px}.theme-mode-option:hover{background:var(--main-bg-color,#f5f5f5)}.dark-theme .theme-mode-option:hover{background:var(--main-bg-color,#252525)}.theme-mode-option.active{background:var(--theme-color-light,rgba(33,150,243,.1))}.dark-theme .theme-mode-option.active{background:var(--theme-color-light,rgba(33,150,243,.2))}.theme-mode-option .mode-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--main-bg-color,#f5f5f5);border-radius:4px;font-size:13px;flex-shrink:0;transition:all .2s ease}.dark-theme .theme-mode-option .mode-icon{background:var(--main-bg-color,#252525)}.theme-mode-option:hover .mode-icon{transform:scale(1.05)}.theme-mode-option[data-mode=white-theme] .mode-icon{color:orange}.theme-mode-option[data-mode=dark-theme]...
18天前
建站笔记
2026-01-29
01-29
子比主题 - 实时聊天室插件-汇聚访

实用子比主题 – 实时聊天室插件

这是一款由小熊猫开发的子比主题的实时聊天室插件，该插件可以在聊天室中禁言指定某个用户...
20天前
功能插件
2026-01-29
01-29
子比主题 – 给顶部多功能组件搜索框右侧新增三个按钮-汇聚访

实用子比主题 – 给顶部多功能组件搜索框右侧新增三个按钮

这是一款子比主题的顶部多功能组件右侧新增三个按钮样式功能的美化，之前发过别的样式的搜索框样式美化，本次主要是在搜索框增添了三个按钮跳转样式，而且此次部署还无需修改主题代码，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ add_action('wp_footer', 'zib_custom_search_buttons'); function zib_custom_search_buttons() { ?> <style> .header-slider-search .search-input .line-form { display: flex; align-items: center; gap: 10px; } .header-slider-search .search-custom-btns { display: flex; gap: 8px; flex-shrink: 0; align-items: center;...
20天前
建站笔记
2026-01-25
01-25
子比主题 – 新闻版块小工具-汇聚访

实用子比主题 – 新闻版块小工具

这是一款子比主题的新闻版块小工具，此小工具集成了幻灯片、热点排行榜、以及最新文章发布等文章模块，同时每个选项都可以进行可视化的配置，黑夜模式也完全适配了，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll中把文章附件解压，然后在func.php文件里添加以下代码（没有这个文件自己创建一个，然后记得加php头，要不然会报错）： $widgets_files = array( 'zibbox_news_section.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } [/hidecontent]
24天前
建站笔记
2026-01-25
01-25
子比主题 - 文章页左侧悬浮快捷功能-汇聚访

实用子比主题 – 文章页左侧悬浮快捷功能

这是给子比主题的文章页添加的左侧悬浮快捷功能，此效果主要适用于电脑版文章页的快捷性，集成了评论、点赞等功能，跟子比论坛里的悬浮快捷功能有类似之处，有需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ /** * 文章页面左侧浮动按钮 */ function zib_post_fixed_btns() { global $post; if (wp_is_mobile() || !is_single() || $post->post_type !== 'post') return ''; $id = $post->ID; $logged = is_user_logged_in(); $btns = ''; $items...
24天前
建站笔记
2026-01-24
01-24
子比主题 - 文章原创评分插件-汇聚访

实用子比主题 – 文章原创评分插件

这是一款子比主题的原创评分插件，此插件启用会直接在文章的内容底部添加一个评分区块，同...
25天前
功能插件
123…42跳转
欢迎光临~
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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