子比美化 第23页
子比主题美化相关教程
分类
排序
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个月前
#子比美化
 2026-01-13
200积分
子比主题-独立下载页面美化-识趣者资源

子比主题-独立下载页面美化

前言 之前也有出过一版独立下载页美化(在美化教程里->编号18)，不过突然觉得不好看了，就更新了一下，这里分享出来！ 效果图 下载文件覆盖掉download.php即可（文件路径：/wp-content/themes/zibll/pages/download.php），更新前记得备份！记得备份！记得备份！不然就没后悔药吃了！
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-24
6.6
子比美化 – 网站右侧悬浮导航-识趣者资源

子比美化 – 网站右侧悬浮导航

整合了所有代码，拒绝复杂化！代码实现了一个网站右侧悬浮功能栏，主要服务于基于 WordPress（子比主题）搭建的网站，集成了会员推广、用户互动、客服沟通、页面操作四大类核心功能，整体适配 PC 端展示，移动端自动隐藏，兼顾美观与实用性。 代码部署 [hidecontent type="payshow"] 进入"外观" → "小工具",找到"自定义HTML"小工具,把代码粘贴进去,放到“所有页面-底部全宽度” <div class="container fluid-widget"><div class="widget_text zib-widget widget_custom_html"><div class="textwidget custom-html-widget"><div class="huliku-float"> <div class="huliku-float-box"> <!-- 会员功能 --> <div class="huliku-float-item activity"> <div class="cont"> <a href="/vips" target="_blank" class="vip-link"> <img src="https://i.imgs.ovh/2026/01/24/yqlf7g.webp"...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-28
评论可见
子比文章归档页面模板【二次开发版】-识趣者资源

子比文章归档页面模板【二次开发版】

7b2那边有大佬开发了一个带图表的文章归档页面，那别人有的我们也必须要有，该页面仅子比主题可用，文章卡片使用的是子比主题自带的卡片函数生成 页面所使用的技术栈如下： Apache ECharts(精美的图表组件)WordPress自带的Transient瞬态API缓存子比主题内置函数该页面使用 Transient瞬态API缓存一天 在子比主题目录下的 pages 文件夹创建一个PHP文件，名字随便起，由于我是子主题所以我直接命名为了 archives.php [hidecontent type="reply"] <?php /** * Template name: Zbfox-文章归档 * Description: A archives page for displaying article statistics and monthly updates. */ // 获取分类统计信息并缓存 function get_category_statistics() {...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-31
免费
子比主题 – 客服工单系统插件-识趣者资源

子比主题 – 客服工单系统插件

在此文章之前作者是别人写的，博客买来的，有一些资源网拿该插件去出售，博客今天免费给大...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-07
评论可见
子比美化-分页按钮美化-识趣者资源

子比美化-分页按钮美化

演示图 把下面代码放到后台自定义CSS [hidecontent type="reply"] /*页码样式微调*/ .pagenav .current, .pagenav .page-numbers, .pagenav a { border: 0; padding: 8px 14px; background: linear-gradient(148deg, hsla(0, 0%, 100%, 0), var(--main-bg-color)); -webkit-box-shadow: 0 0 8px 0 rgba(95, 95, 95, .15); box-shadow: 0...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2026-02-15
10积分
子比主题-生效纪念徽章分享-识趣者资源
子比美化

美化子比主题-生效纪念徽章分享

适合子比勋章-年度限定使用
识趣资源的头像-识趣者资源
至尊会员识趣资源· 40天前
#子比美化
 2026-02-27
1
子比主题美化 – 主题内置的图标美化版新版已适配-识趣者资源
子比美化

美化子比主题美化 – 主题内置的图标美化版新版已适配

前言 因为之前发过一个内置图标美化的文章 但是在子比V8.3版本以上使用后会有一些新增的图标没有添加进去，例如商城的购物车等部分 适配了下子比V8.3版本了。效果图只放了部分效果 实际美化图标大约90个左右 效果图 教程开始 将下面js文件替换/wp-content/themes/zibll/js/svg-icon.js文件即可 替换后记得刷新缓存查看效果 或者直接把下面代码添加到func.php [hidecontent type="payshow"] function icon_new_js(){ wp_enqueue_script( 'sc-icon', 'https://47zhe.cn/demo/svg-icon.js', array(), true ); }add_action( 'wp_footer', 'icon_new_js' ); 20260227120416293-svg-icon.zip下载zip文件93.1K [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 28天前
#子比美化
 2026-03-15
评论可见
子比主题 – 简约页脚美化样式-识趣者资源
子比美化

美化子比主题 – 简约页脚美化样式

这一款子比主题简约页脚美化样式，这款美化还是比较不错的，东西还是子比主题默认的，只是将图片放到了中间，喜欢的自行部署吧！ 效果展示 代码部署 [hidecontent type="reply"] 定位：/wp-content/themes/zibll/footer.php文件，这个是子比默认的页脚文件，然后我们把子比默认的给删掉，也就是子比自带的页脚，如下图！ 然后删掉之后将下面的代码丢里面即可，里面的配置自己修改一下！ <style> .zy-footer .footer-main { background-color: var(--main-bg-color) !important; color: var(--muted-color) !important; border: none !important; outline: none !important; box-shadow: none !important; } .zy-footer { border: none !important; outline: none !important;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 12天前
#子比美化
1…212223跳转