汇聚访-汇聚访-第11页
用户封面
2.2W+30831
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访194天 总消费：0 河南省驻马店市管理员
发布297
排序
2025-05-14
05-14
子比主题 - PC底部展示网易云热评-汇聚访

实用子比主题 – PC底部展示网易云热评

这个原创是由星雨博客站长做的，最初是打算做成冒泡上浮的那种效果，后来觉得简洁的弹窗更为合适，这个弹窗我一共做了两种效果，才呈现出来现在的效果，有能力的小伙伴可进行二次开发创作，那么废话不多说，直接来看效果！ 演示效果： 第一款： 第二款： 代码部署： [hidecontent type="payshow"] 效果①效果② 进入wordpress后台-外观-小工具-自定义html代码-所有页面 底部全宽度 <div id="wniui-popup-window" class="wniui-show-popup-window"> <div class="wniui-popup-header"> <div class="wniui-popup-window-title">网易云热评</div> <span id="wniui-popup-username"></span> <a id="music-link" href="" target="_blank" style="position: absolute; top: 8px; right: 10px;"> <svg style="transition: .3s;height:30px;width:30px;" t="1740280523955" class="icon" viewbox="0...
子比主题子比美化建站笔记
2025-05-01
05-01
子比主题 - 置顶角标美化-汇聚访

实用子比主题 – 置顶角标美化

