子比美化共339篇
子比主题美化相关教程
分类
排序
2026-03-15
评论可见
子比主题 — 两侧悬浮二次元看板娘美化-识趣者资源
子比美化

美化子比主题 — 两侧悬浮二次元看板娘美化

闲得无聊刷网，一不小心挖到好东西，手痒直接给扒下来啦！东西我先替你们试过，好用不踩雷，喜欢的尽管拿走，不用跟我客气～谁用谁香，拿去爽就完事 演示图 代码部署 [hidecontent type="reply"] body { background-image: url("https://img.alicdn.com/imgextra/i2/3190733564/O1CN0190A9aA1cCMhnblWlf_!!3190733564.png"); background-position: center center; background-repeat: repeat; background-attachment: fixed; background-size: 100%; background-origin: content-box; } [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 前天
#子比美化
 2026-03-15
评论可见
子比主题 — 会员框炫彩美化代码-识趣者资源
子比美化

美化子比主题 — 会员框炫彩美化代码

效果图 代码部署 css代码添加到后台即可 [hidecontent type="reply"] .payvip-icon { color: #ffffff; --this-color: #ffffff; background: linear-gradient(135deg, #ff7faf91 10%, #43b2ff 100%); } .vip-theme1 { background: linear-gradient(135deg, #ff7faf91 10%, #43b2ff 100%); } .vip-theme2 { background: linear-gradient(43deg, #ff6ac3 0%, #465dff 46%,...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 前天
#子比美化
 2026-03-15
密码验证
子比主题 – 底部黑色页脚样式(阿呆赞助)-识趣者资源
子比美化

美化子比主题 – 底部黑色页脚样式(阿呆赞助)

这是给子比主题适配的第二款黑夜页脚样式的美化，此版本不同于上个版本的黑夜页脚样式，此版本主要是模仿着优设来设计的，总体来说还算可以，这款并非是插件而是纯代码 [hidecontent type="password" password="ly19960318" img_id="" img_url="" desc="ly19960318"] 黑色页脚样式下载 提取码dV3F [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 前天
#子比美化
 2026-03-15
评论可见
子比主题 – 简约页脚美化样式-识趣者资源
子比美化

美化子比主题 – 简约页脚美化样式

这一款子比主题简约页脚美化样式，这款美化还是比较不错的，东西还是子比主题默认的，只是将图片放到了中间，喜欢的自行部署吧！ 效果展示 代码部署 [hidecontent type="reply"] 定位：/wp-content/themes/zibll/footer.php文件，这个是子比默认的页脚文件，然后我们把子比默认的给删掉，也就是子比自带的页脚，如下图！ 然后删掉之后将下面的代码丢里面即可，里面的配置自己修改一下！ <style> .zy-footer .footer-main { background-color: var(--main-bg-color) !important; color: var(--muted-color) !important; border: none !important; outline: none !important; box-shadow: none !important; } .zy-footer { border: none !important; outline: none !important;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 前天
#子比美化
 2026-03-12
免费
WordPress插件 – 七牛云对接插件-识趣者资源
子比插件

插件WordPress插件 – 七牛云对接插件

这是一款WordPress七牛云对接插件，看着UI感觉是ai写的，作者已经试了，可以...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4天前
#子比美化
 2026-03-12
评论可见
子比主题-文章一键更新/发布/草稿功能-识趣者资源
子比功能

功能子比主题-文章一键更新/发布/草稿功能

这是一款WordPress的文章一键更新/发布/草稿功能，也就是在我们的WordPress后台加了两个按钮，很方便的，点了一键发布之后，更新时间为当前时间，如果点了一键草稿，那么所有文章都变成了草稿了！ 演示图 代码部署 [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一下，记得加上php头，要不然会保存，将下面的代码里面放里面，我以子比主题来演示的，其他的主题自行放！ // 在管理员后台添加一个一键发布所有草稿的按钮 function admin_post_publish_all_drafts_button() { global $current_screen; // 仅在文章列表页面显示 if ( 'edit-post' == $current_screen->id ) { echo '<a href="?publish_all_drafts=1" class="page-title-action" onclick="return confirm(\'确定要发布所有草稿吗？此操作不可逆。\');">一键发布所有草稿</a>'; } } add_action( 'admin_notices', 'admin_post_publish_all_drafts_button' ); //...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4天前
#子比美化
 2026-03-12
免费
子比主题 – 子比付费阅读增强插件-识趣者资源
子比插件

插件子比主题 – 子比付费阅读增强插件

这是一款子比主题付费阅读增强插件，这款插件还是比较不错的，让用户先试看文章内容，接下...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4天前
#子比美化
 2026-03-08
评论可见
子比主题 – 文章列表悬停边框美化教程-识趣者资源
子比美化

美化子比主题 – 文章列表悬停边框美化教程

 逛博客的时候发现这个美化很不错，用上去之后很简洁，我觉得这个是子比主题美化的一款必不可少的，鼠标悬停文章列表边框美化。示例图代码部署[hidecontent type="reply"]/*文章列表悬停边框美化*/ .card { box-shadow: 0.3em 0.3em 0.7em #00000015; border: rgba(0, 0, 0, .05) 0.2em solid; } .card:hover { border: #006fff 0.2em solid; transition: border 1s; }[/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 9天前
#子比美化
 2026-03-08
评论可见
子比主题-侧边栏小工具彩色标签云-识趣者资源
子比美化

美化子比主题-侧边栏小工具彩色标签云

标签云修改需要用到只有简单的CSS代码，我们先来看下效果图吧！ 示例图 步骤一：使用小工具 打开小工具找到侧边栏，点击进去之后点击添加小工具选择Zibll标签云，然后就是参数了，因为追求工整选择了固定宽度，标签数量也选择了24个(3的倍数随意就好) 步骤二：CSS代码 加入到主题后台的自定义CSS样式里保存即可 [hidecontent type="reply"] /*文章随机彩色标签*/ .widget-tag-cloud.fixed-width .but:hover{opacity: 1;}.widget-tag-cloud.fixed-width .but{opacity: 0.6;line-height: 20px !important;padding: 4px 10px !important;font-size: 12px !important;}.widget-tag-cloud.fixed-width .but:nth-child(5n){background-color: #4A4A4A;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+3){background-color: #1ac756;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+4){background-color: #19B5FE;color:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 9天前
#子比美化
 2026-03-08
100积分
子比主题 – 首页文章列表标签随机彩色样式-识趣者资源
子比美化

美化子比主题 – 首页文章列表标签随机彩色样式

学习如何在子比主题中自定义美化，通过简单步骤实现首页文章列表标签的随机彩色效果，提升网站视觉效果与用户体验。 效果预览 代码部署 [hidecontent type="payshow"] CSSJS 子比主题可选择添加到如下位置： zibll主题设置 -> 全局功能 -> 自定义代码 -> 自定义CSS代码 颜色自行修改，这个不难吧？ /*文章外部标签随机彩色 huliku.com*/ .item-tags a { padding: 5px 10px; border-radius: 5px; margin-right: 5px; } .item-tags a.meta-pay { background-color: #FFD700; color: black;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 9天前
#子比美化
 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...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 9天前
#子比美化
 2026-03-06
评论可见
子比主题 – 首页顶部搜索框美化（两款）-识趣者资源
子比美化

美化子比主题 – 首页顶部搜索框美化（两款）

给子比的顶部搜索框加一个美化，我觉得这种方形的搜索框还是比较的好看的，喜欢的自行部署吧，一共是两款美化样式！ 第一款 第二款 代码部署 [hidecontent type="reply"] CSS代码放到：子比主题–>>自定义CSS样式，JS代码放到：子比主题–>>自定义javascript代码 第一款第二款 CSS代码 .header-slider-search .line-form{ border-radius:5px; } .header-slider-search .line-form .abs-right button{ background: #0088ff; color: rgb(255, 255, 255); border-radius: 5px; margin-right: -28px; height: 51.28px; padding: 10px; border-bottom-left-radius: 0px; border-top-left-radius: 0px;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 10天前
#子比美化
 2026-03-06
评论可见
子比主题 – 顶部多功能组件按钮美化-识趣者资源
子比美化

美化子比主题 – 顶部多功能组件按钮美化

这是一款子比主题的顶部多功能组件按钮美化，这分两个按钮，在此文章之前，带有开始探索、创作者入驻等两个按钮，喜欢的自行部署吧！ 示例图 代码部署 [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加上php头，要不然会报错，将下面的代码放里面即可！ /** * 在顶部多功能组件搜索框右侧添加两个按钮：开始探索 + 创作者入驻 */ add_action('wp_footer', 'zib_custom_search_buttons'); function zib_custom_search_buttons() { ?> <style> .header-slider-search .search-input .line-form { display: flex; align-items: center; gap: 10px; } .header-slider-search .search-custom-btns { display: flex;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 10天前
#子比美化
 2026-03-03
评论可见
子比主题-圆角炫彩滚动公告栏（黑色背景 + 炫彩文字）-识趣者资源
子比美化

美化子比主题-圆角炫彩滚动公告栏（黑色背景 + 炫彩文字）

演示图 自定义圆角大小 你可以轻松调整圆角程度： 轻微圆角：border-radius: 6px; 标准圆角：border-radius: 12px;（当前设置） 大圆角（胶囊形）：border-radius: 24px; 或 border-radius: 50px; 💡 提示：如果希望左右两侧是半圆形（像胶囊），可设 border-radius: 50px; 并确保高度固定。 [hidecontent type="reply"] <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>圆角炫彩滚动公告</title> <style> body { background: #f0f0f0;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 13天前
#子比美化
 2026-03-03
评论可见
子比主题 – 顶部多功能组件添加适配日夜模式波浪-识趣者资源
子比美化

美化子比主题 – 顶部多功能组件添加适配日夜模式波浪

前言 顶部多功能组件背景底部添加白色波浪的教程。波浪已适配日夜模式。这个教程原创是狐狸库 教程开始 狐狸库发的是PC端和移动端都显示波浪。我个人感觉移动端显示这个背景不太美观。博客使用的是移动端不显示波浪的。给大家把两个版本的css都发出来 移动端显示波浪 将下面css代码放入自定义css中 [hidecontent type="reply"] .parallax{fill:var(--body-bg-color)}.parallax > use{animation:move-forever 30s cubic-bezier(0.55,0.5,0.45,0.5) infinite}.parallax > use:nth-child(1){animation-delay:-2s;animation-duration:7s;opacity:0.5}.parallax > use:nth-child(2){animation-delay:-3s;animation-duration:10s;opacity:0.6}.parallax > use:nth-child(3){animation-delay:-4s;animation-duration:13s;opacity:0.7}.parallax > use:nth-child(4){animation-delay:-5s;animation-duration:20s;opacity:1}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}100%{transform:translate3d(85px,0,0)}} [/hidecontent] 移动端不显示波浪 将下面css代码放入自定义css中 [hidecontent type="reply"] .parallax{fill:var(--body-bg-color)}.parallax > use{animation:move-forever 30s cubic-bezier(0.55,0.5,0.45,0.5) infinite}.parallax >...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 13天前
#子比美化
123…23跳转