子比主题

2025-09-04
09-04
ZibBox主题 – 最新版v1.0.9已更新-汇聚访置顶

独家ZibBox主题 – 最新版v1.0.9已更新[2026-01-01][更新日志]

温馨提示：更新主题请务必记得清空浏览器缓存、刷新CDN缓存、刷新Redis或Memc...
6个月前
美化插件
2025-05-24
05-24
WordPress子比主题美化教程合集（持续更新）-汇聚访置顶

独家WordPress子比主题美化教程合集（持续更新）25/12/21更新

本页主题美化内容是博主在建站时一个一个测试过无任何错误的记录合集，使用之前先参考本站，若觉得实用就拿去用吧，我会不定时更新，如有长期未更新或者不能使用的请留言。 注意说明 每个人的审美观念不一样，所以请先参考本站或测试在用的美化。 主题美化、小工具可能会有一定程度使网站加载缓慢、CSS全局污染等等一系列的问题，请一定要测试后再进行美化。 主题美化可能会对主题文件进行修改，更新时请及时备份主题美化的文件，或者收藏本站，以免一些主题页面或美化效果丢失。 子比主题美化都是站长自己鼓捣、测试后才发布的，完全免费，开放。 教程及说明 （最新版）CSS代码添加到子比主题后台设置->自定义代码->自定义CSS样式 （最新版）JS即javascript代码添加到子比主题后台设置->自定义代码->自定义javascript代码 （最新版）没有特殊说明的小工具，自定义HTML小工具添加网站后台->外观->小工具->点击【自定义HTML】选择放置的位置->把代码复制进去，保存即可。 其他添加方式的，我会在教程里告知，若只需添加CSS+JS的教程，我不重复告知了，请注意看上面的方法。 教程按是更新时间排序，最新的美化教程排在最后面-页码越往后越新！ 1.logo扫光 将下方代码添加到：子比主题后台设置->自定义代码->自定义CSS样式 [hidecontent type="logged"] /* logo扫光开始www.huijuf.com*/ .navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand:before{content:""; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5);...
10个月前
建站笔记
2026-03-01
03-01
子比主题 – 侧边最近评论样式美化-汇聚访

实用子比主题 – 侧边最近评论样式美化

new
这是一款子比主题侧边最近评论样式美化，这款美化也是相对来说比较早的了，今天汇聚访在浏览别的站点的时候看到了，之前一直忘发了今天给大家补上，东西我都打包好了，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 上传附件JS代码CSS代码 上传附件我们第一步要做的是将下面的附件上传到：/wp-content/themes/zibll目录下就可以，然后其他的就不用管了，我这边已经打包部署好了，你也不用改，避免改的报错什么的！ 附件下载 子比主题侧边最近评论样式美化附件下载提取码jqfm 定位：后台子比主题设置–>>自定义代码–>>自定义 javascript中添加以下代码： // 汇聚访 - 最近评论样式调用JS代码 var postsMiniElements = document.querySelectorAll('.posts-mini'); postsMiniElements.forEach(function(element) { // 生成一个随机的Base64编码字符串 var randomBase64 = btoa(Math.random().toString(36).substr(2, 9)); // 拼接到URL中 var url = '/wp-content/themes/zibll/img/zibbox/uid_img/huijuf-api.php?kid=' +...
18小时前
建站笔记
2026-02-27
02-27
子比主题 - 文章页右上角hover显示当页二维码-汇聚访

实用子比主题 – 文章页右上角hover显示当页二维码

这是给子比主题文章页框架添加的一个显示当页二维码的功能，鼠标悬停时展开显示当前文章链接的二维码，此功能可方便用户用手机扫码访问，是大海写出来的，有用得到的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ function article_qrcode() { if (!is_single()) return; ?> <style> article.article {position:relative} .qrcode-wrap {position:absolute;top:0;right:0;cursor:pointer;z-index:99} .qrcode-wrap .qrcode-icon {width:45px;height:38px;background:url(https://tirzsjsxujuxsoqj.sh1.hi168.com/2026/02/02/b8ac360e24d3a.png) no-repeat} .qrcode-wrap .hover-show-con {display:none;position:absolute;top:-1px;right:-1px;min-width:180px;padding:20px 20px 15px;text-align:center;background:var(--main-bg-color,#fff);border:1px solid var(--main-border-color,#eee);box-shadow:none} .qrcode-wrap:hover .hover-show-con {display:block} .qrcode-wrap .qrcode {margin:0...
2天前
建站笔记
2026-02-26
02-26
子比主题 - 仿哔哩哔哩登录引导弹窗-汇聚访

实用子比主题 – 仿哔哩哔哩登录引导弹窗

这是一款给子比主题仿造哔哩哔哩的登录引导弹窗样式，此样式在用户打开网站后右下角就会出现，同时可自定义按钮的跳转链接以及弹窗相关文字，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：WP后台 - 外观 - 小工具中找到所有页面-底部全宽度添加自定义HTML代码： <style> #bilibili-popup { position: fixed !important; right: 16px !important; bottom: 16px !important; z-index: 999999 !important; font-family: "微软雅黑" !important; display: none !important; } #bilibili-popup.show { display:...
3天前
建站笔记
2026-02-26
02-26
子比主题 - 列表图文模式仿翻页置顶样式-汇聚访

实用子比主题 – 列表图文模式仿翻页置顶样式

这是一款给子比主题适配的一款列表图文模式仿翻页置顶样式，当然卡片模式下也是可以使用的，但是在四种列表样式中，列表图文模式效果是最好的，相关素材可放在自己本地引用，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] zib-posts-list.phpCSS代码 定位：/wp-content/themes/zibll/inc/functions/zib-posts-list.php搜索： //获取文章列表的标题 然后替换整个zib_get_posts_list_title函数体为下方代码即可： //获取文章列表的标题 function zib_get_posts_list_title($class = 'item-heading') { $get_permalink = get_permalink(); $_post_target_blank = _post_target_blank(); $title = get_the_title() . get_the_subtitle(true, 'focus-color'); $html = '<h2 class="' . $class . '"><a'...
3天前
建站笔记
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]
18天前
建站笔记
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]
18天前
建站笔记
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...
20天前
建站笔记
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')});...
26天前
建站笔记
123…33跳转