汇聚访-汇聚访-第30页
用户封面
4.5W+42812
汇聚访的头像-汇聚访
核心会员汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访333天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布422
排序
2025-10-09
10-09
子比主题 – 侧栏个人信息卡片-汇聚访

实用子比主题 – 侧栏个人信息卡片

这是一款子比主题的侧栏个人信息卡片，美化代码主要来源于张洪的博客，然后狐狸模仿写了一下，这个效果还是挺不错的，但是夜间模式并没有适配，有需要的自行适配一下，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：后台 - 外观 - 小工具 - 文章页-侧边栏 - 自定义HTML代码中添加以下三种代码，这边我推荐放在侧边栏。 HtmlCSSJS <div class="zbfox_user_card"> <div class="zbfox_user_cont"><span>生活明朗 万物可爱</span></div> <div class="zbfox_user_avatar"><img src="https://www.huijuf.com/wp-content/uploads/2025/05/汇聚访506-03.png" alt="avatar"></div> <div class="hidden_text"> <span>这有关于<b>产品</b>、<b>设计</b>、<b>开发</b>相关的问题和看法，还有<b>文章翻译</b>和<b>分享</b>。<br>相信你可以在这里找到对你有用的<b>知识</b>和<b>教程</b>。</span> </div> <div class="zbfox_user_infor"><span>HUIJUF.COM</span> <p>记录生活 留住感动</p> </div> <div class="zbfox_user_infor_qq"><a...
5个月前
建站笔记
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;...
1个月前
建站笔记
2025-04-28
04-28
子比主题 - 网站不同时段温馨问候语弹窗-汇聚访

实用子比主题 – 网站不同时段温馨问候语弹窗

这是给子比主题适配的一款网站不同时间段显示温馨提示问候语的代码弹窗，以增强用户体验。一旦访客进入您的网站，他们将会看到根据当前时间段而变化的各类温馨提示。效果还是挺不错的，需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] HTMLCSSJS 定位：后台子比主题设置–>>自定义代码–>>自定义头部HTML代码添加以下代码： <div id="greetingBox"></div> 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： <style> #greetingBox { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); width: 420px; text-align: center; z-index: 10000; pointer-events: none; font-family: 'Microsoft YaHei', sans-serif;...
11个月前
建站笔记
2025-05-24
05-24
子比主题 - 会员引导悬浮窗[代码版]-汇聚访

实用子比主题 – 会员引导悬浮窗[代码版]

