子比美化 第21页
子比主题美化相关教程
分类
排序
2026-02-27
2
子比主题-广告位插件（支持到期时间）-识趣者资源
子比插件

插件子比主题-广告位插件（支持到期时间）

这是一款适配子比主题的广告插件,支持图片广告和文字广告,可以在后台设置广告的到期时间...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 28天前
#子比美化
 2025-11-24
500积分
评论可见
子比美化-底部横向统计模块-识趣者资源

子比美化-底部横向统计模块

首先将我们的文件包解压出demo，将demo文件上传至网站根目录，如下图再将以下核心函数代码添加至子比根目录的header.php文件中[hidecontent type="reply"]<script type="text/javascript" > //文章总数 <?php $count_posts = wp_count_posts(); $published_posts =$count_posts->publish;echo "var tj_wzzs="."'$published_posts'";?> //本周发布 <?php $post_wpdb = get_posts_count_from_last_168h($post_type ='post');echo "var tj_bzfb="."'$post_wpdb'";?> //运行时间 <?php $wdyx_time = floor((time()-strtotime("2023-11-11 11:11:11"))/86400);echo "var tj_yxsj="."'$wdyx_time'";?> //用户总数 <?php global $wpdb;$users = $wpdb->get_var("SELECT...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 文章详情页带Tab切换美化-识趣者资源

子比主题 – 文章详情页带Tab切换美化

