子比美化 第22页
子比主题美化相关教程
分类
排序
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
评论可见
子比主题 – 文章段落渐变背景样式（四款）-识趣者资源

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

在逛论坛的时候发现一个四款渐变背景样式，于是腾飞博客就给他们单独分开，一开始腾飞用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
VIP可见
子比主题 – 文章标题样式美化（共十一款）-识趣者资源

子比主题 – 文章标题样式美化（共十一款）

在此之前博客的用户反馈让做一个文章标题美化的总结，今天他来了，我会做一些好看的然后你们自己选，喜欢哪个自己部署哪个，后面我会持续更新这篇文章，话不多说喜欢的自行部署吧！ 喜欢哪个样式自己将该哪一款丢到：子比主题–>>自定义CSS样式即可，先写这十一款，多的话文章容易卡，其实预估能写到30款左右，因为我写的样式比较多，后面抽几个好看的添加上去吧！ [hidecontent type="vip1"] 第一款第二款第三款第四款第五款第六款第七款第八款第九款第十款第十一款 第一款是很早的猫爪，这款是H1-H4都是一样的，不过这个扩展性很高，比如遇到自己喜欢的，自己可以替换里面的图片就可以！ /* 腾飞博客第一款标题样式美化 */ .title-theme { padding: 0px 0px 0px 45px!important; background: url(https://www.tfbkw.com/wp-content/uploads/2025/03/20250306195527974-biaoti.svg) 10px center no-repeat; background-size: 30px 20px; color: #566889; } .title-theme:before { display:none; } .wp-posts-content>h1.wp-block-heading{ padding: 0px 0px...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 文章上方推广样式代码-识趣者资源

子比主题 – 文章上方推广样式代码

这是一款子比推广样式代码，很简约的一款，并且修复了css一些问题，并且这款适配了昼夜和手机端，喜欢的自行部署吧！ [hidecontent type="reply"] 定位：WP后台–>>外观–>>自定义HTML，将下面的代码放里面即可，建议放到：文章页-主内容上面 <style> .tengfei-info-module-box,.tengfei-info-module-box *{margin:0 !important;padding:0 !important;font-size:1em !important;border:0 !important;width:auto !important;height:auto !important;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;list-style:none !important;max-width:none !important;max-height:none !important;line-height:1 !important;background:0 0 !important}.tengfei-info-module-box{margin:1.5em 0 .8em 0 !important;max-width:100% !important;margin-left:auto !important;margin-right:auto !important}.tengfei-info-module-btn{display:inline-flex !important;height:2.4em !important;align-items:center !important;justify-content:center !important;padding:0 1em !important;border-radius:4px !important;background-color:var(--tengfei-module-color1)...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 右侧二次元不到翁样式-识趣者资源

子比主题 – 右侧二次元不到翁样式

发现一个好玩的，就是给自己的子比右侧加上不到翁的样式，目前只测试了子比主题，其他的站应该都可以部署的，鼠标可以拖拽不到翁，喜欢的自行部署吧！ [hidecontent type="reply"] 定位：WP后台–>>子比主题–>>网站统计HTML代码，直接丢里面就可以了，但是要注意的是，里面的JS是引入我的，因为按钮里面有跳转链接在JS里面，所以你可以本地下载一下或者下载我的附件自己引入，在JS代码里面搜：tfbkw.com，替换你的就行了 <div id="left_layer" class="sakana-tfbk" style="position:fixed; bottom:250px; right:-38px;"> <div id="sakana-widget"></div> <script> function initSakanaWidget() { new SakanaWidget().mount('#sakana-widget'); } </script> <script async onload="initSakanaWidget()" src="你的js链接" ></script> </div> [/hidecontent] 右侧二次元不到翁样式附件下载提取密码ndH7
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
SVIP可见
子比主题 – 外链Go页面样式代码（共十五款）-识趣者资源

子比主题 – 外链Go页面样式代码（共十五款）

我这里记录了十五款子比主题go页面样式的代码样式，对于用户比较挑，所以我多记录几个也正好我自己也备用，我看有点挤，等我后面有好的再更新go页面样式，喜欢的自行部署一下吧！ [hidecontent type="vip2"] 喜欢哪一款直接替换：/wp-content/themes/zibll/go.php这个文件的所有代码即可！ 第十一和十二款是很早很早的代码，我修复了一下，可以用，本站目前用的是第十三款 第一款第二款第三款第四款第五款第六款第七款第八款第九款第十款第十一款第十二款第十三款第十四款第十五款 <?php /* * @Author : Qinver * @Url : zibll.com * @Date : 2021-07-10 * @LastEditTime: 2021-07-10 * @Email : 770349780@qq.com * @Project : Zibll子比主题 * @Description : 一款极其优雅的Wordpress主题...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
200积分
子比主题 – 底部Dock栏二开插件_带后台-识趣者资源

子比主题 – 底部Dock栏二开插件_带后台

这是一款子比主题底部Dock栏二开的插件，这款插件带后台，并且组件是二开星书签的组件，腾飞简单的测试了，直接上传到插件使用即可，简单版本适配其他主题，支持前台自定义图标，右键可以删除，喜欢的自行部署吧！ 如果你的网站用了右键菜单美化，可以在JS禁用的位置增加： // 禁用默认右键菜单 window.addEventListener('contextmenu', e => { // 如果点击的是 Dock 用户添加的应用图标，不阻止 if (e.target.closest('.dock-icon[data-app-id]')) { return; } e.preventDefault(); }, { passive: false });
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-12
密码验证
子比主题自动发卡插件-识趣者资源

子比主题自动发卡插件

有很人肯定会问网上不是一大堆吗还跑过来发，我是看见网上一大堆这个插件但是里面有那么明显的BUG还是被到处传播某宝某鱼还卖的不亦乐乎1-20元不等，现在免费发布出来已经修复了 积分显示RMB支付的BUG 增加了购买次数的限制，倒卖狗si全家，必须免费传播禁止收费！ 出现启动插件不显示禁用现象 找到插件根目录这个文件 function.php 搜索 function zib_cp_admin_scripts 替换下面的函数就可以解决 add_action('admin_enqueue_scripts', 'zib_cp_admin_scripts'); function zib_cp_admin_scripts($hook) { // 获取当前屏幕信息 $screen = get_current_screen(); // 只在编辑文章/页面和你的插件设置页面加载CSS/JS if (!in_array($hook, array('post.php', 'post-new.php')) && (!$screen || strpos($screen->id, 'zib_cp') === false)) { return;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-11
免费
子比主题 – 前台用户管理插件_开源版-识趣者资源

子比主题 – 前台用户管理插件_开源版

识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-11
评论可见
子比美化 – 底部可爱页脚美化样式-识趣者资源

子比美化 – 底部可爱页脚美化样式

在这篇之前腾给大家了好几个底部页脚的美化样式，并且适配了昼夜模式，这款可爱的页脚样式是很早的美化了，今天分享一下，并且记录一下，话不多说喜欢的自行部署吧！ [hidecontent type="reply"] 代码没有分开都写在了一起，包括图片也已经本地话上传了cdn，喜欢的自行部署！！ 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"> <?php do_action('zib_footer_conter');?> </div> </footer> 然后我们还在这个/wp-content/themes/zibll/footer.php文件里面，找到下面的代码 <?php wp_footer(); ?> 我们将下面的代码放到上面找到的代码的<?php上面即可，自己改一下下面的代码文字、链接等 <!--可爱自定义底部开始--> <style> .footer{display: none;} body{ --acg-footer:url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01PeJhn61QbIqpD8qby_!!2210123621994.png) no-repeat bottom;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-11
子比主题 – 订阅小工具插件_全开源-识趣者资源

子比主题 – 订阅小工具插件_全开源

这是一款子比主题的订阅小工具插件，为什么是小工具插件，因为是通过短标签来实现的小工具...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-11
评论可见
子比主题 – 文章重构图片类文章小工具-识趣者资源

子比主题 – 文章重构图片类文章小工具

这是一款子比主题文章重构图片类文章小工具，这款小工具可选很多版式，如：左一右二等，还是比较不错的，而且还带有鼠标悬停hover效果，喜欢的自行部署吧！ 代码部署 [hidecontent type="reply"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_posts_layou.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_posts_layou.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_posts_layou.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 子比主题文章重构图片类文章小工具下载提取码Sj8k [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-11
评论可见
子比主题 – 文章添加更新时间（三款）-识趣者资源

子比主题 – 文章添加更新时间（三款）

这是一篇子比主题文章添加更新时间，我这里一共发两款，首先我先说一下，第二款是我自己做的样式，第一款是网上都有的，我比较推荐第二款，第三款是看网上的，因为我做的样式我觉得还是不错的，有一些人就是把东西一改就说自己写的，我什么也不说，知道就行！ 第一款 第二款 第三款 [hidecontent type="reply"] 部署之后，我先说一下很多人都说为什么在文章前面，难道不能放后面吗，可以放后面，下面两款的func文件代码里面的其中代码，如下，我们把before改成after就是文章之后显示了，学会了吧 add_action('zib_posts_content_before', 'article_time_update'); 第一款第二款第三款 定位：/wp-content/themes/zibll/func.php文件里面，没有这个文件自己创建一个，记得加上php头，要不然报错，将下面的代码放里面，CSS代码直接丢到：子比主题–>>自定义CSS样式即可！ func代码 // 文章过期提示开始第一款 function article_time_update() { date_default_timezone_set('PRC'); $newdate=time(); $updated_date = get_the_modified_time('Y-m-d H:i:s'); $updatetime=strtotime($updated_date); $custom_content = ''; if ( $newdate > $updatetime+86400) { $custom_content= '<div...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-11
评论可见
子比主题-本站菜单图标代码-识趣者资源

子比主题-本站菜单图标代码

预览图 [hidecontent type="reply"] 首页那个，直接把下面整个代码复制到首页文字的前面 <span class="but jb-vip1 radius"><svg t="1746728907743" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1535" width="200" height="200"><path d="M931.49 454.71L771 293.24 566 87a76.15 76.15 0 0 0-108 0L253 293.24 92.51 454.71C57.4 490 80.39 553.85...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 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...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
1…20212223跳转