之前有倦意大佬发过插件版本的，今天分享一下代码版本的吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 放自定义顶部或底部html都可以，也可以放文件里，都随意！图片可自行更换哦~ <!-- Made by Juanyi --> <!-- 和子比有兼容问题的记得注释掉，如果没引用Jquery记得把注释取消 --> <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script> --> <script src="https://cdn.bootcdn.net/ajax/libs/js-cookie/3.0.5/js.cookie.js"></script> <style> /* 活动背景图片 */ .vip-login-tip { background-image: url(https://pic1.imgdb.cn/item/6900b5db3203f7be00ac790b .png) } </style> <script> //快捷施法专区，懒人福音⬇️⬇️⬇️ // 结束时间 var...
10个月前
建站笔记
2025-05-24
05-24
子比主题 - notyf提示框扫光效果美化-汇聚访

实用子比主题 – notyf提示框扫光效果美化

今天逛别人站点的时候，发现这个效果很好看，于是就扒了下来，今天就分享给大家吧！原作者是墨星哈！ 演示效果： 代码部署： [hidecontent type="payshow"] 复制下面css代码 进入子比主题设置-全局-自定义代码-自定义css代码 .notyf{border-radius:var(--main-radius) 0 0 var(--main-radius);position:relative;overflow:hidden;backdrop-filter:blur(8px);box-shadow:0 8px 32px rgba(0,0,0,0.1);transition:all 0.3s ease}.notyf:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,0.2)}@keyframes ripple{0%{background-position:0% 50%;box-shadow:0 0 25px rgba(255,255,255,0.4)}50%{background-position:100% 50%;box-shadow:0 0 40px rgba(255,255,255,0.5)}100%{background-position:0% 50%;box-shadow:0 0 25px rgba(255,255,255,0.4)}}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(25deg);opacity:0}25%{opacity:0.5}75%{opacity:0.5}100%{transform:translateX(100%)...
10个月前
建站笔记
2025-10-08
10-08
 子比主题 – 二次元渐变效果五格小工具-汇聚访

实用 子比主题 – 二次元渐变效果五格小工具

这是子比主题的二次元渐变效果五格小工具，主要适用于那些二次元风格的站点，夜间模式不是适配的非常好，如果需要夜间的话自行适配一下吧，图片素材呢我放在图床里了，这边还是建议下载下来保存到本地，话不多说了也，有喜欢的自行部署吧，教程也比较简单！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：外观 - 小工具 - 首页-顶部全宽度 - 自定义Html代码中添加以下代码： HtmlCSS <div class="home-row-left content-area "> <div id="html-box-qkyl_sdk" class="html-box"> <div data-v-d1c115ee="" class="course-project-panel-course"> <ul data-v-d1c115ee=""> <li data-v-d1c115ee=""> <a data-v-d1c115ee="" href="https://www.huijuf.com/" target="_blank"> <div data-v-d1c115ee="" class="top"> <p...
5个月前
建站笔记
2025-09-04
09-04
子比主题 – 购买文章自动认证教程-汇聚访

实用子比主题 – 购买文章自动认证教程

该教程是给子比主题购买的文章加上一个文章自动认证教程，这个功能还是比较实用的，当用户买了本篇文章之后那么将会自动认证，有需要的自行部署即可！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加上php头，要不然报错，将下面的代码放到里面 // 购买文章自动认证 function zibll_add_meta_box() { add_meta_box( 'zibll_auth_meta_box', '认证用户设置', 'zibll_auth_meta_box_callback', 'post', 'side' ); } add_action('add_meta_boxes', 'zibll_add_meta_box'); function zibll_auth_meta_box_callback($post) { // 获取元数据 $is_enabled = get_post_meta($post->ID, '_zibll_auth_enabled', true); $name = get_post_meta($post->ID, '_zibll_auth_name',...
6个月前
建站笔记
2025-10-09
10-09
子比主题 – 文章页添加本站历史上的今天-汇聚访

实用子比主题 – 文章页添加本站历史上的今天

给子比主题文章页面加一个本站历史上的今天，加上去可以看到去年的今天的文章，并且可以看到自己之前发的什么文章，整体来说还是很不错的，该教程需要修改主题原代码，记得提前备份，以防网站发生致命错误！喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] func.phpCSSzib-single.php 定位：/wp-content/themes/zibll/func.php文件里面，没有这个文件自己创一个，创建之后记得加php头，将下面的代码放到里面： //历史上的今天，代码来自柳城博主的 WP-Today 插件 function today_in_history() { // $title = "历史上的今天"; ?> <?php $limit = 5; global $wpdb; $post_year = get_the_time('Y'); $post_month = get_the_time('m'); $post_day = get_the_time('j'); $sql =...
5个月前
建站笔记
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...
3天前
建站笔记
2025-04-28
04-28
子比主题 - 仿致美化顶部样式代码-汇聚访

实用子比主题 – 仿致美化顶部样式代码

这是一款子比主题模仿致美化顶部样式代码样式，这款样式能够更好的去让用户加入自己的群聊，还是不错的一款顶部样式美化，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：WP后台–>>外观–>>小工具–>>自定义HTML，建议放到：首页-顶部全宽度，自己改一下跳转链接！ <style type='text/css'> a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; box-sizing: border-box; } .index-header { width: 100%; height: 624px;...
11个月前
建站笔记
1…2829303132…43跳转
欢迎光临~
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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