汇聚访-汇聚访-第8页
用户封面
2.3W+31261
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访195天 总消费：0 河南省驻马店市管理员
发布297
排序
2025-04-28
04-28
子比主题 - 文章卡片下载按钮样式美化-汇聚访

实用子比主题 – 文章卡片下载按钮样式美化

给子比主题卡片样式下面加一个下载按钮样式，非常美观，给自己的子比主题去加一个吧，这个非常实用，这个代码是扒mac站长的一个美化，所以我分享给大家免费使用！ 演示效果： 代码部署： [hidecontent type="reply"] 首先一共三步，有两行php代码和一个css代码，话不多说直接开始教程 ①PHP②PHP③CSS 下面的PHP代码放到子比文件：/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概268行，如下图！ $get_permalink = get_permalink();//添加文章链接 下面的PHP代码放到子比文件：/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概320多行，如下图！ $html = '<a class="down" target="_blank" href="' . $get_permalink . '" rel="external nofollow" >下载</a>';//添加下载按钮 CSS代码我就不说了，直接放到子比主题-->>自定义CSS样式即可！ /*www.huijuf.com*/ a.down { display: inline-block; width: 100%; height: 30px;...
子比主题子比美化建站笔记
2025-05-04
05-04
子比主题 - 底部横向网站信息统计模块-汇聚访

实用子比主题 – 底部横向网站信息统计模块

分享一下子比的底部横向网站统计的模块，有博客播报、文章统计、浏览统计，用起来非常美观而且还非常实用的一个底部美化！！！不知道原创是谁，网上的资源整理测试的。 演示效果： 代码部署： [hidecontent type="payshow"] 子比主题的主题目录下，header.php 底部添加下方核心函数代码 <script type="text/javascript" > //文章总数 <?php $count_posts = wp_count_posts(); $published_posts =$count_posts->publish;echo "var tj_wzzs="."'$published_posts'";?> //本周发布 <?php $post_wpdb = get_posts_count_from_last_168h($post_type ='post');echo "var tj_bzfb="."'$post_wpdb'";?> //运行时间 <?php $wdyx_time = floor((time()-strtotime("2024-6-25 0:0:0"))/86400);echo "var tj_yxsj="."'$wdyx_time'";?> //用户总数...
子比主题子比美化建站笔记
2025-05-31
05-31
子比主题 - 文章详情页带Tab切换美化-汇聚访

实用子比主题 – 文章详情页带Tab切换美化

