子比美化 第14页
标签
排序
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...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 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]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 给文章列表加一个浮动动态效果-识趣者资源

子比主题 – 给文章列表加一个浮动动态效果

给子比主题加一个文章列表浮动效果，这个确实很好看，我记得很多人要这个美化，我今天算记录一下，并且分享给大家 代码部署 [hidecontent type="reply"] 将下面的代码放到：子比主题–>>自定义CSS样式即可！ /*列表加载特效*/ .tab-content .posts-item:not(article),.posts-row .posts-item:not(article){transition:all 0.2s}@keyframes index-link-active{0%{transform:perspective(2000px) rotateX(0) rotateY(0) translateZ(0)}16%{transform:perspective(2000px) rotateX(10deg) rotateY(5deg) translateZ(32px)}100%{transform:perspective(2000px) rotateX(0) rotateY(0) translateZ(65px)}}.tab-content .posts-item:not(article):hover,.posts-row .posts-item:not(article):hover{opacity:1;z-index:1;border-radius:20px;box-shadow:0 8px 10px rgba(255,255,255,0.35);animation:index-link-active 1s cubic-bezier(0.315,0.605,0.375,0.925) forwards} [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2026-03-20
188积分
子比主题-动态星空萤火背景-识趣者资源
子比美化

美化子比主题-动态星空萤火背景

此篇文章搬运自阿呆日记,已适配日夜模式,喜欢的请自行部署 预览图 [hidecontent type="payshow"] 后台自定义CSS添加以下代码 /* 暗色主题星空背景样式 */ .dark-theme { box-sizing: border-box; padding: 0; margin: 0; } .dark-theme body { background: #22313f; position: relative; } .dark-theme #starsContainer { position: absolute; top: 0; left: 0; right:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 26天前
#子比美化
 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...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2026-01-25
5
子比主题美化 – 右侧悬浮导航美化（二改简化）-识趣者资源

子比主题美化 – 右侧悬浮导航美化（二改简化）

我加入了悬浮素材的 AI 源文件，自己修改成自己的即可。我打包放在一个包里面。 部署教程可自建文件存放，CSS和JS代码可使用外链方式到HTML代码内。子比主题亦可选择添加到如下位置： zibll主题设置 >> 全局功能 >> 自定义代码 >> 自定义全宽底部HTML代码 zibll主题设置 >> 全局功能 >> 自定义代码 >> 自定义CSS代码 zibll主题设置 >> 全局功能 >> 自定义代码 >> 自定义Javascript代码
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-01-22
评论可见
子比主题 – 登录管理后台邮件提醒功能-识趣者资源

子比主题 – 登录管理后台邮件提醒功能

在此之前博客发过类似的，只不过没有登录失败提醒，这一款跟我之前写的文章类似，这一款也是带提醒和登录失败功能，喜欢的自行部署吧！ [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件记得自己创建一个，记得加上php头，将下面的代码丢里面即可！ // WordPress 后台【登录成功】发送提醒邮件 function wp_login_success_notify($user_login) { date_default_timezone_set('PRC'); $admin_email = get_bloginfo('admin_email'); $to = $admin_email; $user = get_user_by('login', $user_login); $user_role = get_user_role_name($user->roles[0]); $subject = get_option('blogname').' - ✅ 网站后台登录成功提醒'; $message = '<p>你好！你的网站【'.get_option("blogname").'】后台登录成功提醒！</p>' . '<p>──────────────────</p>'...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2025-12-11
评论可见
子比主题-文章列表移入上浮蓝色边框扫动效果-识趣者资源

子比主题-文章列表移入上浮蓝色边框扫动效果

预览图 [hidecontent type="reply"] 下面代码放入WordPress后台-zibll主题设置-全局-自定义JavaScript代码 document.addEventListener('DOMContentLoaded', function () { const postsElements = document.querySelectorAll('posts.posts-item'); postsElements.forEach((element) => { if (element.classList.contains('posts-item')) { element.classList.add('alone'); } }); }); 下面代码添加到自定义css即可 .posts-item.alone {position:relative;overflow:hidden;transition:all .3s ease;} .posts-item.alone:hover {position:relative;z-index:1;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.2),0 0 0 2px...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2026-02-17
200积分
子比主题-卡片样式美化（粉色系装饰）-识趣者资源
子比美化

美化子比主题-卡片样式美化（粉色系装饰）

适配日夜间 预览图 代码部署 [hidecontent type="payshow"] 把下面代码放到后台主题设置-自定义css即可！ posts.posts-item.ajax-item.card { background-image: linear-gradient(180deg, #ffa8d12b 0%, #FFFFFF 30%); border: 2px solid var(--main-bg-color); transition: all 0.2s; } .dark-theme posts.posts-item.ajax-item.card { background-image: linear-gradient(180deg, #ffa8d12b 0%, #1a1a1a 30%); border: 2px solid var(--main-bg-color);...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-07
评论可见
子比主题 – 专题&聚合卡片文章数量悬浮-识趣者资源

子比主题 – 专题&聚合卡片文章数量悬浮

预览图 教程 [hidecontent type="reply"] 放到后台自定义css sapn.px12.muted-3-color { position: absolute; padding: 3px 8px; font-size: 10px; top: -10px; color: var(--this-color); left: 33px; border-radius: 99px; background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%); --this-color: #fff; } [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
1…1213141516…36跳转