子比美化 第20页
子比主题美化相关教程
分类
排序
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...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 54天前
#子比美化
 2026-02-07
评论可见
子比美化-悬浮按钮猫耳朵-识趣者资源

子比美化-悬浮按钮猫耳朵

教程: 将下面CSS代码加入到后台CSS里即可 [hidecontent type="reply"] /*悬浮按钮猫耳朵*/ .dropdown-menu { margin-bottom: 10px; border: none; box-sizing: border-box; padding: 25px 12px 50px; border-radius: 8px; background: url(图片链接) no-repeat 50%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; } .float-btn.qrcode-btn .hover-show-con...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 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);...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 38天前
#子比美化
 2026-02-27
388积分
子比主题 – 文章列表渐变过渡美化（两款）-识趣者资源
子比美化

美化子比主题 – 文章列表渐变过渡美化（两款）

这是给子比主题添加的两款文章列表渐变过渡美化，刚开始是今一单独只做了列表模式，我又重新适配了一下卡片模式，两种模式的代码不同我这里也分开放了，同时也适配了黑夜模式，话不多说喜欢的自行部署吧！ 演示图 卡片模式 列表模式 部署教程 [hidecontent type="payshow"] 列表模式卡片模式 子比主题–>>自定义CSS样式即可！颜色可在CSS里自行调整，该款为列表模式 .posts-item.list.ajax-item.flex { position: relative; overflow: hidden; padding-right: 15px; border-color: #ffdd44; transition: border-color 0.5s ease, box-shadow 0.5s ease; } .posts-item.list.ajax-item.flex::after { content: ""; opacity: 0.2; position: absolute;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 29天前
#子比美化
 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]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 12天前
#子比美化
 2025-12-13
评论可见
子比主题 – 文章段落渐变背景样式（四款）-识趣者资源

子比主题 – 文章段落渐变背景样式（四款）

在逛论坛的时候发现一个四款渐变背景样式，于是腾飞博客就给他们单独分开，一开始腾飞用WordPress 区块开发的本地注册（即原生注册）自定义区块来写的wordpress插件，写了一半不想写了，就代码部署wordpress新样板吧，也挺方便的，而且插件多了还卡，话不多说直接开始！ [hidecontent type="reply"] 更新了原始编辑器，就是禁用古腾堡的那种WP原始编辑器，看好是古腾堡编辑器还是原始编辑器 古腾堡编辑器原始编辑器 首先这个教程需要WP古腾堡，古腾堡才有的哦，没有的话就不用部署了！ 定位：WP后台–>>新建文章，我们先把代码直接新建区块这样就很方便了，新建文章如下图！ 代码我放到最后，喜欢的哪个自己放哪个，或者也可以都放，我们把样式放到了自定义HTML之后，我们点右边的三个点，如下图！ 然后我们如上图有一个：创建新样板，然后我们点开他，然后我们创建比如这个名字是：蓝色渐变，就写这个名字，然后分类可以自己创建，如下图，就看懂了！ 然后我们添加就添加成功了，然后我们去哪里找这个呢，如下图，我已经添加了四个！ 然后搜到了之后我们喜欢哪个就点哪个，然后直接部署就行，如果添加自定义HTML，想看到样式，可以点一下预览就变成了可观的样式，当然你如果自己写了样式也可以用这个教程哦 代码部署 绿色渐变橙色渐变蓝到粉渐变灰色渐变 <p class="gradient-paragraph gradient-4"> 这是一个绿色渐变背景示例。清新的颜色让人联想到自然和成长，适合用于环保、健康或积极主题的内容。 </p> <style> .gradient-paragraph { margin-bottom: 30px; padding: 25px; border-radius: 12px; line-height: 1.8; font-size: 1.6rem; transition: all 0.3s...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 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]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-23
评论可见
子比主题 – 多导航小工具_附svg图标-识趣者资源

子比主题 – 多导航小工具_附svg图标

