子比美化 第7页
子比主题美化相关教程
分类
排序
2026-01-28
子比主题美化 – 修改网站整站字体-识趣者资源

子比主题美化 – 修改网站整站字体

本文详细介绍了如何修改网站整站字体的步骤和技巧。通过精选合适的字体、设置字体大小和样...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 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...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2天前
#子比美化
 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...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-19
子比主题美化 – 子比主题拟态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...
识趣资源的头像-识趣者资源至尊会员识趣资源· 16天前
#子比美化
 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...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
 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]...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-02-03
子比主题 – 订单查询插件（快速查询网站订单的利器）-识趣者资源

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

子比订单查询插件是为WordPress子比主题设计的一款功能强大的插件，旨在为网站管...
识趣资源的头像-识趣者资源至尊会员识趣资源· 昨天
#子比美化
 2025-12-02
子比主题功能 - 后台以该用户登陆-识趣者资源

子比主题功能 – 后台以该用户登陆

功能简介 这是一款为WordPress网站管理员精心打造的用户模拟登录工具，让您能以普通用户身份安全地浏览网站，从用户视角审视和优化您的网站体验。通过直观的浮动面板，您可以实时查看当前模拟的用户信息，一键恢复管理员身份，灵活切换面板展开/收起状态，所有偏好设置都会被智能记忆。采用现代化UI设计，支持浅色/深色模式自适应，确保在任何环境下都能提供出色的视觉体验，是网站管理员进行用户体验测试和功能调试的得力助手。 功能特色 1.身份切换 ：管理员可以安全地模拟任何用户身份登录网站，便于测试用户权限和功能体验 2.实时状态显示 ：登录后显示浮动面板，清晰展示当前模拟的用户名、用户ID等信息 3.界面交互优化 ：面板支持展开/收起切换，提供简洁的UI设计 4.用户偏好记忆 ：使用localStorage保存面板展开/收起状态，刷新页面后保持用户习惯 5.自适应设计 ：支持浅色和深色模式，与网站主题风格保持一致 6.智能交互 ：新打开页面时面板默认8秒后自动收起（首次访问或无保存状态时） 7.快速恢复 ：提供一键恢复管理员身份的按钮，操作便捷 8.安全机制 ：通过nonce验证和会话管理确保操作安全性 功能演示 [hidecontent type="reply"] 进入目录文件wp-content\themes\zibll\functions.php /** * 在用户列表操作 47zhe.cn 识趣网 请保留我 */ function add_impersonate_link_to_users($actions, $user) { if...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 修改免费/付费资源背景底色-识趣者资源

子比主题 – 修改免费/付费资源背景底色

这是一款子比主题修改免费/付费资源背景底色教程，首先子比主题有三个背景颜色在文章列表如：免费资源、付费资源（付费资源有积分付费和余额付费），我将一一说一下怎么改，改哪里，话不多说直接开始！ 代码部署 [hidecontent type="reply"] 定位：/wp-content/themes/zibll/inc/functions/zib-posts-list.php文件，里面搜“免费资源”，记住里面有三个免费资源，注意看我下面的图片是哪个地方，如下图和讲解 如上图我都标注好了，那么下面的表格我将提供子比主题自带的背景颜色样式，喜欢什么自己改！ class样式class样式class样式c-red红色文字b-theme主题背景色jb-red渐变红色背景c-yellow橙色文字b-red红色背景jb-yellow渐变橙色背景c-blue蓝色文字b-yellow橙色背景jb-blue渐变蓝色背景c-blue-2深蓝色文字b-blue蓝色背景jb-green渐变绿色背景c-green绿色文字b-green深蓝色背景jb-purple渐变紫色背景c-purple紫色文字b-purple紫色背景jb-vip1渐变金色背景jb-vip2渐变黑色背景 [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 右侧自定义悬浮按钮美化-识趣者资源

子比主题 – 右侧自定义悬浮按钮美化

这个自定义悬浮按钮样式是狐狸忘记从哪位B2站长那里扒来的，说不上原创，但是它是由狐狸库适配用在子比主题上。扒来也很久了，一直没有去适配用到子比主题上，话不多说直接开始！ 功能说明 适配“会员”按钮，点击后自动跳转开通子比主题会员弹窗。 增加“昼夜”切换模式，点击后切换“日间”或“夜间”模式。 适配“签到”按钮，点击后自动签到。 替换抽奖按钮及图标，可自定义图标&链接。 重构“返回顶部”的监听滚动及点击事件Javascript代码。 代码部署 [hidecontent type="reply"] 代码一共三个和一个附件，怎么使用呢？很简单HTML放到：WP后台–>>外观–>>小工具–>>自定义HTML将小工具放到：所有页面-侧边栏-顶部位置或者所有页面，自己放一下小工具里面 CSS代码放到：子比主题–>>自定义CSS样式即可！ Javascript代码放到：子比主题–>>自定义javascript代码即可，JS代码用处就是返回顶部的用处！ HTMLCCSJS <!-- * @Description : 自定义悬浮按钮 * @Url : https://www.huliku.com/ * @Email : ihuliku@qq.com * @Date : 2024-01-18 13:14:52 --> <div class="huliku-float">...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-13
子比主题 – 内容面包屑背景（正文改成标题）-识趣者资源

子比主题 – 内容面包屑背景（正文改成标题）

这是一款给子比主题文章、帖子内容页面的面包屑增加一个空白背景，适配手机端、夜间模式，把正文改成标题，还是比较不错的美化，喜欢的自行部署吧！ [hidecontent type="reply"] 单背景背景和面包屑 将下面的代码放到：子比主题–>>自定义CSS样式即可！ .breadcrumb { background: var(--main-bg-color); padding: 12px 20px; margin-bottom: 15px; border-radius: var(--main-radius); box-shadow: 0 0 10px var(--main-shadow); display: flex; } 背景和面包屑有两个，背景是CSS代码，面包屑是func代码，话不多说直接开始！ func代码 定位：/wp-content/themes/zibll/func.php文件，没有这个文件就创建一个，记得加上php头，要不然报错，将下面的代码放到里面！ // 内容面包屑背景 add_action('wp', function() { if (is_single() ||...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
 2026-01-22
子比主题 – 底部背景切换器小工具-识趣者资源

子比主题 – 底部背景切换器小工具

给大家做了一款底部背景切换器，这款切换器很实用，这个很适合做插件，但是小工具更方便，插件还是对于我来说多了的话影响速度，适配了手机端，鼠标点击切换器出现，鼠标悬停背景预览背景，点击切换背景，话不多说喜欢的自行部署吧！ 效果图 小工具配置 代码部署 [hidecontent type="payshow"] 打开主题根目录进入/functions.php 把下面代码复制进去 /** * 识趣资源网https://47zhe.cn */ // 底部背景切换器小工具 class Zib_Background_Switcher_Widget extends WP_Widget { public function __construct() { parent::__construct( 'zib_background_switcher', '星空知-底部背景切换器', array( 'description' => '在页面底部显示背景切换器，允许用户切换网站背景，放在所有页面-顶部全宽度', ) ); } // 小工具显示...
识趣资源的头像-识趣者资源至尊会员识趣资源· 12天前
#子比美化
 2026-01-27
子比主题美化 – 首页页脚美化（白色）-识趣者资源

子比主题美化 – 首页页脚美化（白色）

很多朋友跟狐狸说这个页脚有没有白色的呀？原本是不管昼夜都是固定黑灰色显示，这次改成跟随主题颜色显示，取消了JS图片滚动波浪，使用了svg代码显示动态滚动波浪，具体的自行体验吧！ 白色 黑色 简介 更换滚动波浪（取消JS图片波浪） 修复论坛前台发帖选择板块错位 修复找回密码页错位 修复友情链接模块错位 修复页面右侧空白占位 修复文章数量上标 增加网站名称前爱心 增加每日签到链接 增加任务中心链接 增加网站标题调用 增加网站描述调用 增加网站年限调用 增加域名调用 去除原上方统计模块 代码部署 [hidecontent type="payshow"] PHP代码 首先我们要知道我们加这个底部之后，他官方的底部还存在，我们先把官方的代码删掉然后再按照下面的步骤来走，我们先到/wp-content/themes/zibll/footer.php，找到下面的代码，下面的代码是官方自带的底部，我们要给他删掉，避免后面出现两个底部。如果是子主题自己弄一下吧，在func判断一下如果启用这个页脚就隐藏子比自带的底部 查找代码 <footer class="footer"> <?php if (function_exists('dynamic_sidebar')) { dynamic_sidebar('all_footer'); }?> <div class="container-fluid container-footer">...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
1…56789…15跳转