子比美化 第11页
2025-07-22
07-22
子比主题 - 用户个人中心小工具美化-汇聚访

实用子比主题 – 用户个人中心小工具美化

大家好，今天汇聚访给大家带来这一款zibll主题的用户个人中心小工具的美化教程，这个效果我依旧是在腾飞的网站上看到的，腾飞没发教程，我觉得好看就仿了一个，效果大致一样吧，总之大差不差吧，该教程需要修改主题源文件，请大家使用前先备份，以防主题文件丢失或网站程序崩溃，话不多说，直接开始部署教程！ 演示效果： 代码部署： [hidecontent type="payshow"] 第一步: 首先在Zibll主题设置-自定义CSS样式中添加以下代码（注：之前发过那两个按钮的美化教程，本贴内的CSS样式中不再含有相关代码，请自行去那个文章里寻找，那个文章我会放到本文章的底部。）： .user-card { border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 2px 10px rgba(71,135,236,.06); margin-bottom: 20px; } /*汇聚访：www.huijuf.com*/ .widget-user { padding: 0 !important; background: 0 0 !important; } /*汇聚访：www.huijuf.com*/...
子比主题建站笔记
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: linear-gradient(90deg,#ff92ac 0,#fd6dcb...
子比主题建站笔记
2025-07-21
07-21
子比主题 - 动态星空背景-汇聚访

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

大家好，今天汇聚访给大家带来一款夜间模式仿星空流动的动态背景特效，这个效果白天和黑夜模式都有，白天不太明显。黑夜模式的比较好看，这个效果是仿的小樱博客的，今天分享给大家，希望对大家有帮助，如果觉得白天模式不好看，请自行适配白天模式！ 演示效果： 代码部署： [hidecontent type="payshow"] ①首先在子比后台设置-自定义CSS样式中添加以下代码： /*汇聚访：www.huijuf.com*/ .dark-theme { background: var(--body-bg-color) fixed center / cover; } .stars { display: none; position: fixed; bottom: 0; left: 50%; transform: perspective(500px); transform-style: preserve-3d; perspective-origin: 50% 100%; animation: stars_anime...
子比主题建站笔记
2025-07-20
07-20
子比主题 - 顶部动漫小人挂件-汇聚访

实用子比主题 – 顶部动漫小人挂件

今天汇聚访给大家带来这一款顶部动漫小人挂件的教程，这个代码做了手机适配，电脑端才会显示，手机端将会隐藏，图片可自行更换成你喜欢的图片类型，话不多说，直接开始教程！ 演示效果： 代码部署： [hidecontent type="reply"] ①首先在子比后台-自定义头部HTML代码里添加以下代码： <div class="zbbox_header"></div> ②在子比后台-自定义CSS样式里添加以下代码： @media screen and (min-width:850px) { .zbbox_header { width: 120px; height: 200px; padding-top: 12%; display: inline-block; background: url(https://www.huijuf.com/wp-content/themes/zbboxPro/images/head/2025_year.png) no-repeat 50%/100%; vertical-align: middle; position: fixed; left: 86%; top:...
子比主题建站笔记
2025-07-14
07-14
子比主题 - 网站底部评论热评-汇聚访

实用子比主题 – 网站底部评论热评

大家好，今天汇聚访给大家带来一款网站底部评论的热评显示。这个效果原创为星雨，之前也发过类似的教程，不过那个是网易云热评，感觉没有这个网站热评用处大，所以今天给大家分享一下这个，希望对大家有用。 演示效果： 代码部署： [hidecontent type="payshow"] PHPHTML 将下方代码放置在主题目录下的 function.php 或者新建一个 func.php 文件 // 注册自定义 REST API 接口 function register_hot_comments_endpoint() { register_rest_route('myapi/v1', '/hot-comments', array( 'methods' => 'GET', 'callback' => 'get_hot_comments', )); } add_action('rest_api_init', 'register_hot_comments_endpoint'); function get_hot_comments() { $comments = get_comments(array( 'number'...
子比主题建站笔记
2025-07-14
07-14
子比主题 -  修改Tag标签固定链接-汇聚访

实用子比主题 –  修改Tag标签固定链接

对于子比站长很多人写了tag标签的时候会有的时候出现中文的标签，那么他对网站是不是很友好的，所以这里是一键修改Tag标签链接，可以将标签换成html格式，喜欢的自行部署！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创一个，记得加上php头，要不然报错，将下面的代码放里面即可，放了之后记得去：WP后台–>>设置–>>固定链接–>>保存设置一下！ // 修改标签链接结构 function modify_tag_link($link, $term, $taxonomy) { if ($taxonomy === 'post_tag') { return home_url('/tag/' . $term->term_id . '.html'); } return $link; } add_filter('term_link', 'modify_tag_link', 10, 3); // 添加重写规则 function...
子比主题建站笔记
2025-07-13
07-13
子比主题 - 仿CeoTheme总裁主题首页会员模块-汇聚访

实用子比主题 – 仿CeoTheme总裁主题首页会员模块

今天汇聚访给大家分享一款仿CeoTheme总裁主题首页的会员模块，这个是我闲的没意思扒下来的，喜欢的自行部署吧，黑夜模式没有适配，比较懒，如果需要自己修改一下吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 话不多说，直接开始教学，想放在哪里都可以！ <div class="ceo-home-homevip" style="background-image: url(https://pic1.imgdb.cn/item/6873ab4658cb8da5c8a81a42 .png);"> <div class="ceo-container"> <div class="ceo-home-title"> <span>总裁会员尊享权益</span> <p>成为我们的VIP会员，尊享所有主题免费使用，更享受全面的服务与福利。</p> </div> <div class="ceo-home-homevip2-box ceo-grid-medium ceo-grid" ceo-grid=""> <div class="ceo-width-1-1 ceo-width-1-2@s ceo-first-column"> <div class="home-homevip2-boxmk ceo-dongtai ceo-background-default"> <div class="ceo-flex"> <div class="title ceo-flex-1">...
子比主题建站笔记
2025-07-13
07-13
子比主题 - 文章页去除作者信息-汇聚访

实用子比主题 – 文章页去除作者信息

今天汇聚访给大家分享一个子比主题文章页面去除文章作者信息的教程，起初我是浏览腾飞博客的时候看到了这个效果，这个隐藏有好几种方式，我这里用的是修改主题代码，当然你也可以用代码直接隐藏，这样风险更小，具体怎么操作看你自己。本教程需要修改主题文件，务必请先备份，以防网站报错及文件丢失！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先找到：/wp-content/themes/zibll/inc/functions/zib-single.php文件 随后在该文件内搜索：zib_single_box_header() 搜索结果有两个，是第二个，大概200多行！ 然后把这个函数直接替换为下方代码的函数即可！ function zib_single_box_header() { $user_id = get_the_author_meta('ID'); $is_show_cover = zib_single_cover(); $time_html = _pz('post_single_hide_time_s') ? '' : zib_get_post_time_tooltip(); $user_box = zib_get_post_user_box($user_id, $time_html, 'article-avatar'); $status_badge = zib_get_post_status_badge(); echo $html;...
子比主题建站笔记
2025-07-13
07-13
子比主题 - 仿CeoTheme总裁主题底部弹窗-汇聚访

实用子比主题 – 仿CeoTheme总裁主题底部弹窗

大家好，今天汇聚访给大家分享一款仿CeoTheme总裁主题的底部弹窗，这个效果也是比较炫酷的，主打一个简洁直观 。用醒目的 “NEW” 标识突出站点新动态，清晰展示网址，再通过蓝色 “立即前往” 按钮，引导大家快速进入网站。今天就把这个效果分享给大家，希望对大家有用！ 演示效果： 代码部署： [hidecontent type="payshow"] 自定义底部HTML自定义CSS 直接在子比后台找到自定义底部HTML，然后放入以下代码即可： <div class="huijuf-containers huijuf-visible@s"><div class="huijuf-footer-new"><div class="huijuf-footer-newbox huijuf-flex"><div class="huijuf-flex-1"><a href="https://www.huijuf.com/" class="newwen"><em class="my-face">NEW</em>汇聚访www.huijuf.com</a></div><a href="https://www.huijuf.com/" class="newbtn" style="color: #fff;">立即前往</a></div></div></div> 直接在子比后台找到自定义CSS样式，然后放入以下代码即可： /*汇聚访：www.huijuf.com*/ .huijuf-footer-new { z-index: 999; position: fixed; left:...
子比主题建站笔记
2025-07-13
07-13
子比主题 - 自定义博主标识-汇聚访

实用子比主题 – 自定义博主标识

今天汇聚访给大家分享一个评论区自定义博主标识的修改教程，这个原来的标识显示的是楼主，有的人觉得不好看，今天给大家分享这个地方的修改方案，这里的边距可以用代码调整，我比较懒，如果需要你可以自己研究一下，该教程为修改主题源代码，请先备份文件再修改，以防文件丢失或出错！ 演示效果： 代码部署： [hidecontent type="reply"] 找到wp-content/themes/zibll/inc/functions/zib-comments-list.php 替换成下面这个： <svg t="1653902014495" class="icon" viewBox="0 0 1194 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="736" width="200" height="200"><path d="M980.282449 0q91.926387 2.656832 151.173741 61.992747t61.992747 151.173741v596.635908q-2.656832 91.926387-61.992747 151.173741t-151.173741 61.992746H213.077927q-91.926387-2.656832-151.173741-61.992746T0 809.802396V213.077927Q2.656832 121.151539 61.992747 61.992747t151.08518-61.992747z m-507.454913 554.038034a229.284602 229.284602...
子比主题建站笔记
1…910111213…23跳转