子比美化 第11页
子比主题美化相关教程
分类
排序
2026-01-28
子比主题美化 – 网站“你别走吖 Σ(っ °Д °;)っ”动态标题-识趣者资源

子比主题美化 – 网站“你别走吖 Σ(っ °Д °;)っ”动态标题

我们经常逛别人的网站，有些网站当我们离开该页面浏览其他页面的时候，我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样，当我们点回来的时候页面上面会看到“(/≧▽≦/)你又回来了！”的字样。那么我们如何实现呢？其实很简单，只需一句 javascript 语句即可实现。请看下面的教程。 使用教程 在后台主题设置 >> 自定义代码 >> 自定义 javascript 代码，把下面的代码添加到里面即可实现。 [hidecontent type="reply"] //网站动态标题开始 var OriginTitile = document.title, titleTime; document.addEventListener("visibilitychange", function() { if (document.hidden) { document.title = "你别走吖 Σ(っ °Д °;)っ"; clearTimeout(titleTime)...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-28
子比主题美化 – 幻灯片&页面过渡效果-识趣者资源

子比主题美化 – 幻灯片&页面过渡效果

过度效果 原效果 代码部署 [hidecontent type="reply"] 代码投放：网站后台 -> Zibll主题设置 -> 全局&功能 -> 自定义代码 -> 自定义CSS样式 /*幻灯片过渡效果 huliku.com*/ .swiper-slide::before { content: ''; display: block; position: absolute; left: 0; top: 58%; right: 0; bottom: 0; transform: scale(1.01); background:...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2025-12-13
子比主题 – 会员尊享卡片跳转样式-识趣者资源

子比主题 – 会员尊享卡片跳转样式

逛网站的时候发现一个站的会员卡片还是不错的，不过他是没有手机端的，我这边适配了一下手机端，我觉得还是比较好看的，就一个简单的跳转，如果有技术自行跳转子比的modal的会员，喜欢的自行部署吧！ 代码部署 [hidecontent type="reply"] 直接将下面的代码丢到：WP后台–>>外观–>>小工具–>>自定义HTML即可！ <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet"> <style> .member-card-container{max-width:100%;margin:0 auto;padding:10px}.member-st{width:100%;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(to right,#e0f2fe,#bae6fd);border:1px solid rgba(2,132,199,0.1);box-shadow:0 10px 25px -5px rgba(2,132,199,0.1),0 8px 10px -6px rgba(2,132,199,0.1)}.corner-decoration{position:absolute;width:60px;height:60px;background-color:rgba(255,255,255,0.2);z-index:5}.top-left{top:0;left:0;border-radius:0 0 60px 0}.top-right{top:0;right:0;border-radius:0 0 0 60px}.bottom-left{bottom:0;left:0;border-radius:0 60px 0 0}.bottom-right{bottom:0;right:0;border-radius:60px 0 0 0}.member-bgbox{position:absolute;inset:0;background-image:radial-gradient(rgba(2,132,199,0.06) 1px,transparent...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比美化 – 首页tab栏目二次元风-识趣者资源

子比美化 – 首页tab栏目二次元风

效果图： 样式一 样式二 [hidecontent type="reply"] 样式一 样式二 教程 .index-tab ul>li.active{color:#ffffff00!important;background-color:#ffffff00!important;border-radius:6px;z-index:1;position:relative;height:39px;line-height:44px;background:url(/wp-content/themes/Mxchild/assets/img/home_title.png) repeat;-webkit-background-size:91px 39px;-moz-background-size:91px 39px;background-size:91px 39px}.index-tab ul>li{display:inline-block;padding:2px 17px;font-weight:500;border-radius:20px;margin:0 1px} [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-12
子比主题自动发卡插件-识趣者资源

子比主题自动发卡插件

有很人肯定会问网上不是一大堆吗还跑过来发，我是看见网上一大堆这个插件但是里面有那么明显的BUG还是被到处传播某宝某鱼还卖的不亦乐乎1-20元不等，现在免费发布出来已经修复了 积分显示RMB支付的BUG 增加了购买次数的限制，倒卖狗si全家，必须免费传播禁止收费！ 出现启动插件不显示禁用现象 找到插件根目录这个文件 function.php 搜索 function zib_cp_admin_scripts 替换下面的函数就可以解决 add_action('admin_enqueue_scripts', 'zib_cp_admin_scripts'); function zib_cp_admin_scripts($hook) { // 获取当前屏幕信息 $screen = get_current_screen(); // 只在编辑文章/页面和你的插件设置页面加载CSS/JS if (!in_array($hook, array('post.php', 'post-new.php')) && (!$screen || strpos($screen->id, 'zib_cp') === false)) { return;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-23
子比主题 – 轻量化网站统计条小工具-识趣者资源

子比主题 – 轻量化网站统计条小工具

一款专为 WordPress 子比（Zibi）主题打造的网站统计条小工具，聚焦「高适配、轻量化、易使用」三大核心，既解决了子比不同版本浏览量统计不兼容的问题，又通过极致的样式优化，让站点数据展示更简洁、更贴合主题风格。 核心功能 多维度数据实时展示：一站式呈现今日更新文章数、总文章数、论坛帖子数、评论数、注册用户数、网站运行天数、总浏览量 7 项核心数据，覆盖站点核心运营指标。 子比主题全版本适配：针对子比新旧版本浏览量统计逻辑差异，自动识别 zibi_get_all_view/nd_get_all_view 函数，同时支持数据库求和、选项兜底等方式，彻底解决浏览量统计不准的问题。 轻量化样式设计：全透明背景 + 极致紧凑高度（行高设为 1、最小化内边距 / 间距），无冗余边框 / 阴影，适配 PC / 移动端响应式布局，支持夜间模式自动切换，视觉更清爽。 标准小工具集成：完全遵循 WordPress 小工具规范，后台直接添加、自定义标题，建站日期可一键修改，无需复杂配置。 [hidecontent type="reply"] 代码部署： 创建文件：将以下完整代码保存为（可以自定义名称）.php <?php /** * zibHM - 网站统计条小工具 *...
识趣资源的头像-识趣者资源至尊会员识趣资源· 11天前
#子比美化
 2025-11-24
子比主题动态灵动岛美化-识趣者资源

子比主题动态灵动岛美化

这是一个仿灵动岛美化的教程，在我们进入一些界面或进入网站时，都会进行提示，非常美观，看起来十分有高科技感。 将以下代码添加至自定义CSS代码处 [hidecontent type="payshow"] .dynamic-island:hover img {width:30px; height:30px;;} .bars {display:flex;align-items:center; justify-content:flex-end; gap:3px;} .bar {width:2px;height:13px;background-color:green;animation:bounce 1s infinite ease-in-out;animation-direction:alternate;} .bar:nth-child(1) {animation-duration:1s;} .bar:nth-child(2) {animation-duration:0.9s;} .bar:nth-child(3) {animation-duration:0.8s;} .bar:nth-child(4) {animation-duration:0.7s;} .bar:nth-child(5) {animation-duration:0.6s;} .bar:nth-child(6) {animation-duration:0.9s;} .bar:nth-child(7) {animation-duration:0.7s;} .dynamic-island {position:fixed;top:80px;left:50%;transform:translateX(-50%) scale(0); transform-origin:center;width:auto;max-width:80%;height:40px;background-color:#000;border-radius:25px;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 3个月前
#子比美化
 2026-02-03
子比主题 – 文章左侧新增复制内容按钮-识趣者资源

子比主题 – 文章左侧新增复制内容按钮

有些技术文章用户看不懂，可以点击复制给ai进行问询处理。 项目截图 项目特点 在文章页面的 .post-metas 左侧插入一个复制按钮（使用 Font Awesome 的 fa-copy 图标） 点击按钮会获取 .wp-posts-content 中的纯文本内容并复制到剪贴板 使用子比主题的 notyf() 函数显示提示信息（成功/失败） 按钮带有 tooltip 提示”复制全文” 获取代码 [hidecontent type="reply"] 在functions.php里面添加代码 // 文章页复制全文按钮 - 大海 function zib_copy_content_button() { if (!is_single()) return; ?>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 昨天
#子比美化
 2026-01-13
子比主题-评论等级添加-识趣者资源

子比主题-评论等级添加

前言 这几天有很多人想让我出个评论区等级铭牌的教程，想着就不分享出来了，不过还是写出来给大家吧，说不定也有人用的上！话不多说先来看看效果图。(刚写完就在小伙伴那里发现一个问题【站长没开通vip的话会显示新朋友】，所以更新了一下) 图片 步骤一 主要代码还是在zibll/inc/functions/zib-comments-list.php里面，网站评论区有点冷清我就设置个评论才能看吧！ [hidecontent type="reply"] zib-bomments-list文件 搜索找到 if ($user_id == $post->post_author) 在上面添加代码 if (_pz('user_comment_level', true)) { //评论区评论等级开始 $com_n = (int) get_user_comment_count($user_id); //获取用户评论次数 $badge .= xypro_user_comment_level_badge($user_id, 'ml3'); //添加评论徽章 xypro_update_user_comment_level($user_id, $com_n); //刷新评论等级 $author = _pz('author_icon', true); //作者头像...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
 2025-12-11
子比主题-本站菜单图标代码-识趣者资源

子比主题-本站菜单图标代码

预览图 [hidecontent type="reply"] 首页那个，直接把下面整个代码复制到首页文字的前面 <span class="but jb-vip1 radius"><svg t="1746728907743" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1535" width="200" height="200"><path d="M931.49 454.71L771 293.24 566 87a76.15 76.15 0 0 0-108 0L253 293.24 92.51 454.71C57.4 490 80.39 553.85...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 顶部悬挂样式（两款）-识趣者资源

子比主题 – 顶部悬挂样式（两款）

这是一篇子比主题顶部悬挂的样式代码，为什么说是两款，因为第一款是一直挂在了顶部而不是跟着鼠标滑动走的，第二款就是鼠标滑动那么悬挂也跟着走，所以就两款，非常的实用，喜欢的自行部署！ 第一款 第二款 代码部署 [hidecontent type="reply"] 这里只有CSS不一样，HTML代码是一样的，所以先把HTML代码放上去，我代码里面已经提供了图片，那么如果你有图片可以放上自己的图片即可，建议用第二款，毕竟跟随还是比较美观的！ HTML代码 放到：子比主题–>>自定义头部HTML代码即可！ <div class="tengfei_hang"></div> 注意：第一款是一直在顶部不跟随，第二款是跟随鼠标滑动的，下面代码放到：自定义CSS样式即可！ 第一款第二款 @keyframes lampLine-38cc6824 { 0% { transform: rotate(10deg) } to { transform: rotate(-10deg) } } .tengfei_hang { width: 150px; height: 200px; display: inline-block;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题-右上角开通会员紫蓝渐变色-识趣者资源

子比主题-右上角开通会员紫蓝渐变色

教程 [hidecontent type="reply"] 放到后台css即可 .payvip-icon { color: #ffffff; --this-color: #ffffff; border-radius: 10px; background-image: linear-gradient(150deg,#6a11cb 30%,#2575fc 100%); } [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-02-01
子比美化-登录注册弹窗页面添加logo小萝莉-识趣者资源

子比美化-登录注册弹窗页面添加logo小萝莉

实现美化 给登录注册弹窗页面顶部添加一个漂亮的小萝莉位于logo上方logo上方 效果图 代码部署 [hidecontent type="reply"] 在子比后台自定义css里加入 /*登录小狐狸*/ .sign-img+.sign::before {content:'';position:absolute;top:-144px;left:80px;width:191px;height:187px;background:url(https://oss.14wl.cn/wp-content/uploads/2026/02/20260201234301867-20240824182029399-202408121354352571.webp) no-repeat center / 100%;} [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2天前
#子比美化
 2025-12-13
子比主题 – 评论区背景美化样式（三款样式）-识趣者资源

子比主题 – 评论区背景美化样式（三款样式）

蓝色 红色 混色 [hidecontent type="reply"] 喜欢哪个颜色自己将css放到：子比主题–>>自定义CSS样式即可！ 蓝色红色混色 /*评论美化 - 蓝色款*/ body{ --acg-color:#f8fdff; } .dark-theme{ --acg-color:#323335; } .comment .list-inline>.comt-main { border-color: #71baff80; background-color: var(--acg-color); background-image: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01LFyvtv1QbIhfnZWvp_!!2210123621994.png); } .comment .list-inline>li { vertical-align: top; border-radius: 5px; margin: 0...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-02-01
子比主题 – 评论区用户设备与浏览器版本信息-识趣者资源

子比主题 – 评论区用户设备与浏览器版本信息

这是一款评论区用户设备和浏览器版本信息标识，很实用的一款功能，可以方便看到其他人的用的是什么浏览器以及设备来进行评论的，喜欢的自行部署吧！ [hidecontent type="reply"] 一共要改四个地方，跟着我的步骤一步步走不会有问题！ zib-comments-list.phpfunc.phpJS代码CSS代码 定位：/wp-content/themes/zibll/inc/functions/zib-comments-list.php文件，接下来我们搜代码 function zib_get_comment_footer($comment, $depth = 0) 然后将这块整个函数代码替换我下面的代码，是这一块整个替换，代码如下 function zib_get_comment_footer($comment, $depth = 0) { if (!$comment) { return; } $is_mobile = wp_is_mobile(); $badg_approve = ''; if ('0' == $comment->comment_approved) { $badg_approve...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2天前
#子比美化
1…910111213…15跳转