建站笔记

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...
子比主题子比美化
2025-07-13
07-13
子比主题 – 粉色果冻泡泡loading动画-汇聚访

实用子比主题 – 粉色果冻泡泡loading动画

今天汇聚访给大家分享一款loading加载动画，之前我也出过别的loading加载动画的帖子，那个是单独css实现的，这个就不一样了，这个直接通过修改代码从而实现这个效果的，觉得好看的话，自己部署即可！ 演示效果： 代码部署： [hidecontent type="reply"] 打开/wp-content/themes/zibll/inc/functions/zib-head.php 搜索zib_is_crawler 在(_pz('qj_dh_xs') == 'no2')前粘贴以下代码，如图： (_pz('qj_dh_xs') == 'no0') { $dh_nr = '<div class="vxras"><div class="vxras2"></div><div class="vxras3"></div></div>'; } elseif 在搜索(_pz('qj_loading')) 从if开始到}结尾覆盖成以下代码： if (_pz('qj_loading')) { return '<div class="qjl qj_loading" style="position: fixed;background:linear-gradient(150deg,#d299c2,#fef9d7);overflow: hidden;align-items: center;justify-content:...
子比主题子比美化
2025-07-13
07-13
子比主题 - 资源下载区块美化-汇聚访

实用子比主题 – 资源下载区块美化

今天给大家分享一个美化，这个美化是关于资源下载区块的，显示效果呢也是比较一般，自己觉得好看的话可以加上去，这个效果我是看的腾飞搞得，如果你有需要就部署吧！教程也是比较简单的。 演示效果： 代码部署： [hidecontent type="payshow"] 直接把代码放到自定义CSS样式里即可！ #posts-pay { background-image: url(https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01LTSBKl1QbIk5uLfKD_!!2210123621994.webp); } [/hidecontent]
子比主题子比美化
2025-07-13
07-13
子比主题 - 仿B站官方认证图标-汇聚访

实用子比主题 – 仿B站官方认证图标

今天给大家分享以下子比主题的认证图标如何修改，以及修改为B站官方认证图标，这个效果需要修改子比主题的文件，主题更新后代码将恢复原样即为失效，修改代码前记得备份源代码，以防效果丢失。发这个教程也是顺便记录下，防止效果丢失，你也可以用同样的方法修改别的主题图标代码。 演示效果： 代码部署： [hidecontent type="reply"] 首先打开你的网站路径找到子比主题目录下的这个路径： /wp-content/themes/zibll/js，然后找到里面的里的 svg-ico.js 文件，再找到找到 zib_svgs[‘user-auth’] ！ 然后修改SVG样式 zib_svgs[‘user-auth’] = ‘你的SVG代码’; 直接把下方代码复制粘贴即可，当然如果你已经有自己喜欢的样式了，可以把自己准备的SVG代码粘贴上去。 <path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#FFFFFF" p-id="4885"/><path d="M512...
子比主题子比美化
1…1112131415…25跳转