汇聚访-汇聚访-第2页
用户封面
3.1W+36591
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访241天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布354
排序
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;...
5个月前
建站笔记
2025-04-28
04-28
子比主题 - 侧边栏显示天气预报加一言-汇聚访

实用子比主题 – 侧边栏显示天气预报加一言

为子比主题增添天气预报显示功能，可极大提升网站的实用性与趣味性，使访客能更便捷地获取天气资讯。 演示效果： 代码部署： [hidecontent type="payshow"] 首先进入WordPress后台>外观>小工具>自定义HTML>把自定义HTML添加到>文章页侧边栏>复制下面的代码即可 <!-- 转载请保留-搜源站：Www.SouYuanZhan.Com --> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- 添加Font Awesome图标库 --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> </head> <body> <div class="weather-card"> <h1><i class="fas fa-cloud-sun"></i> 实时天气卡片</h1> <p id="location"><i class="fas fa-map-marker-alt fa-lg...
6个月前
建站笔记
2025-05-07
05-07
子比主题 - 子比页面购买插件-汇聚访

实用子比主题 – 子比页面购买插件

ZibllPAY商品销售系统可以为子比主题开启一个精美的商品销售页面，用户通过简单的...
5个月前
功能插件
2025-08-21
08-21
子比主题 - 仿bilibili页面顶部焦点轮播图-汇聚访

实用子比主题 – 仿bilibili页面顶部焦点轮播图

大家好，今天汇聚访给大家分享一下使用swiper框架仿bilibili页面顶部焦点轮播图的这么一个功能，一般来说都是通用的，原作者是墨星，我对着仿了一个然后测试下来也没有bug，同时增加了点样式，然后手机端小图片进行了隐藏，因为加上的话手机端效果不咋好看，我也懒得写成小工具了，喜欢的直接按代码自行部署吧。 演示效果： 代码部署： [hidecontent type="payshow"] 首先可以在子比根目录里的index.php这个文件中添加代码，当然也可以是别的位置，我这里就以这个位置为例了，打开文件后在<main role="main" class="container">这行代码的上面添加代码即可，css样式和js样式这里我直接打包放在文章附件里了，引用链接自行更改吧，然后图片可更换自己喜欢的图片。 <link rel="stylesheet" href="/wp-content/themes/zibll/huijuf-banner.css"> <div class="focus-container slide-header"> <div class="main-swiper swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://baidu.com" target="_blank" class="swiper-link"> <img src="图片地址" alt="轮播图1"> </a> </div> <div class="swiper-slide"> <img src="图片地址" alt="轮播图2">...
2个月前
建站笔记
2025-08-16
08-16
子比主题 - 多功能自定义右键菜单-汇聚访

实用子比主题 – 多功能自定义右键菜单

大家好，今天汇聚访给大家带来一款多功能自定义右键菜单，这个效果也是十分好看，可添加其他需要跳转的页面或内容，唯一的缺点就是手机端适配不太好，手机端也会出现，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] HTML代码CSS代码JS代码 投放至 footer.php 或 header.php 文件 body 标签内。 <div id="macgfyj"> <div data-macgf-cd id="rightMenu"> <div data-macgf-cd class="rightMenu-group rightMenu-small"> <div data-macgf-cd class="rightMenu-item" id="menu-home"> <a data-macgf-cd class="rightMenu-item" href="https://www.huijuf.com"> <i data-macgf-cd class="fa fa-home" aria-hidden="true"...
2个月前
建站笔记
2025-08-03
08-03
子比主题 - 仿7b2极主题顶部导航样式-汇聚访

实用子比主题 – 仿7b2极主题顶部导航样式

