汇聚访-汇聚访-第4页
用户封面
3.9W+40822
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访287天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省驻马店市管理员
发布401
排序
2025-08-24
08-24
子比主题 – 给登录模块下拉菜单窗口美化-汇聚访

实用子比主题 – 给登录模块下拉菜单窗口美化

大家好，今天汇聚访给大家带来子比主题登录模块下拉菜单窗口美化，图片可以自行更换，教程需要修改主题文件代码，请先备份前再进行修改，话不多说，有喜欢的自行部署即可！ 演示效果： 代码部署： [hidecontent type="reply"] 我们首先到：/wp-content/themes/zibll/inc/functions/zib-header.php文件，然后搜下面的代码： signin-loader"><div class="badg mb6 toggle-radius c-blue"> 随后按照图片的打上注释或者删除，然后添加以下代码： $href .= '<img style="height:150px;weight:150px;" src="https://img.alicdn.com/imgextra/4035900312/O1CN01yCLjR21EAwWbIalSK_!!4035900312.png" class="mascot signin-loader">class="explain">主人，请点击头像登录后查看哦~</class=><div class="flex jsa header-user-href">'; [/hidecontent]
5个月前
建站笔记
2025-05-06
05-06
子比主题 - 滚动图片广告位-汇聚访

实用子比主题 – 滚动图片广告位25/11/23更新

提高用户体验和关注度：通过采用图片滚动播放的方式来展示网站的主要内容，可以吸引用户的注意力，提高用户的浏览体验和使用率。精美的图片能够快速地反应企业和品牌的最新动态，让用户感到企业是积极进取的。 演示效果： 更新内容： 修复小工具报错的问题 修复小工具图片无法加载的问题 优化小工具代码逻辑 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML，建议放到：首页-顶部全宽度 <div class="one"> <ul> <li><a href="/" rel="external nofollow"><img src="https://pic1.imgdb.cn/item/6922d56d3203f7be0024e8db .png"><span>汇聚访滚动广告测试</span></a></li> <li><a href="/" rel="external nofollow"><img src="https://pic1.imgdb.cn/item/6922d56d3203f7be0024e8db .png"><span>汇聚访滚动广告测试</span></a></li> <li><a href="/" rel="external nofollow"><img src="https://pic1.imgdb.cn/item/6922d56d3203f7be0024e8db .png"><span>汇聚访滚动广告测试</span></a></li> <li><a href="/" rel="external nofollow"><img src="https://pic1.imgdb.cn/item/6922d56d3203f7be0024e8db .png"><span>汇聚访滚动广告测试</span></a></li> <li><a href="/"...
8个月前
建站笔记
2025-09-26
09-26
子比主题 – 首页NEW居中标题样式（两款）-汇聚访

实用子比主题 – 首页NEW居中标题样式（两款）

