子比美化 第14页
子比主题美化相关教程
分类
排序
2025-12-13
子比主题 – 文章标题样式美化（共十一款）-识趣者资源

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

在此之前博客的用户反馈让做一个文章标题美化的总结，今天他来了，我会做一些好看的然后你们自己选，喜欢哪个自己部署哪个，后面我会持续更新这篇文章，话不多说喜欢的自行部署吧！ 喜欢哪个样式自己将该哪一款丢到：子比主题–>>自定义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...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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)...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 外链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主题...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 底部Dock栏二开插件_带后台-识趣者资源

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

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

子比主题 – 文章版权声明样式美化（共十四款）

这是一篇子比主题文章版权的样式美化，对于站长都需要这个来放到文章下面声明一下版权什么的，喜欢的自行部署吧，话不多说直接开始！ [hidecontent type="reply"] 第一款第二款第三款第四款第五款第六款第七款第八款第九款第十款第十一款第十二款第十三款第十四款 <!--腾飞博客版权样式一--> <div class="posts-copyright"><div class="entry-copyright px12"> <span class="badg badg-sm mr3 c-yellow">1</span> 如果您喜欢本站，<a href="/" style="color:#a102ff"> <i class="wpcom-icon menu-item-icon"> <svg aria-hidden="true"><use xlink:href="#icon-security-color"></use></svg> </i>点击这儿 </a>赞助下本站，感谢支持！<br> <span class="badg badg-sm mr3 c-red">2</span> 可能会帮助到你： <a href="/" style="color:#00aeff" title="开发工具"...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-11
子比主题 – 前台用户管理插件_开源版-识趣者资源

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

识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-11
子比主题 – 订阅小工具插件_全开源-识趣者资源

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

这是一款子比主题的订阅小工具插件，为什么是小工具插件，因为是通过短标签来实现的小工具...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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...
识趣资源的头像-识趣者资源至尊会员识趣资源· 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...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-02
子比主题 – 新版私密评论功能-识趣者资源

子比主题 – 新版私密评论功能

美化简介 这是一款子比主题新私密评论功能，这款是适配了子比的样式，在此之前腾飞博客给大家分享过改文件的代码，但是那些太麻烦了，今天给大家分享一款无需修改子比文件即可实现的，喜欢的自行部署吧！ 美化截图 [hidecontent type="payshow"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加上php头，要不然会报错，将下面的代码直接丢里面即可！ // 私密评论显示逻辑 function zib_private_message_hook($comment_content, $comment) { $comment_ID = $comment->comment_ID; $is_private = get_comment_meta($comment_ID, '_private', true); $email = $comment->comment_author_email; $current_user = wp_get_current_user(); // HTML for private comment notification $html = '<div...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
1…12131415跳转