子比主题

2025-08-05
08-05
子比主题 - 仿哔哩哔哩充电样式-汇聚访

实用子比主题 – 仿哔哩哔哩充电样式

大家好，今天汇聚访给大家带来一款子比主题仿哔哩哔哩充电效果的样式，这个没有功能仅有样式，如果你需要功能请自行写代码适配，我这里用不到，所以我也就懒得适配，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先在文章&列表-文章页面-文章插入内容-在文章内容后-插入内容中添加以下代码： <div class="log-power-pay"> <div class="left"> <span class="tip">文章很赞,支持一下吧~</span> <span class="count mb3"> 还没有人为TA充电 </span> <div> <div class="power-pay-avatar-group flex alc mini-scrollbar scroll-x gap-1 flex-wrap"> </div> </div> </div> <div class="right"> <div class="main-btn" data-toggle="modal" data-target="#ete-log-power-pay">...
子比美化建站笔记
2025-08-04
08-04
子比主题 - 未登录禁止查看文章-汇聚访

实用子比主题 – 未登录禁止查看文章

大家好，今天汇聚访给大家带来子比主题的未登录禁止查看文章的功能，这个功能是子比主题没有自带，官方论坛里有个发过，但是过于简陋，于是我就照着小樱博客的例子仿了一个，感觉如果带上文章作者信息之类的会更好看，因为我之前删了所以没有文章作者信息等，但是你没有删除的话是有的，加起来是非常好看的！话不多说，直接开始部署教程。 演示效果： 代码部署： [hidecontent type="payshow"] 在/wp-content/themes/zibll/functions.php中添加以下代码，或者你自己创一个func.php文件在那里添加也是可以的，这样主题更新代码也不会丢失！ function restrict_category_access($content) { if (!get_current_user_id()) { $page_link = get_permalink( $page_id ); $category_ids = array(1, 2, 3); // 这里的 1, 2, 3 是分类 ID 的例子 if (empty($category_ids)) { // 如果分类ID数组为空，则不执行任何操作...
子比美化建站笔记
2025-08-04
08-04
子比主题 - 九宫格切割工具-汇聚访

实用子比主题 – 九宫格切割工具

这是之前我用的九宫格的图片切图工具的页面，这个页面我觉得还是不错的，放到自己的菜单加...
子比美化建站笔记
2025-08-04
08-04
子比主题 – 添加今日聚合热搜教程-汇聚访

实用子比主题 – 添加今日聚合热搜教程

这是一款算是HTML单页，不过也可以用在自己的网站里面，汇聚访简单地测试了一下，一共有29个热搜并且带有昼夜模式，都可以正常使用，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 进入 WordPress 后台：外观 > 菜单 > 自定义链接 输入链接https://你的域名/resou.html并保存，即可在主页菜单显示 “今日热搜” 入口。 相关文件放在文章附件里了，自行下载即可！ [/hidecontent]
子比美化建站笔记
2025-08-03
08-03
子比主题 - 叠加封面卡片开通会员弹窗-汇聚访

实用子比主题 – 叠加封面卡片开通会员弹窗

大家好，我是汇聚访今天给大家带来叠加封面卡片组件点击卡片弹出开通会员的教程，这个比较简单，主要是我看到有人在到处问，于是我就想出个教程，帮助一下那些不会的人，话不多说直接开始。 演示效果： 代码部署： [hidecontent type="reply"] 直接在子比后台-页面&显示-顶部多功能组件-叠加封面卡片组件中的文案标题添加这段代码即可： <a class="pay-vip" href="javascript:;">VIP会员 <badge class="ml6 jb-pink">权益<span class="fa fa-angle-right em12"></span></badge></a> [/hidecontent]
子比美化建站笔记
2025-08-03
08-03
子比主题 - 仿7b2极主题顶部导航样式-汇聚访

实用子比主题 – 仿7b2极主题顶部导航样式

大家好，我是汇聚访，今天给大家分享的是子比主题仿7b2极主题顶部导航样式，这个效果我在鹿语和呆萌的网站上看到的，觉得挺不错的然后就自己仿了一个，这个效果我只适应了电脑端导航布局的第一个布局，如果你要用的话做好心理准备，布局二和三我都没有适配，因为太麻烦了，你修改之后用布局二和三可能会错乱，本教程需修改原主题文件，请备份好原主题文件再进行修改，以防文件丢失或系统崩溃，话不多说了，直接开始部署教程。 演示效果： 代码部署： [hidecontent type="payshow"] 首先是css样式（会员充值的css样式），图片我推荐本地化，以防丢失，代码如下： /*汇聚访：www.huijuf.com*/ .Onecad_header_vip { background: url(https://img.dmguo.cn/2025/03/20250319172047784.png) no-repeat 50% / 120px; display: block; position: absolute; margin-right: 5px; padding: 0 70px; width: 25px; height: 40px; bottom: -8px; right: 12vh; } /*汇聚访：www.huijuf.com*/ .Onecad_header_vip_topi...
子比美化建站笔记
2025-08-03
08-03
子比主题 - 修改导航图标为登录用户头像-汇聚访

实用子比主题 – 修改导航图标为登录用户头像

大家好，今天汇聚访教大家如何修改导航图标为登录用户头像，这个效果的原创作者是苏晨，我仅供分享，这个效果在电脑端导航布局中的第二个选项是自带的，因为该教程需要修改主题原代码，请先保存好代码再开始修改，以防代码丢失或系统崩溃，话不多说直接开始。 演示效果： 代码部署： [hidecontent type="reply"] 修改/wp-content/themes/zibll/inc/functions/zib-header.php的156行，如下图 $sign_but = is_user_logged_in()?'<li><a href="javascript:;" class="btn' . ($user_id ? '' : ' signin-loader') . '">' . zib_get_avatar_box($user_id, 'avatar-img-diy', true, false).'</a> <ul class="sub-menu"> ' . $user_sub . ' </ul> </li>':'<li><a href="javascript:;"...
子比美化建站笔记
2025-08-02
08-02
子比主题 - 首页大屏视频展示-汇聚访

实用子比主题 – 首页大屏视频展示

大家好，今天汇聚访给大家带来一款首页大屏视频展示，这个效果起初我是在大绵羊博客看到的，他的首页就是，感觉挺好看的，他只适配了7b2主题，今天我闲的无聊，就适配了一下子比主题，这个美化效果感觉中规中矩吧，话不多说，直接开始部署教程！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在/wp-content/themes/zibll/index.php这个文件下找到：get_header();这个函数，在这个函数?>的下面添加以下代码： <div class="dmy-homevideo"> <div class="ying-homevideo-content ying-homevideo-orientation "> <section class="ying-homevideo-offvideo home-video"> <div class="ying-homevideo-top"> <video id="myVideo" autoplay="" playsinline="" loop="" muted="" src="https://cccimg.com/view.php/795d9ef9b8ccafecebf3a37e d6d2d29b.mp4" width="600" __idm_id__="1048577"> </video> </div> <div class="ying-homevideo-filters"> </div> <div class="ying-dmyblog"> <p class="ying-dmyblogtitle">汇聚访</p>...
子比美化建站笔记
2025-07-27
07-27
子比主题 - 动态萤火星空背景-汇聚访

实用子比主题 – 动态萤火星空背景

大家好，今天汇聚访给大家分享一款动态萤火星空的背景，这个效果是我在别的站点看到的，觉得挺好看的，于是就整了下来，不过这个效果唯一遗憾的是没有适配白天模式，我前段日子分享了一个星空效果的教程，那个白天模式适配的也是一言难尽，我也比较懒，主要自己用不到，需要的话自行适配吧，话不多说，直接开始部署教程！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在子比设置-自定义CSS样式中添加以下代码： * { box-sizing: border-box; padding: 0; margin: 0; } body { background: #22313f; position: relative; } #starsContainer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow:...
子比美化建站笔记
2025-07-26
07-26
子比主题 - 顶部多功能导航区块-汇聚访

实用子比主题 – 顶部多功能导航区块

大家好，今天汇聚访给大家带来一款比较好看的多功能导航区块，这个功能是我没事逛站的时候在别的地方看到的，于是就仿了一个，测试下来没啥大问题，今天分享给大家，希望对大家有帮助，虽然我标题为顶部导航区块，但是你想放在哪里都是可以的，关键是看你自己，还有代码里的图片引用的是别的站点的，我这边建议你保存下，放在自己的网站里，以防素材丢失。再提一嘴，黑色模式我没有适配，本站用不到，如果你觉得需要的话，自行适配。话不多说，直接开始部署教程！ 演示效果： 代码部署： [hidecontent type="payshow"] 直接把下方代码放在小工具即可： <style> /*汇聚访：www.huijuf.com*/ .slide_6_search { height:68px; width:1200px; position:relative; z-index:12; margin:0 auto; margin-top:-100px; z-index:1; top:-120px } .slide_6_search .searchbox { width:1010px; margin:0 auto; background:rgba(255,255,255,0.5); height:48px; border-radius:5px; padding:10px } /*汇聚访：www.huijuf.com*/ .slide_6_search .searchbox .search_input...
子比美化建站笔记
1…89101112…24跳转