这是子比主题的一款 首页NEW居中动态标题样式，之前也发过别的这样的样式，但是这个有个特点就是刷新网页的时候会动态加载，相比之前发的可能更加好看一点，有喜欢的自行部署吧！ 演示效果： 第一款 第二款 代码部署： [hidecontent type="reply"] 定位：WP后台–>>外观–>>小工具–>>自定义HTML，将下面的代码丢里面即可！推荐放置位置：首页 - 主内容上面 样式一样式二 <div class="post-header"> <div class="post-title-wrap"> <span class="post-title">最新文章</span> <span class="post-dot"></span> </div> <div class="post-subtitle"> <span class="line left-line"></span> <span class="subtitle-text">学无止境，活到老，学到老</span> <span class="line right-line"></span> </div> </div> <style> .post-header{display:flex;flex-direction:column;align-items:center;margin:5px...
4个月前
建站笔记
2025-05-01
05-01
子比主题 - 卡片粉色细节美化样式-汇聚访

实用子比主题 – 卡片粉色细节美化样式

这是一款给子比主题适配的只要有卡片的都有一个粉色细节美化的样式，这种的样式看上去还是比较好看的，很适合一些用子比主题且是ACG风格的站点，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： /*粉色细节优化*/ /*www.huijuf.com*/ .navbar-top .navbar-right .sub-menu { -webkit-box-shadow: 0 1px 4px 0 #FFD1D8 inset; -moz-box-shadow: 0 1px 4px 0 #FFD1D8 inset; box-shadow: inset 0 1px 4px 0 #FFD1D8;...
8个月前
建站笔记
2025-08-18
08-18
子比主题 - 给文章页图片添加遮罩版权图片-汇聚访

实用子比主题 – 给文章页图片添加遮罩版权图片

大家好，今天汇聚访给大家带来一款子比主题的文章页里面的图片加上遮罩图片效果，这个效果说实话就是一个装饰，鼠标指向图片之后图片右下角有一个版权图片可自己放自己的logo图片链接，话不多说直接开始！ 演示效果： 代码部署： [hidecontent type="reply"] 在子比后台-自定义javascript代码中添加以下代码（图片链接自行替换）： //文章内页增加图片遮罩开始 document.addEventListener('DOMContentLoaded', function() { const images = document.querySelectorAll('.article-content > .theme-box > .wp-block-image > img'); images.forEach(img => { // 创建包裹容器 const wrapper = document.createElement('div'); wrapper.style.position = 'relative'; wrapper.style.display = 'inline-block';...
5个月前
建站笔记
2025-04-30
04-30
子比主题 - 侧边动态时钟与温馨问候语-汇聚访

实用子比主题 – 侧边动态时钟与温馨问候语

动态的问候语和时间显示能够大大增强用户体验，通过使用 API 接口，我们可以方便地根据时间段提示相关的问候语和温馨提示，非常实用的一个小工具，这个小工具很简单，话不多说直接开始！！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：外观->>小工具->>自定义HTML的里面然后将小工具放到你想放到的位置 <div class="greeting-container"> <div class="clock-face"> <div class="clock-time" id="clock-time"></div> </div> <div class="greeting-text"> <div class="greeting" id="greeting"></div> <div class="tip" id="tip"></div> </div> </div> <style> .greeting-container { width: 100%; height: 150px; background-color: #f5f5f5;...
9个月前
建站笔记
2025-09-05
09-05
子比主题 – 文章段落渐变背景样式（四款）-汇聚访

实用子比主题 – 文章段落渐变背景样式（四款）

这是一款子比主题的段落美化，原作者为论坛的手可摘星辰，一共有四种颜色风格，你可以自行引用，也可以直接设置为区块，话不多说，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 绿色渐变橙色渐变蓝到粉渐变灰色渐变 <p class="gradient-paragraph gradient-4"> 这是一个绿色渐变背景示例。清新的颜色让人联想到自然和成长，适合用于环保、健康或积极主题的内容。 </p> <style> .gradient-paragraph { margin-bottom: 30px; padding: 25px; border-radius: 12px; line-height: 1.8; font-size: 1.6rem; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(0, 0, 0,...
4个月前
建站笔记
2025-09-14
09-14
子比主题 – 文章上方推广样式代码-汇聚访

实用子比主题 – 文章上方推广样式代码

这是子比主题的推广样式代码，可以放在网站的任何位置，同时也适配了夜间模式，十分方便推荐，原作者是玩转网，有需要和喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台–>>外观–>>自定义HTML，将下面的代码放里面即可，建议放到：文章页-主内容上面！当然你可以放在任何位置！ <style> .huijuf-info-module-box,.huijuf-info-module-box *{margin:0 !important;padding:0 !important;font-size:1em !important;border:0 !important;width:auto !important;height:auto !important;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;list-style:none !important;max-width:none !important;max-height:none !important;line-height:1 !important;background:0 0 !important}.huijuf-info-module-box{margin:1.5em 0 .8em 0 !important;max-width:100% !important;margin-left:auto !important;margin-right:auto !important}.huijuf-info-module-btn{display:inline-flex !important;height:2.4em !important;align-items:center !important;justify-content:center !important;padding:0 1em...
4个月前
建站笔记
2025-12-14
12-14
子比主题 - 新文章轮播小工具-汇聚访

实用子比主题 – 新文章轮播小工具

这是一款适配于子比主题的新文章轮播小工具，此小工具是左一右二排列的，同时此小工具还可以自定义轮播的文章ID以及是否显示作者、日期等相关信息，同时还可以单独设置每个轮播组件的切换效果，有需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php添加以下代码即可： Zib_CFSwidget::create('zib_widget_new_carousel',array('title'=>'New轮播图','zib_title'=>true,'zib_affix'=>true,'zib_show'=>true,'description'=>'左侧轮播+右侧双栏，支持5种切换效果','fields'=>array(array('id'=>'height','type'=>'number','title'=>'模块高度','default'=>400,'unit'=>'px'),array('id'=>'right_width','type'=>'number','title'=>'右侧宽度','default'=>300,'unit'=>'px'),array('id'=>'left_posts','type'=>'text','title'=>'左侧文章ID','desc'=>'多个用逗号分隔，留空自动获取'),array('id'=>'right_top_posts','type'=>'text','title'=>'右上文章ID','desc'=>'多个用逗号分隔，留空自动获取'),array('id'=>'right_bottom_posts','type'=>'text','title'=>'右下文章ID','desc'=>'多个用逗号分隔，留空自动获取'),array('id'=>'left_effect','type'=>'select','title'=>'左侧切换效果','options'=>array('slide'=>'滑动','fade'=>'淡出淡入','cube'=>'3D方块','coverflow'=>'3D滑入','flip'=>'3D翻转'),'default'=>'slide'),array('id'=>'right_top_effect','type'=>'select','title'=>'右上切换效果','options'=>array('slide'=>'滑动','fade'=>'淡出淡入','cube'=>'3D方块','coverflow'=>'3D滑入','flip'=>'3D翻转'),'default'=>'fade'),array('id'=>'right_bottom_effect','type'=>'select','title'=>'右下切换效果','options'=>array('slide'=>'滑动','fade'=>'淡出淡入','cube'=>'3D方块','coverflow'=>'3D滑入','flip'=>'3D翻转'),'default'=>'fade'),array('id'=>'autoplay','type'=>'switcher','title'=>'自动播放','default'=>true),array('id'=>'interval','type'=>'number','title'=>'播放间隔(秒)','default'=>4,'dependency'=>array('autoplay','==',true)),array('id'=>'show_info','type'=>'checkbox','title'=>'显示信息','inline'=>true,'options'=>array('show_author'=>'作者','show_date'=>'日期','show_category'=>'分类','show_tags'=>'标签'),'default'=>array('show_author','show_date','show_category')),array('id'=>'text_style','type'=>'fieldset','title'=>'文字样式','inline'=>true,'fields'=>array(array('id'=>'title_length','type'=>'number','title'=>'标题字数','default'=>30),array('id'=>'excerpt_length','type'=>'number','title'=>'摘要字数','default'=>50),array('id'=>'text_shadow','type'=>'switcher','title'=>'文字阴影','default'=>true)))))); function zib_widget_new_carousel($args,$instance){if(!Zib_CFSwidget::show_class($instance))return;$cfg=array_merge(array('height'=>400,'right_width'=>300,'left_effect'=>'slide','right_top_effect'=>'fade','right_bottom_effect'=>'fade','autoplay'=>true,'interval'=>4,'show_info'=>array(),'text_style'=>array()),$instance);$show_cfg=array_flip($cfg['show_info']);$posts=array('left'=>nc_get_posts($cfg['left_posts']??'',5),'top'=>nc_get_posts($cfg['right_top_posts']??'',3),'bottom'=>nc_get_posts($cfg['right_bottom_posts']??'',3));if(!array_filter($posts))return;$id='nc-'.uniqid();$shadow=($cfg['text_style']['text_shadow']??true)?'text-shadow:1px 1px 2px rgba(0,0,0,0.8);':'';Zib_CFSwidget::echo_before($instance);echo'<div class="new-carousel-wrap" id="'.$id.'">';$areas=array('left'=>array('height'=>$cfg['height'],'class'=>'nc-left-wrap','pagination'=>true,'button'=>true,'effect'=>$cfg['left_effect'],'interval'=>$cfg['interval']*1000),'top'=>array('height'=>($cfg['height']-10)/2,'class'=>'nc-right-top-wrap','pagination'=>true,'button'=>false,'effect'=>$cfg['right_top_effect'],'interval'=>$cfg['interval']*1000+1000),'bottom'=>array('height'=>($cfg['height']-10)/2,'class'=>'nc-right-bottom-wrap','pagination'=>true,'button'=>false,'effect'=>$cfg['right_bottom_effect'],'interval'=>$cfg['interval']*1000+2000));if($posts['left']){echo'<div class="nc-left-wrap">';nc_render_slider($posts['left'],$areas['left'],$show_cfg,$cfg['text_style'],true);echo'</div>';}if($posts['top']||$posts['bottom']){echo'<div class="nc-right-wrap">';if($posts['top']){echo'<div class="nc-right-top-wrap">';nc_render_slider($posts['top'],$areas['top'],$show_cfg,$cfg['text_style'],false);echo'</div>';}if($posts['bottom']){echo'<div class="nc-right-bottom-wrap">';nc_render_slider($posts['bottom'],$areas['bottom'],$show_cfg,$cfg['text_style'],false);echo'</div>';}echo'</div>';}echo'</div><style>#'.$id.'{display:flex;gap:10px;height:'.$cfg['height'].'px;border-radius:8px;overflow:hidden}#'.$id.' .nc-left-wrap{flex:1;position:relative;border-radius:8px;overflow:hidden}#'.$id.' .nc-right-wrap{width:'.$cfg['right_width'].'px;display:flex;flex-direction:column;gap:10px}#'.$id.' .nc-right-top-wrap,#'.$id.' .nc-right-bottom-wrap{flex:1;position:relative;border-radius:8px;overflow:hidden}#'.$id.' .zib-slider{height:100%}#'.$id.' .new-swiper{height:100%;border-radius:8px;overflow:hidden}#'.$id.' .nc-right-top-wrap .swiper-pagination,#'.$id.' .nc-right-bottom-wrap .swiper-pagination{bottom:8px}#'.$id.' .nc-right-top-wrap .swiper-pagination-bullet,#'.$id.' .nc-right-bottom-wrap .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}#'.$id.' .swiper-slide::before{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to top,rgba(0,0,0,0.5)...
1个月前
建站笔记
2025-07-10
07-10
子比主题 - 添加自定义表情包-汇聚访

实用子比主题 – 添加自定义表情包25/10/28更新

这是给子比主题添加自定义表情包的一个教程，该教程分为旧版以及新版，教程比较复杂和麻烦如果怕麻烦的可以不用看了，该教程旧版思路由人皇发出来的，8.2新版教程是腾飞整理出来的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 此教程比较复杂，所以跟着我的步骤一步步走，这样才可以实现自定义表情包，首先子比商城更新之后我们只改/wp-content/themes/zibll/inc/functions/functions.php这个文件，新版和旧版只改这个文件，其他的正常部署就行！ 旧版教程： 定位：/wp-content/themes/zibll/inc/functions/functions.php文件里面，然后搜“表情”，如下图所示： 接下来就是我们把你想要加入的表情包名称像这样添加在里面，如下图所示： 如上图，design就是分类相当于评论区的分类然后suffix是格式如：gif、png（png不行）等等表情包格式，我这里设置的全部都gif格式的，那么你也可以设置gif，那我就以gif的教程分享，如下代码就是图上代码，替换你自带的即可！ //表情 if ('smilie' == $type) { $but = '<a class="but btn-input-expand input-smilie mr6" href="javascript:;"><i class="fa fa-fw fa-smile-o"></i><span class="hide-sm">表情</span></a>'; $smilie_icon_args = array( array( 'design' => '豆仔',...
6个月前
建站笔记
123456…41跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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