汇聚访-汇聚访-第14页
用户封面
3.3W+38421
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访257天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省驻马店市管理员
发布376
排序
2025-10-20
10-20
Ri主题 - 文章缩略图动态圆圈（代码版）-汇聚访

实用Ri主题 – 文章缩略图动态圆圈（代码版）

这是一款Ri主题缩略图动态圆圈效果，我之前适配过子比主题今天来适配一下Ri主题，这个效果是在鼠标悬浮文章缩略图的时候，会有一个动态波纹形态的白色小圆圈，效果也是十分好看，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/ripro-v5/template-parts/loop/entry-media-part.php中找到以下代码（大概18行左右）： <?php if ($post_format_icon):?> 在这行代码的下方添加以下代码，图片我放在图床了，自行下载本地化！ /*汇聚访：www.huijuf.com*/ <div class="cao-cover"> <img src="https://pic1.imgdb.cn/item/68f622243203f7be00830c76 .svg" width="50" height="50px"> </div> /*汇聚访：www.huijuf.com*/ 随后定位：后台主题设置 - 基本设置 - 自定义CSS代码样式中添加以下代码即可： /*汇聚访：www.huijuf.com*/ .entry-media .cao-cover { position: absolute; top: 0; left: 0; width:...
1个月前
建站笔记
2025-11-14
11-14
Ri主题 - 顶部导航栏开通会员图标-汇聚访

实用Ri主题 – 顶部导航栏开通会员图标

这是一款RiProV5主题的顶部导航栏开通会员图标，之前我也发过几种导航栏的开通会员图标，但是那几个几乎都差不多，今天汇聚访给大家带来一款全新的，夜间模式我没有适配，需要的自行适配一下吧，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSSmenu.php 定位：后台主题设置 - 基本设置 - 自定义CSS样式代码中添加以下代码： /*汇聚访：www.huijuf.com*/ .btn-floating.btn-sm, .btn-group-sm>.btn-floating.btn { width: 1.8125rem; height: 1.8125rem; transition: all 0.3s ease; } .btn-floating.btn-sm:hover { transform: scale(1.1); box-shadow: 0 4px 12px rgba(103, 58, 183,...
32天前
建站笔记
2025-11-30
11-30
子比主题 - 文章列表多种动画效果美化（四款）-汇聚访

实用子比主题 – 文章列表多种动画效果美化（四款）

这是一款子比主题的文章列表多种动画效果美化，此效果依旧是我们的老墨根据一为主题的文章列表加载动效所研究，加上这个效果可以使子比主题的文章列表更具有灵动性看起来更生动，话不多说喜欢的自行部署吧！ 演示效果： 第一款 第二款 第三款 第四款 代码部署： [hidecontent type="reply"] 无论是哪一款，代码都是直接放在主题后台设置 - 自定义CSS代码样式中的！代码已进行压缩！ 第一款第二款第三款第四款 .posts-item{animation:floatUp 0.8s ease forwards}@keyframes floatUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}} .posts-item{animation:floatUpBounce 0.9s ease forwards}@keyframes floatUpBounce{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}} .posts-item{animation:floatUpScale 0.7s ease forwards}@keyframes floatUpScale{0%{opacity:0;transform:translateY(30px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}} .posts-item{animation:floatUpRotate 0.8s ease forwards}@keyframes floatUpRotate{0%{opacity:0;transform:translateY(30px)...
16天前
建站笔记
2025-04-24
04-24
子比主题 - 网站进入Loading加载动画（两款）-汇聚访

实用子比主题 – 网站进入Loading加载动画（两款）25/10/28更新

这是一款子比主题Loading加载动画，用户进入网站加载动画效果，很多动画用的是一些组件来做的动画，但是这个不是，这个是直接用的svg动画进行来做网站进场的动画的，原创为星雨博客，喜欢的自行部署一下吧！ 演示效果： 第一款 第二款 代码部署： [hidecontent type="reply"] 定位：子比后台设置 - 自定义CSS代码中添加以下代码即可： 第一款第二款 /*加载动画*/ body:after { content: " "; position: fixed; inset: 0; background-color: white; z-index: 999; background-image: url(https://pic1.imgdb.cn/item/690042a83203f7be00a8ee38 .svg); background-repeat: no-repeat; background-position: center; background-size: 30%; animation: fadeOut...
7个月前
建站笔记
2025-05-01
05-01
子比主题 - 底部添加渐变色背景统计模块（两种样式）-汇聚访

实用子比主题 – 底部添加渐变色背景统计模块（两种样式）

在网站底部添加一个统计信息，可以看到网站的运营情况，如会员数量，文章数量、网站的总浏览量、当天发布的文章数量、网站运营天数等，并且这个统计信息背景是渐变色的，非常漂亮。之前有分享过这个代码，今天新增了一个显示评论总数，把今天发布文章数量改为了本周发布的数量，如果需要之前的版本，可以参考下面这篇文章 演示效果： 样式一： 样式二： 代码部署： [hidecontent type="payshow"] 进入子比主题目录，创建 func.php 文件，把下面的代码添加进去（下面两个选择一个喜欢的样式填进去即可） 样式一样式二 <?php //实现侧边栏文本工具运行PHP代码 add_filter('widget_text', 'php_text', 99); function php_text($text) { if (strpos($text, '<' . '?') !== false) { ob_start(); eval('?' . '>' . $text); $text = ob_get_contents(); ob_end_clean();...
6个月前
建站笔记
2025-05-18
05-18
子比主题 - 旋转小人小工具-汇聚访

实用子比主题 – 旋转小人小工具

今天逛友链的时候,看到一个十分漂亮的小工具，于是就扒了下来，在这里分享给大家哦·~ 演示效果： 代码部署： [hidecontent type="payshow"] JS代码和CSS及其图片都可以放在本地，以防丢失哦~ <div style="background:#fff;border-radius:15px;padding:10px 20px;" class="card-widget card-announcement"> <div class="item-headline"><i style="font-size:20px;color:red;" class="fa fa-bullhorn"> </i> <span style="font-size:15px;font-weight:700;margin-left:3px;line-height:15px;"> 公告</span></div> <div class="announcement_content">        <p>不定时更新博客，欢迎交换<a href="/links.html"><strong>友链</strong></a>...</p> <div class="twopeople"> <div class="container" style="height:200px;"><canvas class="illo" width="1200" height="1200"...
6个月前
建站笔记
2025-06-09
06-09
子比主题 - 加一个实用美观可翻转的区块代码-汇聚访

实用子比主题 – 加一个实用美观可翻转的区块代码

这是一款子比主题可以翻转的公众号样式，这是第一款代码实现的功能，我觉得放到文章侧边比较好看，喜欢的自行部署！ 演示效果： 代码部署： [hidecontent type="reply"] 首先我们将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码！ <div class="card-widget" id="card-wechat" onclick="window.open('https://www.huijuf.com/wechat');"> <div id="flip-wrapper"> <div id="flip-content"> <div class="face"></div> <div class="back face"></div> </div> </div> </div> <link rel="stylesheet" href="/wp-content/themes/zibll/css/wxgzh.css" type="text/css"> 然后你可以看到上面的这个https://www.huijuf.com/wechat这个代码，后面会用到，继续我们的部署，文章图片以及CSS样式我都放在文件附件了，自行下载即可！代码里的网址以及CSS引用地址自行更改！上传完了之后呢，我们就可以看到我们的侧边有这个样式了，别忘了改一下下面链接的图片，因为里面有我的二维码，你们自己PS一下你们自己的二维码：/wp-content/themes/zibll/img/wx_gzh.png 然后我们接下来就是我们的https://www.huijuf.com/wechat这个了，我们这个是一个页面，我不多说，这个就一个HTML单页，你自己替换你自己的然后拿到链接直接替换了我的链接就行！ [/hidecontent]
5个月前
建站笔记
2025-07-14
07-14
子比主题 - 网站底部评论热评-汇聚访

实用子比主题 – 网站底部评论热评

大家好，今天汇聚访给大家带来一款网站底部评论的热评显示。这个效果原创为星雨，之前也发过类似的教程，不过那个是网易云热评，感觉没有这个网站热评用处大，所以今天给大家分享一下这个，希望对大家有用。 演示效果： 代码部署： [hidecontent type="payshow"] PHPHTML 将下方代码放置在主题目录下的 function.php 或者新建一个 func.php 文件 // 注册自定义 REST API 接口 function register_hot_comments_endpoint() { register_rest_route('myapi/v1', '/hot-comments', array( 'methods' => 'GET', 'callback' => 'get_hot_comments', )); } add_action('rest_api_init', 'register_hot_comments_endpoint'); function get_hot_comments() { $comments = get_comments(array( 'number'...
4个月前
建站笔记
2025-08-15
08-15
子比主题 - 卡片简约效果美化-汇聚访

实用子比主题 – 卡片简约效果美化

大家好，今天汇聚访给大家带来一款卡片简约的效果美化，这个效果去除了作者信息和一些列表小部件、列表标签等内容，增加了文章摘要，总体来说还算可以，同时也适配了黑夜效果和手机版，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先添加样式，在子比后台-自定义css中添加以下代码： /*汇聚访：www.huijuf.com*/ @media (max-width: 768px){ .header-slider-container .zib-widget.widget_yjk_qiandaopaihang{ display:none; } .posts-item.card ,.posts-item.list.ajax-item.flex{ width: calc(100% - 20px); } } /*汇聚访：www.huijuf.com*/ .posts-item.list.ajax-item.flex { width: calc(50% - 10px); margin: 5px; display: inline-block; margin: 8px;...
3个月前
建站笔记
2025-08-24
08-24
子比主题 – 首页左侧快捷导航美化-汇聚访

实用子比主题 – 首页左侧快捷导航美化

大家好，本次汇聚访给大家带来一款子比主题的首页左侧快捷导航美化样式，只会在电脑版本显示，效果还是非常不错的，比较便捷，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] PHP代码CSS代码首页配置 首先在路径：/wp-content/themes/zibll/index.php文件里面我们将下面的代码放到</main>的下面 #号 zuixinfabu不要动，后面跟的两个分类的bbmh和zbmh是分类别名。跳转至对应的卡片列表，如果你想要跳转到哪个小工具那个地方你加一个<div id=”标签名字”>，然后改下面的代码#标签即可！ /*汇聚访：www.huijuf.com*/ <ul id="menu" class="ontop show" style="background:var(--main-bg-color);"> <a class="scroll-link" href="javascript:(scrollTo('#zuixinfabu',-1));" rel="external nofollow" ><li title="最新发布" style="color:var(--key-color);" class="">最新发布</li></a> <a class="scroll-link" href="javascript:(scrollTo('#bbmh',-1));" rel="external nofollow" ><li title="B2美化" style="color:var(--key-color);" class="">B2美化</li></a> <a...
3个月前
建站笔记
1…1213141516…38跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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