大家好，今天汇聚访给大家带来子比主题的文章详情页带Tab切换的功能，这个效果是腾飞先整出来的，适合所有子比站点，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 一共两个代码，一个是PHP代码，一个是CSS代码，PHP代码里面我已经引入了CSS文件，你可以引入文件也可以放到：子比主题–>>自定义CSS样式即可！ 定位：/wp-content/themes/zibll/inc/functions/zib-single.php文件，我们找到下面的函数，如下图！ 然后我们将一整块替换我下面的代码，直接替换我修改过的代码！ function zib_single() { zib_single_header(); do_action('zib_single_before'); echo '<article class="article main-bg theme-box box-body radius8 main-shadow">'; echo ' <div class="tabs"> <div class="tab active" data-target="#postsposcontent"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 详情</div> <div class="tab"...
子比主题子比美化建站笔记
2025-08-20
08-20
子比主题 – 仿张洪Heo页脚样式美化-汇聚访

实用子比主题 – 仿张洪Heo页脚样式美化

大家好，今天汇聚访给大家带来一篇仿张洪Heo页脚样式的美化，这个页脚适配了白天、黑夜模式，同时也适配了手机端，看着还是不错的，但是每个人审美不同，如有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先要打开目录：/wp-content/themes/zibll/footer.php，然后我们接下来就要放入代码了，我们要先将下面的代码删掉： <footer class="footer"> <?php if (function_exists('dynamic_sidebar')) { dynamic_sidebar('all_footer'); }?> <div class="container-fluid container-footer"> <?php do_action('zib_footer_conter');?> </div> </footer> 删掉后我们将开始放入这篇的页脚美化，我们放到下面代码的上面： <?php wp_footer(); ?> 接着我们把下方1代码放在上面代码的上面即可（里面的跳转链接及其文字自行修改即可）： <style> @font-face{font-family:"11";/* Project id 4837858 */ src:url('//at.alicdn.com/t/c/font_4837858_4eqpwuln6r8.eot?t=1740467376348');/* IE9 */...
子比主题子比美化建站笔记
2025-10-03
10-03
子比主题 - 幻灯片循环滚动波浪动画-汇聚访

实用子比主题 – 幻灯片循环滚动波浪动画

这是子比主题的一款幻灯片循环滚动波浪动画，可以放在任何位置，我这里放在了多功能组件这里，看起来非常不错，教程也比较简单属于一键部署，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSSJS 定位：网站后台->Zibll主题设置->全局&功能->自定义代码->自定义CSS样式中添加以下代码： /*汇聚访：www.huijuf.com*/ .parallax { fill: var(--body-bg-color); } .parallax > use { animation: move-forever 30s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; } .parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; opacity:...
子比主题子比美化建站笔记
2025-05-01
05-01
子比主题 - 评论区显示漂亮的用户ID徽章背景二次元样式-汇聚访

实用子比主题 – 评论区显示漂亮的用户ID徽章背景二次元样式

为主题添加一个背景二次元样式的徽章，图片都是随机的，根据用户UID显示编号哦~ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在网站/wp-content/themes/zibll 主题目录下新增func.php文件（此文件不会随着更新主题版本消失，有的话就不用管）或者说放入functions.php里面也可以 PHPCSS function wxs_footer_info_add_img_bill($info, $comment, $depth) { $user_ip = $comment->comment_author_IP; if ($user_ip) { //$user_ip_name = convertip(get_comment_author_ip()); // $replyText_html = '<span class="reply-link">' .'' . '</span><span style="cursor:pointer" data-toggle="tooltip" alt="IP：'.$user_ip.'" data-original-title="IP地址：'.$user_ip_name.'">'.mb_substr($user_ip_name,-3,3,"utf-8").'</span>'; $img_list =...
子比主题子比美化建站笔记
2025-08-11
08-11
子比主题 - 首页排行榜小工具样式（第三版）-汇聚访

实用子比主题 – 首页排行榜小工具样式（第三版）

大家好，今天汇聚访给大家带来首页排行榜小工具的第三个样式，之前也发过这个小工具，只不过和这个样式不同，这个效果比起前两个是比较简约的，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先看下图，第一个是分类ID，第二个是在首页出现几个： 将下面的HTML代码放到自己的index.php里面 我目前是放到/wp-content/themes/zibll/index.php里面搜<?php get_sidebar(); ?>，推荐放在下面，代码如下所示： <div class="zib-widget mohan-ranking-widget"> <div class="list clearfix"> <div class="ranking-item"> <a class="top-icon js-rank-bottom1">资源分享</a> <div class="class-box"> <?php query_posts('cat=1&showposts=5&orderby=views'); ?> <?php while (have_posts()) : the_post(); ?> <a class="class-item js-rank"...
子比主题子比美化建站笔记
2025-08-22
08-22
子比主题 - 评论区添加动漫小人结尾-汇聚访

实用子比主题 – 评论区添加动漫小人结尾

大家好，今天汇聚访给大家带来一个评论区添加动漫小人结尾的样式，这个样式适应于二次元的站点，加上去感觉比较吸引人的注意力吧，未登录和未评论及手机端都做了适配，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 图片我是放在了图床，为了防止图片素材丢失，我这里建议你直接下载下来，然后放在本地。 首先找到/wp-content/themes/zibll/template/comments.php这个文件随后搜索comment-null这个代码，然后在他下面添加以下代码即可（搜出来会有两个结果，都添加即可，图片为两个地方添加后的代码）： /*汇聚访：www.huijuf.com*/ echo '<img src="https://pic1.imgdb.cn/item/68a7d9a458cb8da5c841d276 .png">'; /*汇聚访：www.huijuf.com*/ [/hidecontent]
子比主题子比美化建站笔记
2025-06-18
06-18
子比主题 - 渐变首页栏目美化-汇聚访

实用子比主题 – 渐变首页栏目美化

今天给大家分享一个渐变的首页栏目，之前写了一篇二次元美化的，今天给大家分享一下这个效果！原创应该是炙焰！我也算是记录一下，防治效果丢失！ 演示效果： 代码部署： [hidecontent type="payshow"] 直接把下方代码放到后台子比设置-自定义css样式即可！ .index-tab ul>li{border-radius:7px;background:none;color:#000;transition:background-color .5s ease}.index-tab ul>li.active{background:linear-gradient(45deg,var(--gradient-active));background-size:400% 400%;animation:GradientShift 15s ease infinite}@keyframes GradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}} :root { --gradient-base-1: 255,127,80; --gradient-base-2: 148,143,255; --gradient-base-3: 76,175,80; --gradient-base-4: 255,165,0; --gradient-active: rgba(var(--gradient-base-1),0.3) 0%,rgba(var(--gradient-base-2),0.3) 25%,rgba(var(--gradient-base-3),0.3) 50%,rgba(var(--gradient-base-4),0.3) 75%,rgba(var(--gradient-base-1),0.3)...
子比主题子比美化建站笔记
2025-05-01
05-01
子比主题 - 仿造bilibili列表底部效果-汇聚访

实用子比主题 – 仿造bilibili列表底部效果

为主题添加仿造一个bilibili列表底部效果，话不多说直接展示！ 演示效果： 代码部署： [hidecontent type="reply"] HTMLCSS wp后台 -> 小工具 -> html代码，选择所有页面-底部全宽度 <div style="position: relative;text-align: center;"><img decoding="async" src="https://blog.zbiwl.com/image/dibu1.png" data-src="https://blog.zbiwl.com/image/dibu1.png" class=" ls-is-cached lazyloaded"> <p style="position: absolute;top: 30%;left: 50%;margin-left: -40px;font-size: 10px;">你已经到达了世界的尽头</p></div> 子比主题 -> 全局&功能 -> 自定义代码 -> 自定义CSS样式...
子比主题子比美化建站笔记
1…678910…30跳转
热评