为主题增加一个置顶角标美化，话不多说直接开始展示！ 演示效果： 代码部署： [hidecontent type="reply"] 将下列代码加入后台CSS中即可 .posts-item badge.img-badge.left.jb-red { position: absolute; top: 10px; right: -50px; z-index: 1; width: 140px; height: 20px; background: var(--theme-color); color: #fff; line-height: 20px; transform: rotate(45deg); text-align: center; font-size: 12px; left: auto;...
子比主题子比美化建站笔记
2025-05-24
05-24
子比主题 - 自带滑块验证图片修改-汇聚访

实用子比主题 – 自带滑块验证图片修改

对于子比的滑动模块我们很多人都不是很喜欢自带的滑动模块的图片，接下来我来教大家怎么自...
子比主题子比美化建站笔记
2025-04-24
04-24
子比主题 - 侧边栏动态时间小工具-汇聚访

实用子比主题 – 侧边栏动态时间小工具

大家好，本次汇聚访给大家带来一款子比主题的侧边栏动态时间小工具，这个小工具的效果还是比较炫酷的，当然每个人的眼光不同，有喜欢的可以自行部署。 演示效果： 代码部署： [hidecontent type="reply"] 操作步骤：后台小工具→自定义HTML HTML <style> .times { margin: 0; padding: 0; height: 100%; } .times2 { height: 100%; background: #fff; } .times2 svg { height: 100%; width: 100%; margin-bottom: -34px; } .words...
子比主题子比美化建站笔记
2025-05-06
05-06
子比主题 - 添加一个类似哔哩哔哩客服中心头部banner图-汇聚访

实用子比主题 – 添加一个类似哔哩哔哩客服中心头部banner图

大家好，这次汇聚访给大家带来一款类似哔哩哔哩客服中心头部的banner图，这个效果适合一些做二次元风格的网站，你可以放底部或消息通知页面顶部，适用大多数wordpress主题，有喜欢的自行部署吧。 演示效果： 代码部署： [hidecontent type="payshow"] CSSHTML 添加进后台自定义css即可 .banner { position: relative; overflow: hidden; height: 183px; background: url(https://blog.zbiwl.com/bilibili/59nm7456wp.jpg@70p) repeat; background-size: 1200px 700px } .banner .banner-content { position: relative; margin: 0 auto; width: 970px } .banner .banner-content...
子比主题子比美化建站笔记
2025-08-27
08-27
子比主题 – 二次元文章排行榜小工具-汇聚访

实用子比主题 – 二次元文章排行榜小工具

大家好，今天汇聚访给大家带来一款二次元文章排行榜小工具，之前也发过其他样式的排行榜小工具，这个风格比较偏二次元，作者是苏晨，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] <?php Zib_CFSwidget::create('widget_rank', array( 'title' => 'top-热门排行榜', 'zib_title' => true, 'zib_affix' => true, 'zib_show' => true, 'description' => '二次元风格热门文章排行榜', 'fields' => array( array('title' => '排行榜1名称', 'id' => 'hot_1', 'type' => 'text',...
子比主题子比美化建站笔记
2025-05-24
05-24
子比主题 - 文章角标及封面图底部美化代码-汇聚访

实用子比主题 – 文章角标及封面图底部美化代码

今天分享的教程是WordPress子比主题美化教程：文章角标及封面图底部美化。简单的来说，就是在文章发布页面增加一个附加选项，可以通过这个附加选项达到我们想要的美化效果！文章发布时可在编辑页底部自行配置输入内容以及颜色，不填写内容则不显示。 演示效果： 代码部署： [hidecontent type="payshow"] 1.Zibll主题设置>>全局&功能>>自定义代码>>自定义CSS样式！ /*角标css*/ .posts-item.card .item-thumbnail { background:#c4cffa26; width:100%; padding-bottom:var(--posts-card-scale); } a.item-category { position:absolute; left:10px; top:10px; padding:5px 6px; font-size:1rem; line-height:1; color:#fff; background:var(--theme-color); border-radius:6px; } a.item-category-app { position:absolute; height:24px; line-height:24px; width:100%; text-align:center; bottom:0;...
子比主题子比美化建站笔记
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 0;width:100%;}.post-title-wrap{display:flex;align-items:center;gap:8px;margin-bottom:12px;}.post-title{font-size:28px;font-weight:800;color:#222;text-shadow:2px 2px 8px rgba(0,0,0,0.12);}.post-dot{width:10px;height:10px;border-radius:50%;background:#ff6b6b;box-shadow:0 0...
子比主题子比美化建站笔记
2025-10-01
10-01
子比主题 - 新版文章卡片广告位小工具-汇聚访

实用子比主题 – 新版文章卡片广告位小工具

这是子比主题的一款文章卡片广告位小工具，之前也发过这个小工具只不过那个看着有点简陋，这个是在那个的基础上又增添了一些新东西，设置选项也增加了许多，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll在这个路径下的functions.php或者是func.php中添加以下代码： if (file_exists(get_theme_file_path('/inc/widgets/ad-card-widget.php'))) { require_once get_theme_file_path('/inc/widgets/ad-card-widget.php'); } /*汇聚访：www.huijuf.com*/ 然后把本文附件中的文件放在/wp-content/themes/zibll/inc/widgets这个目录下即可！ [/hidecontent]
子比主题子比美化建站笔记
2025-10-13
10-13
Ri主题 - 首页四格小工具美化-汇聚访

实用Ri主题 – 首页四格小工具美化

这是给RiProV5主题添加的一款四格小工具样式，总体看起来还是不错的，有一种科技风的感觉，图片我全部放在图床上面了，推荐自行下载起来本地化，你可以放在任何位置，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：后台 - 外观 - 小工具 - 自定义HTML代码中添加以下代码（所放置的位置自行挑选）： /*汇聚访：www.huijuf.com*/ <div class="container animate__animated animate__fadeInUp"> <div class="row animate__animated animate__fadeInUp"> <div class="col-3"><div class="item"><a target="_blank" href="/wordpress" class="d-flex justify-content-center align-items-center py-4" style="color:#0868ac"><div class="item-icon"> <img src="https://cloudcache.tencentcs.com/open_proj/proj_qcloud_v2/gateway/product/css/img/p-overview/p-addition-links-list-view-news.svg"></div><div class="text-left"><h5>WordPress...
RiThemeRiProV5建站笔记
1…910111213…30跳转
热评