子比美化 第16页
子比主题美化相关教程
分类
排序
2026-02-12
评论可见
子比美化-新春灯笼-识趣者资源

子比美化-新春灯笼

[hidecontent type="reply"] 把下面代码放在子比设置 自定义底部HTML代码即可 <script defer src="https://cdn.jsdelivr.net/gh/mulingyuer/web-denglong/dist/denglong.js"></script> JS代码 (function(){"use strict";try{if(typeof document!="undefined"){var t=document.createElement("style");t.appendChild(document.createTextNode('[class^=lantern],[class^=lantern]:before,[class^=lantern]:after{-webkit-box-sizing:border-box;box-sizing:border-box}.lantern-left,.lantern-right{position:fixed;top:0;z-index:9999;pointer-events:none}.lantern-left{left:50px}.lantern-right{right:50px}.lantern-container{width:150px;height:100px;position:relative;line-height:0;-webkit-animation:lantern 5s infinite ease-in-out;animation:lantern 5s infinite ease-in-out;-webkit-transform-origin:50% -100px;transform-origin:50% -100px}.lantern-center{position:relative;height:100%;background-color:red;border-radius:120px;-webkit-box-shadow:0 0 80px -10px #f00;box-shadow:0 0 80px -10px red}.lantern-line{height:100%;text-align:center}.lantern-line:before,.lantern-line:after{content:"";position:absolute;top:0;left:50%;border:2px solid #ecaa2f;border-radius:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%)}.lantern-line:before{width:75%;height:100%}.lantern-line:after{width:35%;height:100%}.lantern-text-wrap{display:inline-block;vertical-align:top;height:100%}.lantern-text{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:28px;font-weight:700;color:#ecaa2f;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;text-align:center;letter-spacing:5px}.lantern-top,.lantern-bottom{width:40%;height:8px;background-color:#ecaa2f;position:relative;z-index:1}.lantern-top{margin:0 auto -2px;border-radius:5px 5px 0 0}.lantern-bottom{margin:-2px...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 43天前
#子比美化
 2026-02-26
1
子比签到-Windows10-11 系统通知-识趣者资源
美化样式

功能子比签到-Windows10-11 系统通知

图片展示 JavaScript代码 [hidecontent type="payshow"] 打开子比后台，自定义代码。找到最下面的网站统计html代码 复制进去即可 <script> $(document).ajaxSuccess(function (event, xhr, settings) { try { if (settings.type === 'POST') { let data; if (typeof settings.data === 'string') { try { data = JSON.parse(settings.data); } catch (e)...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 29天前
#子比美化
 2026-03-08
评论可见
子比主题 – 个人主页公开/私密功能-识趣者资源
子比美化

功能子比主题 – 个人主页公开/私密功能

这是一款子比主题的个人主页公开/私密功能，用户很方便自己设置自己的个人主页的私密，很方便的一款功能，喜欢的自行部署吧！ [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一下，记得加上php头，要不然会报错，将下面的代码放里面即可！ // 1. 在作者主页封面右下角菜单添加“公开/私密”切换按钮 add_filter('author_header_drop_lists', 'custom_zib_author_privacy_toggle_btn', 20, 2); function custom_zib_author_privacy_toggle_btn($lists, $author_id) { // 安全校验：只有当前登录用户是主页作者本人时才显示该选项 if (get_current_user_id() !== $author_id) { return $lists; } // 获取当前状态 $is_private = get_user_meta($author_id, 'profile_is_private', true); $text = $is_private...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 20天前
#子比美化
 2025-12-11
子比主题 – 订阅小工具插件_全开源-识趣者资源

子比主题 – 订阅小工具插件_全开源

这是一款子比主题的订阅小工具插件，为什么是小工具插件，因为是通过短标签来实现的小工具...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 给弹窗Modal加一个背景-识趣者资源

子比主题 – 给弹窗Modal加一个背景

这是一款用于美化弹窗modal背景的样式，该样式来源于其他网站并长期被作者作为modal背景使用，喜欢的自行部署吧！ [hidecontent type="reply"] 直接将下面的代码丢到：子比主题–>>自定义CSS样式即可！ /*modal弹窗背景样式huliku.com*/ #zibpay_modal, .modal-open .modal { background: url(https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01sHaYCQ1QbIkXDzSVg_!!2210123621994.png); backdrop-filter: blur(10px) !important; } [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题美化-首页tab栏目和多栏目tab圆角改成直角-识趣者资源

子比主题美化-首页tab栏目和多栏目tab圆角改成直角

预览图 原来的样子 修改后的样子 [hidecontent type="reply"] 把下面代码放到自定义代码-自定义css即可 可以自行调节圆角尺寸 /*daixm.daixb.top 阿呆日记*/ .index-tab ul>li { border-radius: 5px; } [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-16
免费
子比主题综合插件 – 去除授权版-识趣者资源

子比主题综合插件 – 去除授权版

这是一款子比主题的综合插件，这款插件一开始是带有授权的，这里给大家去除了授权，免费给...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-24
500积分
子比主题 – 最新发布和逐字公告小工具-识趣者资源

子比主题 – 最新发布和逐字公告小工具

这是一款子比的最新发布和逐字公告小工具，很早的时候扒的mac站长的样式代码，今天发一下这款样式，我看很多人搬运也没有多少有动态逐字效果，话不多说直接开始 代码部署 [hidecontent type="payshow"] 我这边写了一个隐藏手机的样式，我觉得手机端显示不怎么好看，所以隐藏了！ 小工具代码CSS代码JS代码附件下载 我们将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码即可，最新发布那个地方记得换一下自己的logo，因为我这边是自己设计的，你可以设计一下自己的！ <div class="wapnone"> <div id="zuixinfabu" class="index-new"><img draggable="false" oncontextmenu="return false;" src="https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01W26eil1QbInKIXK6C_!!2210123621994.png" alt="最新发布"> <div class="file-format" data-v-2775696c=""> <span id="index-xtips" class="txt-file-format" data-v-2775696c=""></span> <span class="typed-cursor typed-cursor--blink" aria-hidden="true"></span> <span class="file-format-icons" data-v-2775696c=""> <i class="icon_ps" data-v-2775696c=""></i> <i...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-28
评论可见
子比主题美化 – 滚动显示新用户注册公告提示-识趣者资源

子比主题美化 – 滚动显示新用户注册公告提示

今天分享一款利用子比主题的滚动公告模块自动调用新注册用户提示，利用SQL查询来获取新注册的用户结果并生成HTML代码。 代码部署将下面的函数放到主题的 functions.php 中 [hidecontent type="reply"] function new_user_notice() { global $wpdb; // 定义SQL查询来获取最新注册的十个用户 $sql = "SELECT ID, user_login, user_registered FROM $wpdb->users ORDER BY user_registered DESC LIMIT 10"; //将10改为20则获取20个用户 // 执行查询 $users = $wpdb->get_results($sql); $slides =...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-02
评论可见
子比主题-杂志轮博文章显示-识趣者资源

子比主题-杂志轮博文章显示

亮点 ✅ 纯代码实现：无需安装任何插件，不增加数据库负担✅ 自动更新：每次发布新文章，轮播自动显示最新内容✅ SEO 友好：标准 HTML 结构，图片带 alt 属性，链接可点击✅ 适配 Zibll：自动继承主题配色（--theme-color），支持深色模式✅ 性能优化：CDN 加载 Owl Carousel，图片懒加载，不影响页面速度 安装步骤（只需 2 步） 第 1 步：创建 MU 插件文件 通过 FTP 或 宝塔面板/主机文件管理器 进入网站目录 找到 /wp-content/ 文件夹 创建新文件夹：mu-plugins（如果没有这个文件夹，必须手动创建） 在 mu-plugins 文件夹内 新建文件：zibll-carousel.php 将以下完整代码复制进去并保存： [hidecontent type="reply"] <?php /** * Plugin Name: Zibll 文章轮播组件（无标题纯净版） * 保存位置：/wp-content/mu-plugins/zibll-carousel-notitle.php...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 54天前
#子比美化
 2026-02-07
评论可见
子比美化-文章卡片下载按钮样式美化-识趣者资源

子比美化-文章卡片下载按钮样式美化

演示图 教程： 首先一共三步，有两行php代码和一个css代码，话不多说直接开始教程 [hidecontent type="reply"] 步骤一： 下面的PHP代码放到子比文件：/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概268行，如下图 $get_permalink = get_permalink();//添加文章链接 步骤二： 下面的PHP代码放到子比文件：/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概310行，如下图 $html = '<a class="down" target="_blank" href="' . $get_permalink . '">下载</a>';//添加下载按钮 步骤三： 添加CSS代码 background: linear-gradient(to right, #4f6dee, #67bdf9);这个是颜色，自己需求改 下面代码直接放到后台css里即可 /*文章卡片下载按钮*/ a.down { display: inline-block;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2026-02-17
评论可见
子比主题 – 侧边投稿交流小工具-识趣者资源
子比工具

工具子比主题 – 侧边投稿交流小工具

适配日夜间 预览图 部署教程 [hidecontent type="reply"] 把下面函数放到主题的，func.php // 注册小工具 add_action('widgets_init', function() { register_widget('Adele_tougao_widget'); }); class Adele_tougao_widget extends WP_Widget { function __construct() { parent::__construct( 'Adele_tougao_widget', __('Adele-投稿交流小工具', 'Adele'), array('description' => __('首页侧边栏-投稿交流小工具', 'Adele')) ); } // 前台展示 public function...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 38天前
#子比美化
 2026-02-27
150积分
子比主题-添加一个弹窗猫耳朵-识趣者资源
子比美化

美化子比主题-添加一个弹窗猫耳朵

效果图 代码部署 [hidecontent type="payshow"] 放到后台自定义CSS即可 .modal-open .modal::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ff6ac3; -webkit-mask: url(https://oss.14wl.cn/wp-content/uploads/2026/02/20260227124410561-20250617143848171.png) no-repeat center/contain; mask: url(https://oss.14wl.cn/wp-content/uploads/2026/02/20260227124410561-20250617143848171.png) no-repeat center/contain; z-index: -1; } [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 29天前
#子比美化
 2026-03-18
评论可见
子比主题 – 右侧简单子比客服弹窗样式-识趣者资源
子比美化

美化子比主题 – 右侧简单子比客服弹窗样式

这是一款子比主题右侧简单客服弹窗样式，还是比较不错的，一共分两个，一个是停止滑动鼠标出现该按钮，另一个是一直显示该按钮，喜欢的自行部署吧！ 演示图 [hidecontent type="reply"] 自定义头部Html代码自定义CSS代码自定义JS代码 定位：子比主题–>>自定义头部HTML，将下面的放入进去即可！ <div class="zib-kefu-container"> <div class="zib-kefu-btn" id="zibKefuBtn"> <i class="fa fa-comments-o"></i> <span>联系我们</span> </div> <div class="zib-backtop-btn" id="zibBacktopBtn"> <i class="fa fa-arrow-up"></i> </div> <!-- 客服面板 --> <div class="zib-kefu-panel" id="zibKefuPanel"> <div class="zib-kefu-close" id="zibKefuClose"> <i class="fa fa-times"></i>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 9天前
#子比美化
 2025-12-13
评论可见
子比主题 – 菜单文字下波浪美化-识趣者资源

子比主题 – 菜单文字下波浪美化

这是一款给子比主题菜单文字添加交互性波浪下划线效果，仅在菜单处于 “当前选中” 或 “鼠标悬浮” 状态时触发，提升页面导航的视觉层次感与用户交互体验，喜欢的自行部署吧！ [hidecontent type="reply"] 将下面的代码直接丢到：子比主题–>>自定义CSS样式即可！ /*菜单文字下波浪*/ .navbar-top li.current-menu-item>a, .navbar-top li:hover>a { -webkit-box-decoration-break: clone; box-decoration-break: clone; text-decoration: underline wavy; text-decoration-thickness: from-font; text-underline-offset: 3px; } [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
1…1415161718…23跳转