子比美化 第2页
2025-12-15
12-15
子比主题 - 鼠标冒泡拖尾样式-汇聚访

实用子比主题 – 鼠标冒泡拖尾样式

这是一款子比主题的鼠标冒泡拖尾样式，之前圈子里有好几款鼠标拖尾样式，但是都不是特别好看有点太花哨了，汇聚访不太喜欢花哨的，今天给大家带来一款冒泡样式，十分好看，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：后台子比主题设置–>>自定义代码–>>自定义 javascript中添加以下代码： /*汇聚访www.huijuf.com*/ $(function() { function t(t) { function i(t) { d = document.createElement("canvas"), f = d.getContext("2d"), d.style.top = "0px", d.style.left = "0px", d.style.pointerEvents = "none", r ? (d.style.position =...
11天前
建站笔记
2025-12-15
12-15
子比主题 - 网站全局动态看板娘-汇聚访

实用子比主题 – 网站全局动态看板娘

这是给子比主题增添的一款网站全局动态看板娘的样式风格，此效果可自定义人物角色的话语，也是十分可爱，同时还会记录上次所移动的位置，适合那些用子比主题且是动漫风格的网站，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSSJSHTML 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： /*汇聚访www.huijuf.com*/ #exclusive-kanban-girl { border: none; outline: none; position: fixed; bottom: 75px; right: 90px; width: 110px; height: 165px; z-index: 99999; cursor: move; user-select: none; transition: transform 0.3s...
11天前
建站笔记
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)...
13天前
建站笔记
2025-12-13
12-13
子比主题 - 底部黑色页脚样式（第一版）-汇聚访

实用子比主题 – 底部黑色页脚样式（第一版）

这是一款子比主题的黑夜页脚样式，此样式是狐狸原创的，这款样式也是比较老的美化样式了，汇聚访之前发过一款白色的，两个都很好看，本次汇聚访修复了一些样式问题同时增添了一点东西，手机模式及黑夜模式都已经适配了，有喜欢的朋友自行部署吧！ 演示效果： 更新内容： 修复部分样式丢失问题 采用主题相关函数查询网站信息 代码部署： [hidecontent type="payshow"] 首先定位：/wp-content/themes/zibll/func.php添加以下代码： function get_posts_count_from_last_168h($post_type = 'post') { global $wpdb; $numposts = $wpdb->get_var( $wpdb->prepare( "SELECT COUNT(ID) " . "FROM {$wpdb->posts} " . "WHERE " . "post_status='publish' " . "AND...
14天前
建站笔记
2025-12-12
12-12
子比主题 – 侧边栏快捷功能小工具-汇聚访

实用子比主题 – 侧边栏快捷功能小工具

这是子比主题的一款侧边栏快捷功能小工具，此小工具的配置选项由腾飞使用CSF框架构建，汇聚访这里把图片集成在本地了以防图片丢失，同时修改了样式使其和别的小工具组件上下有间距，你可以设置别的图片以及按钮功能，有喜欢的朋友自行部署吧！ 演示效果： 登录状态下 未登录状态下 代码部署： [hidecontent type="payshow"] 首先我们第一步定位：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！随后加下方的代码： $widgets_files = array( 'zibbox_quick.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 文章附件下载之后上传到：/wp-content/themes/zibll解压即可！如需更换图片请到：/wp-content/themes/zibll/img/zibbox里更换！ [/hidecontent]
14天前
建站笔记
2025-12-11
12-11
子比插件 – 囚墨美化插件-汇聚访

实用子比插件 – 囚墨美化插件

这是一款由囚墨开发的多功能子比主题美化插件，此插件为开源版本，富含了多种实用美化以及...
15天前
美化插件
2025-12-10
12-10
子比主题 – 侧边栏信息统计数据小工具-汇聚访

实用子比主题 – 侧边栏信息统计数据小工具

这是一款子比主题的侧边栏信息统计数据小工具，此小工具可显示网站的多个信息资料，同时汇聚访这里已经把代码封装为可视化小工具了，部署起来十分简单，图片也可自行更换，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先我们第一步定位：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！随后加下方的代码： $widgets_files = array( 'zibbox_slider_tj.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 文章附件下载之后上传到：/wp-content/themes/zibll解压即可！如需更换图片请到：/wp-content/themes/zibll/img/zibbox里更换！ [/hidecontent]
16天前
建站笔记
2025-12-10
12-10
子比主题 – 文章图片类小工具-汇聚访

实用子比主题 – 文章图片类小工具

这是一款子比主题的文章重构图片类小工具，这款小工具可选很多版式，例如2*2卡片、1大+2小、5小卡片等八种样式，适合一些用子比主题做写真网的站点，除了版式有许多的同时附带的有几款鼠标悬停效果，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先我们第一步定位：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！随后加下方的代码： $widgets_files = array( 'zibbox_posts_layou.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 文章附件下载之后上传到：/wp-content/themes/zibll解压即可！ [/hidecontent]
17天前
建站笔记
2025-12-09
12-09
子比主题 - 用户中心我的投诉页面（三款）-汇聚访

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

这是给子比主题增添的一个用户投诉页面的功能，此功能代码部署之后用户可自行查看自己所投诉举报的内容，这里一共有三种样式，但是都差不多可自行选择自己喜欢的样式，有需要的朋友自行部署吧！ 演示效果： 第一款 第二款 第三款 代码部署： [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...
18天前
建站笔记
2025-12-07
12-07
子比主题 - 首页左侧联系站长按钮-汇聚访

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

这是在子比主题首页左侧添加一个系站长按钮样式，此按钮所显示文字可自行更换，同时那个小表情也是跳动的，十分灵动好看，代码部署起来也是比较简单的，需要的朋友自行部署吧！ 演示效果： 代码部署： [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:...
19天前
建站笔记
1234…28跳转