汇聚访-汇聚访-第13页
用户封面
2.3W+31261
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访195天 总消费：0 河南省驻马店市管理员
发布297
排序
2025-09-27
09-27
子比主题 - 评论区起始分割线-汇聚访

实用子比主题 – 评论区起始分割线

今天汇聚访给大家带来一款子比主题的评论区起始分割线，之前我发过文章的分割线，今天在别的站点看到了这个效果并且是收费的，于是我就仿了一下，图片我放在图床里了，有条件的建议图片本地化，以防丢失，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/template/comments.php在这个文件里找到以下代码： <div class="theme-box" id="comments"> 在这个代码的下面添加以下代码即可： <div class="huijuf-wrapper"> <span class="huijuf-line"></span> <span class="huijuf-icon"> <a> <img src="https://pic1.imgdb.cn/item/68d7c526c5157e1a883c68cf .png" alt="分割线图标" class="huijuf-img"> <b>评论区</b>（汇聚访-评论底线）</a> </span> <span class="huijuf-line"></span> </div> <style> /*汇聚访：www.huijuf.com*/ .huijuf-wrapper { display: flex; align-items: center; margin:...
子比主题子比美化建站笔记
2025-07-30
07-30
技术教程 - WordPress程序新建分类、标签、专题自动将别名转为拼音-汇聚访

技术教程 – WordPress程序新建分类、标签、专题自动将别名转为拼音

大家好，今天汇聚访给大家分享一个实用的教程，这个教程是关于WordPress程序新建分类、标签、专题自动将别名转为拼音的教程，我们这里以子比主题为例子，原创应该为DearLicy大佬，今天分享给大家，我只能说是比较懒的人的福音。话不多说，直接开始教程。 演示效果： 部署教程： [hidecontent type="reply"] 首先我们需要拉取PHP的拼音库，如果你自己有接口也可以用接口的. 安装 pinyin PHP 库 composer require overtrue/pinyin 该命令需要在子比主题目录下执行，在宝塔点击文件——终端将会自动定位到子比主题文件目录 如果你有安装PHP8以上，请先修改为PHP7.2或其他 执行完成以后就可以关闭终端窗口了 编写自定义函数 然后，在你的 func.php 文件中添加以下代码，没有就在子比主题目录下创建一个： require_once get_theme_file_path('/vendor/autoload.php'); use Overtrue\Pinyin\Pinyin; function convert_tag_to_pinyin($tag_id) { $tag = get_term($tag_id, 'post_tag'); if (empty($tag->name)) return; // 如果已经是以拼音形式存在，则不进行转换 if...
技术教程WordPress建站笔记
2025-09-22
09-22
子比主题 - 网页弹窗样式美化-汇聚访

实用子比主题 – 网页弹窗样式美化

这是一款子比主题的弹窗，主要应用于IPA资源站的，我上传的二维码图片有点大了，自己调整下图片大小即可，内容均可自行修改，话不多说有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比后台-全局&功能-常用功能-弹窗通知，窗口尺寸你自行选择，弹窗标题选择默认样式即可，当然你也可以选择炫彩的，标题内容为空，随后把下方代码复制到弹窗内容，里面内容自行修改： <div><!-- 引入指定的阿里矢量图JS资源 --> <script src="//at.alicdn.com/t/c/font_4679546_26cbozjlll1.js"></script> <!-- 弹窗核心样式（优化移动端横向排版） --> <style> /* 仅作用于弹窗内部的隔离样式，前缀zibll-ipa-防止与主题冲突 */ .zibll-ipa-container { width: 100%; max-width: 380px; background: #fff; border-radius: 16px; box-shadow: 0 10px 40px rgba(0, 0, 0,...
子比主题子比美化建站笔记
2025-09-29
09-29
子比主题 - 炫酷侧边栏样式-汇聚访

实用子比主题 – 炫酷侧边栏样式

这是子比主题的侧边栏样式，这个效果起初是腾飞写的，但是他的手机版加载的时候好像有问题，现在他也不用了，我发出来做个笔记以防丢失，我这里对手机版隐藏了，因为手机版看着太臃肿了。这里只推荐电脑版使用，话不多说喜欢的自行部署！ 演示效果： 代码部署： [hidecontent type="payshow"] CSSJS自定义底部HTML代码 定位：后台 - 自定义CSS样式中添加以下代码即可（代码已进行压缩）： /*汇聚访：www.huijuf.com*/ .side-nav{position:fixed;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:999}.nav-card{width:60px;height:60px;border-radius:20px;background:linear-gradient(135deg,#fff,#f0f2f5);box-shadow:0 8px 25px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 12px 35px rgba(79,70,229,.15)}.nav-card i{font-size:20px;color:#4b5563;transition:color .3s ease;position:relative;z-index:2}.card-vip{background:linear-gradient(135deg,#5b5fff,#4f46e5);z-index:10}.card-vip i{color:#fff}.card-vip:hover{box-shadow:0 12px 35px rgba(79,70,229,.3)}.mx-card-content{position:absolute;width:220px;padding:18px 20px;background:#fff;border-radius:16px;box-shadow:0 15px 30px rgba(0,0,0,.1);display:flex;align-items:center;gap:15px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:-1;left:-240px;top:50%;transform:translateY(-50%)}.nav-card:hover .mx-card-content{opacity:1;visibility:visible;left:-230px}.content-arrow{position:absolute;right:-8px;top:50%;transform:translateY(-50%) rotate(45deg);width:16px;height:16px;background:linear-gradient(135deg,transparent...
子比主题子比美化建站笔记
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;...
子比主题子比美化建站笔记
1…1112131415…30跳转
热评