今天给大家分享一款自用的子比主题文章详情页，很早之前就想发出来，因为没有适配，看很多人需要所以我抓紧适配了一下，话不多说直接开始，喜欢的自行部署！ 代码部署 [hidecontent type="reply"] 一共两个代码，一个是PHP代码，一个是CSS代码，PHP代码里面我已经引入了CSS文件，你可以引入文件也可以放到：子比主题–>>自定义CSS样式即可！ 记得关闭：子比主题–>>文章页面–>>作者信息板块，要不然不美观 PHP代码CSS代码 定位：/wp-content/themes/zibll/inc/functions/zib-single.php文件，我们找到下面的函数，如下图 然后我们将一整块替换我下面的代码，直接替换我修改过的代码 function zib_single() { zib_single_header(); do_action('zib_single_before'); wp_enqueue_style('tengfei-single-top-style', '/wp-content/themes/ZibTF/css/tengfei/single_top.css', array(), '1.0.0'); echo '<article class="article main-bg theme-box box-body radius8 main-shadow">'; echo ' <div class="tabs"> <div class="tab active" data-target="#postsposcontent"><svg class="icon"...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 未登录时图片高斯模糊显示-识趣者资源

子比主题 – 未登录时图片高斯模糊显示

这是一款子比主题用户没有登录的时候图片显示模糊的，登入之后就可以看到全部图片了，所以也很实用的功能，对于子比站长来说，这个功能还是可以的，喜欢的自行部署！ 代码部署 [hidecontent type="reply"] 首先我们到文件：/wp-content/themes/zibll/func.php文件里面，没有这个文件自己创一个，创建之后别忘了加php头，要不然会报错。将下面的代码放到这个文件里面即可！ //未登录时全站图片模糊 function n_yingcang_css(){ echo '<style> img { -webkit-filter: blur(10px)!important; -moz-filter: blur(10px)!important; -ms-filter: blur(10px)!important; filter: blur(6px)!important;} </style>'; } if( !is_user_logged_in()) {add_action( 'wp_head', 'n_yingcang_css' );}; //未登录时全站图片模糊 [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-13
500积分
子比主题 – 文章封面角标美化-识趣者资源

子比主题 – 文章封面角标美化

这篇文章就是我给大家搭建了一个新网站测试的，然后就是我给里面加了几个角标的样式，直接丢的颜色代码美化，我发现很多站一堆人发我这个美化，我想知道版权不留就说自己写的吗？真的懒得搭理，某些站长真的是恶心，直接免费，喜欢的自行部署！ 我这里修复了一下，之前搬运我这个文章的，忘了告诉你了，那些去拿去卖钱的人，用了之前的这个样式会卡顿，所以我这次就是免费分享一下，再搬运不留版权我真的要心里问候你家人怎么样了！正好记录一下！ [hidecontent type="payshow"] 一共三个代码，两个PHP代码和一个CSS代码，我会讲的很仔细，跟着教程操作不会有问题 metabox-options.phpzib-posts-list.phpCSS代码 定位：/wp-content/themes/zibll/inc/options/metabox-options.php文件，然后我们进入文件里面就去搜“文章、页面、帖子的独立seo”因为这个是子比主题更新后的注释，如下图和代码 if (class_exists('CSF')) { CSF::createMetabox('tf', array( 'title' => '文章封面自定义标识', 'post_type' => array('post', 'page', 'plate', 'forum_post'), 'context' => 'advanced', 'data_type' => 'unserialize', )); CSF::createSection('tf', array( 'fields' => array( array( 'title'...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-22
评论可见
子比主题 – 登录管理后台邮件提醒功能-识趣者资源

子比主题 – 登录管理后台邮件提醒功能

在此之前博客发过类似的，只不过没有登录失败提醒，这一款跟我之前写的文章类似，这一款也是带提醒和登录失败功能，喜欢的自行部署吧！ [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件记得自己创建一个，记得加上php头，将下面的代码丢里面即可！ // WordPress 后台【登录成功】发送提醒邮件 function wp_login_success_notify($user_login) { date_default_timezone_set('PRC'); $admin_email = get_bloginfo('admin_email'); $to = $admin_email; $user = get_user_by('login', $user_login); $user_role = get_user_role_name($user->roles[0]); $subject = get_option('blogname').' - ✅ 网站后台登录成功提醒'; $message = '<p>你好！你的网站【'.get_option("blogname").'】后台登录成功提醒！</p>' . '<p>──────────────────</p>'...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-27
2
子比主题DIV-文章页面顶部添加文章信息v3.0插件版-识趣者资源

子比主题DIV-文章页面顶部添加文章信息v3.0插件版

介绍 本插件设计轻巧，易于安装。本插件大小仅仅只有3.51K，安装后，它将自动...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-28
评论可见
子比 Mac 风格卡片小工具-识趣者资源

子比 Mac 风格卡片小工具

仿 Mac App Store 风格的卡片展示模块，多功能自定义卡片小工具。 功能特点：带图标的彩色标题栏，8种预设背景可选卡片布局跟随子比主题设置，自动响应式支持两种数据来源：自定义卡片 或 分类文章每个卡片包含：封面图、缩略图、标题、简介、下载按钮按钮样式可选演示截图 后台框架 获取代码 [hidecontent type="reply"] /** * Mac 风格卡片小工具-大海 * 使用CSF框架，使用子比主题卡片布局 */ // 默认背景图（可以自己下载到本地） define('MAC_CARD_DEFAULT_BG', 'https://tirzsjsxujuxsoqj.sh1.hi168.com/2026/01/28/35a0f2fa2d5a8.png'); Zib_CFSwidget::create('zib_widget_ui_mac_card', array( 'title' => 'Mac风格卡片', 'zib_affix' => true, 'zib_show' => true, 'description'...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-07
300积分
子比主题-在线打赏插件-识趣者资源

子比主题-在线打赏插件

前言 子比主题自带的打赏功能，本质上只是展示两张收款二维码（微信 +...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2026-02-08
评论可见
子比美化-给文章标题文字添加彩色渐变效果-识趣者资源

子比美化-给文章标题文字添加彩色渐变效果

演示图 代码 [hidecontent type="reply"] /*文章标题加上渐变彩色文字 开始*/ .item-heading :hover, .text-ellipsis :hover, .text-ellipsis-2 :hover, .links-lists :hover { background-image: -webkit-linear-gradient(30deg, #32c5ff 25%, #b620e0 50%, #f7b500 75%, #20e050 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%; -webkit-animation: maskedAnimation 4s...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2026-02-20
608积分
子比主题-发红包插件-识趣者资源
原创插件

插件子比主题-发红包插件

事先说明这个插件调用子比主题的函数钩子,需要自行创建页面（发红包页面）（红包大厅页面...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 35天前
#子比美化
 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 >...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 24天前
#子比美化
 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个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 侧边栏动态时间小工具-识趣者资源

子比主题 – 侧边栏动态时间小工具

这是一款子比主题侧边动态时间小工具，逛博客的时候看到好看就扒来了，这个是纯时间动态，带有一些特效，非常好看，喜欢的自行部署吧 代码部署 [hidecontent type="reply"] 将下面的代码放到：WP后台->>外观–>>小工具–>>自定义HTML即可，建议放到：文章页-侧边栏 <style> .times { margin: 0; padding: 0; height: 100%; } .times2 { height: 100%; background: #fff; } .times2 svg { height: 100%; width: 100%; margin-bottom: -34px; } .words { font-size:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 顶部多功能组件上方时间显示-识趣者资源

子比主题 – 顶部多功能组件上方时间显示

教程 [hidecontent type="reply"] 把下面的的代码放到 <div class="header-slider-search-more text-center before"> <div id="timeDisplay" class="time-display">19:07:48</div> <!-- 日期显示区域 --> <p id="dateDisplay" class="date-display">Tuesday, November 25, 2025</p> <script> // 更新时间和日期的函数 function updateTimeAndDate() { const now = new Date(); // 格式化24小时制时间 (HH:MM:SS) const...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
1…1920212223跳转