汇聚访-网络资源收集与分享的必备资源网

汇聚访-网络资源收集与分享的必备资源网

2025-09-04

09-04

ZibBox主题 – 最新版v1.0.4已更新-汇聚访

置顶

独家ZibBox主题 – 最新版v1.0.4已更新[2025-09-15][更新日志]

温馨提示：更新主题请务必记得清空浏览器缓存、刷新CDN缓存、刷新Redis或Memc...

WP插件子比主题 WordPress 子比美化美化插件

2025-05-24

05-24

WordPress子比主题美化教程合集（持续更新）-汇聚访

置顶

独家WordPress子比主题美化教程合集（持续更新）25/9/15更新

本页主题美化内容是博主在建站时一个一个测试过无任何错误的记录合集，使用之前先参考本站，若觉得实用就拿去用吧，我会不定时更新，如有长期未更新或者不能使用的请留言。注意说明每个人的审美观念不一样，所以请先参考本站或测试在用的美化。主题美化、小工具可能会有一定程度使网站加载缓慢、CSS全局污染等等一系列的问题，请一定要测试后再进行美化。主题美化可能会对主题文件进行修改，更新时请及时备份主题美化的文件，或者收藏本站，以免一些主题页面或美化效果丢失。子比主题美化都是站长自己鼓捣、测试后才发布的，完全免费，开放。教程及说明（最新版）CSS代码添加到子比主题后台设置->自定义代码->自定义CSS样式（最新版）JS即javascript代码添加到子比主题后台设置->自定义代码->自定义javascript代码（最新版）没有特殊说明的小工具，自定义HTML小工具添加网站后台->外观->小工具->点击【自定义HTML】选择放置的位置->把代码复制进去，保存即可。其他添加方式的，我会在教程里告知，若只需添加CSS+JS的教程，我不重复告知了，请注意看上面的方法。教程按是更新时间排序，最新的美化教程排在最后面-页码越往后越新！ 1.logo扫光 CSS代码：后台子比主题设置->自定义代码->自定义CSS样式 /* logo扫光开始www.huijuf.com*/ .navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand:before{content:""; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg);...

子比主题子比美化建站笔记

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-09-27

09-27

子比主题 - 简约导航页面样式-汇聚访

实用子比主题 – 简约导航页面样式（一键部署）

这是子比主题的页面美化，之前我很少发页面的美化，最主要的还是太麻烦了，需要整的多少太多了比较懒，今天给大家分享一款简约的导航界面，一键部署就好了也没啥复杂的东西，图片我放在图床里了，有喜欢的自行部署吧！演示效果：代码部署： [hidecontent type="payshow"] 申请入驻有问题我打上了注释，有能力的自行适配一下吧，还是比较懒！定位：/wp-content/themes/zibll/pages这个文件夹里面创建一个PHP文件，文件名随意，然后把下方代码放进去，之后在后台页面 - 创建新页面 - 选择汇聚访-网址导航即可： <?php /** * Template name: 汇聚访www.huijuf.com - 导航页 * Description: 一款简约的导航页！更多美化请到汇聚访www.huijuf.com。 */ get_header(); ?> <style> ol, ul { list-style-type: none; } .homebk12 .homebk8-ctn li...

子比主题子比美化建站笔记

2025-09-27

09-27

子比主题 – 侧边动态时钟样式美化（两款）-汇聚访

实用子比主题 – 侧边动态时钟样式美化（两款）

