建站笔记

子比主题 - 用户中心我的投诉页面（三款）-汇聚访

实用子比主题 – 用户中心我的投诉页面（三款）

这是给子比主题增添的一个用户投诉页面的功能，此功能代码部署之后用户可自行查看自己所投诉举报的内容，这里一共有三种样式，但是都差不多可自行选择自己喜欢的样式，有需要的朋友自行部署吧！ 演示效果： 第一款 第二款 第三款 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/inc/functions/user/page.php文件，我们搜下面的函数： function zib_user_ctnter_main_tabs_array_filter_main($tabs_array) 然后在官方认证下面添加下面的代码！ $tabs_array['complaint'] = array( 'title' => '我的投诉', 'nav_attr' => 'drawer-title="我的投诉"', 'content_class' => 'complaint-settings', 'loader' => '<div class="zib-widget"> <div class="placeholder k1 mb10"></div> <div class="placeholder k1...
建站笔记
121545
汇聚访的头像-汇聚访核心会员汇聚访5个月前
子比主题 - 首页左侧联系站长按钮-汇聚访

实用子比主题 – 首页左侧联系站长按钮

这是在子比主题首页左侧添加一个系站长按钮样式，此按钮所显示文字可自行更换，同时那个小表情也是跳动的，十分灵动好看，代码部署起来也是比较简单的，需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/footer.php搜索</body>标签，在此标签的上方添加以下代码即可： /*汇聚访www.huijuf.com*/ <style> @keyframes shangxa { 0%, 100%, 20%, 50%, 80% { transition-timing-function: cubic-bezier(0.215,.61,.355,1); transform: translate3d(0,0,0); } 40%, 43% { transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060); transform: translate3d(0,-10px,0); } 70% { transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); transform:...
建站笔记
310512
汇聚访的头像-汇聚访核心会员汇聚访5个月前
子比主题 - 首页VIP购买小工具（第二版）-汇聚访

实用子比主题 – 首页VIP购买小工具（第二版）

这是B2主题适配子比主题的一款首页VIP购买小工具，点击立即加入后会自动调用子比主题的会员弹窗，图片我放在图床上面了，这个相比第一版更好看，第一版确实有点简陋了，有需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：WP后台 - 外观 - 小工具 - 自定义HTML代码中添加以下代码即可（推荐放置：首页-底部全宽度）： /*汇聚访www.huijuf.com*/ <div class="huijuf-one-home-homevip" style="background-image: url(https://pic1.imgdb.cn/item/69354b493cf558499f2402d8 .png);"> <div class="one-container wrapper"> <div class="huijuf-one-home-title"> <span>会员尊享权益圈子</span> <p>成为我们的VIP会员，尊享无限免费下载使用，更享受全面的服务与福利</p> </div> <div class="huijuf-one-home-homevip-box one-grid-ceosmls one-grid"> <div id="onecad-id-1" class="huijuf-one-width-1-1 huijuf-one-width-1 b2-radius"> <div...
建站笔记
0986
汇聚访的头像-汇聚访核心会员汇聚访5个月前
子比主题 – 仿资源网广告小工具（第二版）-汇聚访

实用子比主题 – 仿资源网广告小工具（第二版）

这是给子比主题扩展的第二版的仿资源网广告小工具，比起第一版少了下一页和上一页的功能，但是相比于第一版左侧部分新增了自动识别用户登录情况的功能，同时如是网站新发布的文章，小工具的文章列表中会有New的字样标识，代码全部开源未加密，有喜欢的自行部署吧！ 演示效果： 未登录 已登录 更新内容： 优化相关布局显示错乱的问题 修复8.x之后的PHP版本报错问题 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/zibll中把文章所含附件解压，然后在然后在func.php文件里添加以下代码（没有这个文件自己创建一个，然后记得加php头，要不然会报错）： $widgets_files = array( 'zibbox_widget_dbtjw.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 部署完代码之后到WP后台设置 - 外观 - 小工具 -...
建站笔记
01257
汇聚访的头像-汇聚访核心会员汇聚访5个月前
子比主题 - 仿资源网广告小工具（第一版）-汇聚访

实用子比主题 – 仿资源网广告小工具（第一版）

这是一款为子比主题适配的仿资源网广告和最新文章的小工具样式，汇聚访这里也是把手机版和主题的黑夜模式一同适配了，此版本非外面泛滥的版本，同时制作不易，请大家购买后不要泛滥，所需要的资源我都打包了，部署起来非常简单，有喜欢的自行下载部署吧！ 演示效果： 更新内容： 优化相关样式代码，更贴近主题样式 修复文章发布日期代码样式错乱的问题 新增文章不足时，用暂无更多替代，不留空 代码部署： [hidecontent type="payshow"] 首先在网站后台 - 外观 - 小工具 - 首页-顶部全宽度 - 自定义HTML代码中添加以下代码： <div class="shxgjbox"> <div class="shxgjleft"> <div class="shxgjimg"> <img src="/zibbox/img/haibao.jpg" alt="海报图" /> </div> <div class="shxgjcaidan"> <div class="shxgjcaidantop"> <a href="/newposts"...
建站笔记
01185
汇聚访的头像-汇聚访核心会员汇聚访5个月前
子比主题 - 侧边栏用户信息小工具悬浮喷花效果-汇聚访

实用子比主题 – 侧边栏用户信息小工具悬浮喷花效果

这是给子比主题的侧边栏小工具添加的一款鼠标悬浮喷花效果，当鼠标经过的时候会有喷花漂浮下来，鼠标移开后将会消失，总的来说还是挺不错的，黑夜模式也是适配的，汇聚访这里没过多做测试，喜欢的自行部署吧！ 样式效果： 代码部署： [hidecontent type="payshow"] 定位：子比后台设置 - 自定义CSS代码样式中添加以下代码即可： /*汇聚访原创www.huijuf.com*/ .user-card.zib-widget.widget { position: relative; } .user-card.zib-widget.widget::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; display: none; height: 100%; background: url(https://pic1.imgdb.cn/item/693175151f1698c4ff0c5804 .gif); background-size: cover; z-index:...
建站笔记
0975
汇聚访的头像-汇聚访核心会员汇聚访5个月前
子比主题 – 文章最新访客小工具-汇聚访

实用子比主题 – 文章最新访客小工具

这是一款子比主题的文章最新访客小工具，此小工具为优化后的版本非市面泛滥版本，添加后可实时查看哪些用户访问了本篇文章，与此同时手机端也进行了完善和适配，黑夜模式也是完美适配了的，有需要的自行部署吧！ 演示效果： 无访客时 有访客时 更新日志： 可自定义标签文字 手机端显示可以横向滑动展示 没有访客的情况下默认显示自定义的图片（过滤网站管理员） 代码部署： [hidecontent type="payshow"] 首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加下面的代码： $widgets_files = array( 'zibbox_visitor_info.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 文章附件上传到：/wp-content/themes/zibll解压即可！ [/hidecontent]
建站笔记
011510
汇聚访的头像-汇聚访核心会员汇聚访5个月前
子比主题 – 顶部多功能组件时间样式-汇聚访

实用子比主题 – 顶部多功能组件时间样式

这是给子比主题添加的一款时间钟表样式，可实时更新时间并且还有年和月等功能，字体颜色都可自定义设置，与此同时代码是通用的，放在哪里都是可以的，但是要注意样式的变化，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题–>>页面&显示–>>顶部多功能组件–>>组件【上方】添加额外内容，将下面的代码放里面即可，当然你也可以放在组件【下方】添加额外内容，代码是通用的！ <div class="header-slider-search-more after"> <!-- 日期显示区域 --> <div id="timeDisplay" class="time-display">20:37:35</div> <p id="dateDisplay" class="date-display">Friday, November 21, 2025</p> <script> // 更新时间和日期的函数 function updateTimeAndDate() { const now = new Date(); // 格式化24小时制时间 (HH:MM:SS)...
建站笔记
511010
汇聚访的头像-汇聚访核心会员汇聚访5个月前
子比主题 - 文章列表多种动画效果美化（四款）-汇聚访

实用子比主题 – 文章列表多种动画效果美化（四款）

这是一款子比主题的文章列表多种动画效果美化，此效果依旧是我们的老墨根据一为主题的文章列表加载动效所研究，加上这个效果可以使子比主题的文章列表更具有灵动性看起来更生动，话不多说喜欢的自行部署吧！ 演示效果： 第一款 第二款 第三款 第四款 代码部署： [hidecontent type="reply"] 无论是哪一款，代码都是直接放在主题后台设置 - 自定义CSS代码样式中的！代码已进行压缩！ 第一款第二款第三款第四款 .posts-item{animation:floatUp 0.8s ease forwards}@keyframes floatUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}} .posts-item{animation:floatUpBounce 0.9s ease forwards}@keyframes floatUpBounce{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}} .posts-item{animation:floatUpScale 0.7s ease forwards}@keyframes floatUpScale{0%{opacity:0;transform:translateY(30px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}} .posts-item{animation:floatUpRotate 0.8s ease forwards}@keyframes floatUpRotate{0%{opacity:0;transform:translateY(30px)...
建站笔记
1211515
汇聚访的头像-汇聚访核心会员汇聚访6个月前
子比主题 - 最近评论小工具样式（升级版）-汇聚访

实用子比主题 – 最近评论小工具样式（升级版）

这是老墨改的一款子比主题的最近评论小样式，用的还是主题内置的CSS代码，此教程并没有直接修改于小工具代码，而是在评论的函数上下了功夫，整体效果还算可以，每个人眼光都是不同的，有喜欢的自行查看部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/inc/functions/zib-comments-list.php随后找到函数zib_widget_comments（大概在300多行），然后把这个函数替换为下方的代码即可： function zib_widget_comments($limit, $outpost, $outer) { global $wpdb; $args = array( 'orderby' => 'comment_date', 'number' => $limit, 'status' => 'approve', 'post_type'=> ['post'], ); if(_pz('bbs_s')){ $args['post_type'][] = 'forum_post'; } $author__not_in =...
建站笔记
49014
汇聚访的头像-汇聚访核心会员汇聚访6个月前
1…678910…36跳转