子比美化 第8页
子比主题美化相关教程
分类
排序
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;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
 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...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 39天前
#子比美化
 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>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 10天前
#子比美化
 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个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 会员购买页面添加背景图-识趣者资源

子比主题 – 会员购买页面添加背景图

给子比主题会员购买页面添加一个背景图样式，看上去非常的美观，给自己的子比网站加点样式美化吧 [hidecontent type="reply"] 直接将代码放到：子比主题–>>自定义CSS样式即可！ /*vip背景开始*/ .vip-card{ background: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01t6ynIT1QbIhcVZ38F_!!2210123621994.png); background-size: auto; background-size: 115%; } .sub-vip-card .vip-card{ background-size: 175%; } .payvip-icon{ background: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01t6ynIT1QbIhcVZ38F_!!2210123621994.png); } /*vip背景结束*/ [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-23
评论可见
子比主题 – 违禁词检测插件-识趣者资源

子比主题 – 违禁词检测插件

这是一款子比主题违禁词插件，其他主题自测，这款插件的功能就是后台设置违禁词，然后前台...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-19
400积分
子比主题-CSS 实现炫酷字体效果-识趣者资源

子比主题-CSS 实现炫酷字体效果

一、css3 空心文字 .hollow{ -webkit-text-stroke: 1px black; -webkit-text-fill-color : transparent; font-size: 30px; color:#fff;} 空心字/缕空效果 .hollow{ text-shadow: 0 0 2px hsl(40, 28.57% , 28.82%),0 0 2px hsl(40, 28.57% , 28.82%), 0 0 2px hsl(40, 28.57% , 28.82%);/*多个叠加*/...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-27
评论可见
子比主题美化 – 评论区添加随机夸夸功能（修复api）-识趣者资源

子比主题美化 – 评论区添加随机夸夸功能（修复api）

有很多人在网站浏览需要回复，有的比较嫌麻烦不愿意打字，也会收到一些各种评论相对比较杂乱，今天分享一个用夸夸功能，来替代传统的评论一言，将它们分开使用，先看看效果图，再考虑使用不使用！ 教程 [hidecontent type="reply"] css代码自行本地化 或直接下载 .kuakua-first-box{ margin: auto; width: 440px; border-radius: 16px; bottom: auto; min-height: 10rem; left: 50%; position: fixed; right: auto; top: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 1032; box-shadow: 0px 0px...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-28
评论可见
子比主题-在文章页添加彩色渐变框-识趣者资源

子比主题-在文章页添加彩色渐变框

首先把下面的CSS丢到你的主题css样式文件内或style.css样式文件内 [hidecontent type="reply"] #smcos_mhz,#smcos_xgh,#smcos_tkzj,#smcos_xyz,#smcos_gll ,#smcos_xty,#smcos_yyz,#smcos_szh,#smcos_wbk{ /*圆角值,在此定义*/ border-radius: 8px; } /*样式-迷幻紫*/ #smcos_mhz{ color: #555555; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; /*border-radius: 10px;*/ box-shadow: 6px 0 12px -5px rgb(190, 196, 252), -6px 0...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
1…678910…23跳转