大家好，我是汇聚访，今天给大家分享的是子比主题仿7b2极主题顶部导航样式，这个效果我在鹿语和呆萌的网站上看到的，觉得挺不错的然后就自己仿了一个，这个效果我只适应了电脑端导航布局的第一个布局，如果你要用的话做好心理准备，布局二和三我都没有适配，因为太麻烦了，你修改之后用布局二和三可能会错乱，本教程需修改原主题文件，请备份好原主题文件再进行修改，以防文件丢失或系统崩溃，话不多说了，直接开始部署教程。 演示效果： 代码部署： [hidecontent type="payshow"] 首先是css样式（会员充值的css样式），图片我推荐本地化，以防丢失，代码如下： /*汇聚访：www.huijuf.com*/ .Onecad_header_vip { background: url(https://img.dmguo.cn/2025/03/20250319172047784.png) no-repeat 50% / 120px; display: block; position: absolute; margin-right: 5px; padding: 0 70px; width: 25px; height: 40px; bottom: -8px; right: 12vh; } /*汇聚访：www.huijuf.com*/ .Onecad_header_vip_topi...
2个月前
建站笔记
2025-05-01
05-01
子比主题 - 文章列表果冻弹跳效果-汇聚访

实用子比主题 – 文章列表果冻弹跳效果

给网站添加一个鼠标放到文章上会有一个果冻弹跳的效果，主的看上去还是很好玩的，实现这个效果只需要一个CSS即可。 演示效果： 代码部署： [hidecontent type="payshow"] 将下面代码放到主题设置里的自定义CSS即可 /*www.huijuf.com*/ posts.posts-item.card.ajax-item:hover{-webkit-animation:jumps-data-v-6bdef187 1.2s ease 1;animation:jumps-data-v-6bdef187 1.2s ease 1;}@-webkit-keyframes jumps-data-v-6bdef187{0%{transform:translate(0)}10%{transform:translateY(5px) scaleX(1.2) scaleY(.8)}30%{transform:translateY(-13px) scaleX(1) scaleY(1) rotate(5deg)}50%{transform:translateY(0) scale(1) rotate(0)}55%{transform:translateY(0) scaleX(1.1) scaleY(.9) rotate(0)}70%{transform:translateY(-4px) scaleX(1) scaleY(1) rotate(-2deg)}80%{transform:translateY(0) scaleX(1) scaleY(1) rotate(0)}85%{transform:translateY(0) scaleX(1.05) scaleY(.95) rotate(0)}to{transform:translateY(0) scaleX(1)...
5个月前
建站笔记
2025-07-21
07-21
子比主题 - 动态星空背景-汇聚访

实用子比主题 – 动态星空背景

大家好，今天汇聚访给大家带来一款夜间模式仿星空流动的动态背景特效，这个效果白天和黑夜模式都有，白天不太明显。黑夜模式的比较好看，这个效果是仿的小樱博客的，今天分享给大家，希望对大家有帮助，如果觉得白天模式不好看，请自行适配白天模式！ 演示效果： 代码部署： [hidecontent type="payshow"] ①首先在子比后台设置-自定义CSS样式中添加以下代码： /*汇聚访：www.huijuf.com*/ .dark-theme { background: var(--body-bg-color) fixed center / cover; } .stars { display: none; position: fixed; bottom: 0; left: 50%; transform: perspective(500px); transform-style: preserve-3d; perspective-origin: 50% 100%; animation: stars_anime...
3个月前
建站笔记
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:...
58天前
建站笔记
2025-11-24
11-24
子比主题 - 用户个人信息小工具动态钟表样式-汇聚访

实用子比主题 – 用户个人信息小工具动态钟表样式

这是一款子比主题仿Emlog里的一款主题样式的，这个不仅可以用在用户个人中心小工具，同时还可以用在文章作者信息小工具里，我都适配好了，此效果仅在网站用户登录时候才显示，我懒得适配未登录了，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/zibll/inc/functions/zib-author.php找到函数：zib_get_user_card_box（大概在700多行左右），随后在这个函数内部找到$cover这个变量名，你会看到以下代码： $cover = $args['show_img_bg'] ? '<div class="user-cover graphic" style="padding-bottom: 50%;">' . get_user_cover_img($user_id) . '</div>' : ''; 随后把此段代码替换为以下代码： /*汇聚访：www.huijuf.com*/ $cover = $args['show_img_bg'] ? '<div class="user-cover graphic" style="padding-bottom: 50%;"><div class="zibbox-clock-item"><div class="zibbox-clock_box"><svg class="ete_clock_clock"xmlns="http://www.w3.org/2000/svg"viewBox="0...
6天前
建站笔记
1234…36跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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