这是一款子比主题多导航小工具，这款多导航小工具集成了分类导航、网站统计、用户动态三合一等展示，包括小工具配置具有很全的功能，喜欢的自行部署吧！ 小工具配置 代码部署 [hidecontent type="reply"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_more_navigation.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_more_navigation.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_more_navigation.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 附件下载 子比主题多导航小工具附件下载提取码FYBu svg图标 我只放了六个，更多的可以下载Adobe Illustrator自己导出 svg磨砂图标下载提取码FYBu [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-19
500积分
子比主题美化 – 子比主题拟态CSS-识趣者资源

子比主题美化 – 子比主题拟态CSS

展示 详情可查看此文章页面，本站不一定使用，仅作于记录。 CSS [hidecontent type="payshow"] .posts-item:not(.card) ,.author-header .avatar-img ,.full-widget-sm ,.header .sub-menu ,.modal-content ,.form-control ,.no_webshot.main-bg.theme-box.box-body.radius8.main-shadow ,.article ,.dropdown-menu ,.btn-score ,.float-right.round .float-btn ,.forum-posts.alone ,.zib-widget ,.posts-mini-lists ,.posts-item.card.style3 { background: linear-gradient(180deg, #ecf2ff, var(--main-bg-color)); border: 2px solid var(--main-bg-color); box-shadow: 6px 6px...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-27
评论可见
子比美化-用户昵称抖音故障风-识趣者资源

子比美化-用户昵称抖音故障风

逛博客的时候看见这个昵称抖音故障风显示，挺好看的，就分享一下出来 代码部署 将下面代码加入后台自定义css中即可 [hidecontent type="reply"] .display-name{ text-shadow: -2px 0 rgba(0, 255, 255, .5), 2px 0 rgba(255, 0, 0, .5); animation: shake-it .5s reverse infinite cubic-bezier(0.68, -0.55, 0.27, 1.55); } @keyframes shake-it{ 0%{ text-shadow: 0 0...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-28
评论可见
子比主题-侧边滚动条样式美化教程-识趣者资源

子比主题-侧边滚动条样式美化教程

WordPress默认的浏览器侧边栏滚动条是非常丑陋的，当然，有些WordPress主题是自带美化的侧边滚动栏不需要我们自己去美化，有些WordPress主题是没有美化侧边滚动栏的，那么这时就需要我们去美化啦！狐狸站长今天就教大家如何自定义美化侧边滚动栏。其实非常简单，只需一句代码的事情就可以自定义美化WordPress侧边滚动栏，并且代码适用于绝大多数WordPress主题。 使用方法 只需在主题设置自定义CSS代码里面添加美化的css代码即可！ 如果主题没有 自定义代码 那么在WordPress主题目录文件里找style.css文件或者在WordPress后台里找“外观—>自定义—>额外CSS”里面美化的css代码即可！ 单色滚动条样式 [hidecontent type="reply"] /*滚动条显示样式*/ ::-webkit-scrollbar-thumb{ background-color:#FF6666; /*更改喜欢的十六进制颜色*/ height:50px; outline-offset:-2px; outline:2px solid #fff; -webkit-border-radius:4px; border: 2px solid #fff; } /*滚动条大小*/ ::-webkit-scrollbar{ width:8px; height:8px; } /*滚动框背景样式*/ ::-webkit-scrollbar-track-piece{ background-color:#fff; -webkit-border-radius:0; } [/hidecontent]...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-03
500积分
子比主题 – 订单查询插件（快速查询网站订单的利器）-识趣者资源

子比主题 – 订单查询插件（快速查询网站订单的利器）

子比订单查询插件是为WordPress子比主题设计的一款功能强大的插件，旨在为网站管...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 53天前
#子比美化
 2026-02-07
评论可见
子比主题 – 文章侧边倒计时小工具-识趣者资源

子比主题 – 文章侧边倒计时小工具

教程 [hidecontent type="reply"] $widgets_files = array( 'tengfei_data.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 子比主题 – 文章侧边倒计时小工具下载 [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2026-02-20
50积分
子比美化-分类添加显示-今日更新数量-识趣者资源
子比美化

功能子比美化-分类添加显示-今日更新数量

演示截图 主题教程 [hidecontent type="payshow"] 在你的 functions.php 文件中，添加以下代码，定义一个自定义 Walker 类，用于处理分类项目并在其后面显示文章数量 class Custom_Walker_Nav_Menu extends Walker_Nav_Menu { // 开始输出每个菜单项 function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0) { // 和默认 Walker 一样处理元素的基础部分 $classes =...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 36天前
#子比美化
 2026-02-27
10积分
子比主题 – 在线用户小工具-识趣者资源
子比工具

美化子比主题 – 在线用户小工具

今天我看着我的小破站在发的，我盯着我的用户，想到了一个问题，现在都有谁在看我的文章呢，这时我突发奇想，我可以写一个啊，来现在正在活动的用户 演示图 在这里我解释下: 这个在线时间就是用户活动的时间检测，60s一次，用户不活动时视为离线，放心这个不会占用多少服务器资源的 部署教程 [hidecontent type="payshow"] 首先进入文件管理网站文件/******/wp-content/themes/zibll/functions.php或者新建func.php 把下面代码复制进去就行了然后进入小工具启用 <?php /* /** Plugin Name: zibll-在线用户-开始 Plugin URI: https://47zhe.cn/ Author: 空白(留点尊严) **/ // 登录时设置活动状态 function track_user_login($user_login, $user) { update_user_meta($user->ID, 'last_activity', time()); update_user_meta($user->ID, 'is_logged_in', '1'); } add_action('wp_login',...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 28天前
#子比美化
1…181920212223跳转