这是子比主题的一款小工具样式，推荐放在子比主题的侧边栏位置，一共两款样式同时适配了黑夜模式，喜欢哪个样式自行部署即可，不要同时部署，会出问题！！有喜欢的自行部署吧！演示效果¹（白天渐变昼夜黑色）演示效果²（白天白色昼夜黑色）代码部署： [hidecontent type="reply"] 喜欢哪一款部署哪一款，不要两个都部署，要不然白天的颜色都会变成白色！定位：WP后台–>>外观–>>小工具–>>自定义HTML，把下方样式的代码放进去即可！样式一（渐变+黑色）样式二（白色+黑色） <style> .dynamic-clock { background: linear-gradient(135deg, #6e8efb, #a777e3); border-radius: 20px; padding: 30px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); margin: 20px auto; max-width: 500px; color: white;...

子比主题子比美化建站笔记

2025-09-27

09-27

子比主题 – 给侧边加个古诗一言小工具-汇聚访

子比主题 – 给侧边加个古诗一言小工具

这是子比主题的古诗一言小工具，效果还是挺不错的，可以自行修改文案文字以及图片显示，放在侧边栏比较好看，很有韵味，有喜欢的自行部署吧！演示效果：代码部署： [hidecontent type="reply"] 推荐在侧边栏放置，定位：外观 - 小工具 - 自定义html代码中添加以下代码即可： <style type="text/css"> .wiiuii-suiji-main span{color:#fff}.wiiuii-suiji-main{background-size:cover;background-repeat:no-repeat;background-position:center center;cursor:pointer;height:320px;border-radius:var(--main-radius);position:relative}.wiiuii-suiji-header{display:flex;justify-content:space-between}.xingyu-dt-ty{padding:20px;display:flex;flex-direction:column}.xingyu-dt-day{font-size:60px;font-weight:700;color:#fff}.xingyu-sj-date{font-size:16px;font-weight:700;color:#fff}.xingyu-sjzt-ty{line-height:25px;height:200px;writing-mode:vertical-rl;padding:15px;color:#fff;font-size:15px}.xingyu-sj-qhbtn{position:absolute;bottom:30px;padding:10px}.xingyu-sj-qhbtn>span>i{font-size:16px}.xingyu-sj-qhbtn span:hover{color:#f44336}.xingyu-sjtitle-ty{position:absolute;bottom:0;text-align:center;left:0;right:0;bottom:0;padding:5px} </style> <div class="wiiuii-suiji-main"> <div class="wiiuii-suiji-header"> <div class="xingyu-dt-ty"> <span class="xingyu-dt-day wiiuiiDay"></span> <p class="xingyu-sj-date"> <span class="wiiuiiYear"></span> <span class="wiiuiiMonth"></span> </p> </div> <div...

子比主题子比美化建站笔记

2025-09-27

09-27

子比主题 – 列表悬停动态气泡与边框样式-汇聚访

子比主题 – 列表悬停动态气泡与边框样式

这是一款子比主题类别动态气泡加上边框慢慢淡蓝色样式，原作者是腾飞适配子比主题的，我这里仅供分享，只建议用列表模式的，卡片的话不好看，有喜欢的自行部署吧！演示效果：代码部署： [hidecontent type="reply"] 直接丢到：子比主题–>>自定义CSS样式即可！ /* 子比主题列表悬停动态气泡与边框样式 */ .posts-item { position: relative; overflow: hidden; transition: all 0.3s ease; border: 1px solid transparent; border-radius: 8px; } .posts-item::before { content: ""; position: absolute; top: 0; right:...

子比主题子比美化建站笔记

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-09-22

09-22

子比主题 - 侧边广告小工具-汇聚访

子比主题 – 侧边广告小工具

这是子比主题的一款侧边广告小工具，里面的广告图和标签可以可视化自定义修改，并且点击联系方式调用的是子比主题的弹窗，喜欢的自行部署吧！演示效果：代码部署： [hidecontent type="reply"] 直接把代码放在func.php文件里，没有的话自己创一个，记得加上<?php，否则代码会报错，随后在文件里添加以下代码即可： /** * HEIMAO - 侧边广告卡片小工具 */ if (!class_exists('ZB_Side_Ad_Widget')) { class ZB_Side_Ad_Widget extends WP_Widget { public function __construct() { $widget_ops = array( 'description' => '广告卡片样式，支持自定义图片、链接、标题、标签、QQ号', ); parent::__construct('zb_side_ad_widget', '汇聚访 - 侧边广告卡片',...

子比主题子比美化建站笔记

2025-09-22

09-22

子比主题 - 卡片三点和时间显示功能-汇聚访

子比主题 – 卡片三点和时间显示功能

这是子比主题的一款卡片模式的美化，主要是给卡片模式增加了类似Mac系统的三点样式以及发帖时间，这个发帖时间是自适应的，可根据屏幕大小自由显示，总体效果还是挺不错的，有喜欢的自行部署吧！演示效果：代码部署： [hidecontent type="payshow"] zib-posts-list.phpCSS 定位：/wp-content/themes/zibll/inc/functions/zib-posts-list.php文件，我们在这个文件里面搜： function zib_posts_mian_list_card($args = array()) 直接将整个代码替换就行，因为子比更新没有动这个地方，后面更新子比记得来继续安装教程改，如下图所示： //获取卡片模式的文章列表 function zib_posts_mian_list_card($args = array()) { $graphic = zib_get_posts_thumb_graphic(); $title = zib_get_posts_list_title(); $badge = zib_get_posts_list_badge($args); $meta = zib_get_posts_list_meta(!$args['no_author'], true); $class = 'posts-item ajax-item...

子比主题子比美化建站笔记

2025-09-22

09-22

子比主题 - 精美弹窗样式美化-汇聚访

子比主题 – 精美弹窗样式美化

今天汇聚访给大家分享一款网站的精美弹窗，不依赖于子比的弹窗仅用代码实现，原作者应该是腾飞，CSS代码和JS在一起，有喜欢的自行部署吧！演示效果：代码部署： [hidecontent type="reply"] 定位：子比主题–>>自定义javascript代码，将代码放到里面，自己修改一下里面的内容即可！ jQuery(document).on('click', '.user-online-status .but', function () { var $this = jQuery(this); var $container = $this.closest('.user-online-status'); var status = $this.data('sta'); var nonce = $container.find('#user_online_status_nonce').val() || window.user_online_status_nonce || ''; if ($this.data('processing')) return;...

子比主题子比美化建站笔记

2025-09-22

09-22

子比主题 - 网页弹窗样式美化-汇聚访

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

这是一款子比主题的弹窗，主要应用于IPA资源站的，我上传的二维码图片有点大了，自己调整下图片大小即可，内容均可自行修改，话不多说有喜欢的自行部署吧！演示效果：代码部署： [hidecontent type="reply"] 定位：子比后台-全局&功能-常用功能-弹窗通知，窗口尺寸你自行选择，弹窗标题选择默认样式即可，当然你也可以选择炫彩的，标题内容为空，随后把下方代码复制到弹窗内容，里面内容自行修改： <div> <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,...

子比主题子比美化建站笔记

12…26 下一页跳转

关于我们

特色功能

用户服务

大绵羊博客

呆萌糖果屋

柯殇博客网

樊不烦博客

狐狸资源网

敏锐者网络科技

彬红茶博客

Copyright © 2024 - 2025 汇聚访 All Rights Reserved.