子比美化 第8页
子比主题美化相关教程
分类
排序
2026-02-27
350积分
子比主题-文章强制每行5个【卡片模式】-识趣者资源
子比美化

功能子比主题-文章强制每行5个【卡片模式】

示例图 子比默认每行4个 修改后默认5个 部署教程 [hidecontent type="payshow"] 括号里的数值可以自己定义，不难理解就是控制卡片&列表宽度用的。这个根据自己的页面情况需求修改就好！ 需要多个列表修改百分比即可，5个=20%以此类推。 /*文章卡片排列X5*/ @media (min-width: 769px) { .posts-item.card { width: calc(20% - 16px); } }/*识趣资源 https://47zhe.cn*/ [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 29天前
#子比美化
 2026-02-07
评论可见
子比主题 – 给页脚二维码加动态Border-识趣者资源

子比主题 – 给页脚二维码加动态Border

[hidecontent type="reply"] /*底部板块三图片border*/ .footer-miniimg { p{ position: relative; &:hover { filter: contrast(1.1); } &:active { filter: contrast(0.9); } &::before, &::after{ content: ""; border: 2px solid; border-image: linear-gradient(45deg, gold, deeppink) 1; position: absolute; top: -5px; left:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
 2025-12-13
评论可见
子比主题 – 文章封面缩略图悬停样式（四款）-识趣者资源

子比主题 – 文章封面缩略图悬停样式（四款）

给子比主题加点美化吧，本篇文章是子比主题文章封面缩略图悬停样式，我这边提供了四款，我觉得还是不错的四款悬停样式，喜欢哪个就部署哪个吧！ 第一款 第二款 第三款 第四款 [hidecontent type="reply"] 根据上面的演示图喜欢哪个将下面的代码放到：子比主题–>>自定义CSS样式即可，别忘了换图标！ 第一款第二款第三款第四款 .item-thumbnail { position: relative; overflow: hidden; transition: transform 0.4s ease; } .item-thumbnail:hover { transform: translateY(-5px); } .item-thumbnail:before { content: ''; position: absolute; top: 0; left: 0;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-03-20
评论可见
子比主题-给LOGO点颜色瞧瞧-识趣者资源
子比美化

美化子比主题-给LOGO点颜色瞧瞧

转载自阿呆日记-给你的logo来点颜色瞧瞧,个人感觉还不错。 请看展示图 [hidecontent type="reply"] 放置子比主题后台自定义CSS代码 .navbar-logo { background-image: linear-gradient(to right, red, blue); /* 修改渐变起始颜色和结束颜色 */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: hue 4s infinite; } @keyframes hue { from { filter: hue-rotate(0deg); } to { filter:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 8天前
#子比美化
 2026-01-05
388积分
子比美化教程 – 仿MACGF单行文章列表小工具-识趣者资源

子比美化教程 – 仿MACGF单行文章列表小工具

仿MACGF单行文章列表小工具 美化效果 食用教程 一、func.php代码 网站目录找到/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在zibll目录创建一个，创建之后记得加php头！ [hidecontent type="payshow"] $widgets_files = array( 'zbfox_single_posts_list.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/fetl/widgets/' . $file; } 此段代码切勿添加多次，否则报错！此段代码切勿添加多次，否则报错！此段代码切勿添加多次，否则报错！ 如果以前添加过其他类似的小工具，那么‘tengfei_banner_four.php’, 这段代码那就只需添加在上一个小工具的下方即可，下面的/fetl/widgets/代表的就是小工具的存放路径。 二、小工具代码 附件上传到：/wp-content/themes/zibll解压即可！ 部署完代码后选择小工具位置：网站后台 -> 外观 -> 小工具 -> ZbFox...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-22
评论可见
子比主题美化 – 底部横向网站信息统计模块-识趣者资源

子比主题美化 – 底部横向网站信息统计模块

介绍 分享一下子比的底部横向网站统计的模块，有博客播报、文章统计、浏览统计，用起来非常美观而且还非常实用的一个底部美化！！！不知道原创是谁，网上的资源整理测试的。 教程 子比主题的主题目录下，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'";?> //用户总数...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-28
评论可见
子比主题美化 – 文章页高亮商用版权提示-识趣者资源

子比主题美化 – 文章页高亮商用版权提示

优化用户体验，文章页高亮商用版权提示功能，帮助用户快速识别内容版权信息，确保合法使用，提升网站合规性与专业性。 效果预览 代码部署 [hidecontent type="reply"] HTMLCSS 代码投放：网站后台->子比主题->文章页面->文章页面底部 <div class="shangye">本站资源均为作者提供和网友推荐收集整理而来，仅供学习和研究使用，请在下载后24小时内删除，谢谢合作！</div> 商图下方下载！ 代码投放：网站后台 -> Zibll主题设置 -> 全局&功能 -> 自定义代码 -> 自定义CSS样式 .shangye { color: white; background: #5282f7 url(你的图片链接) 3px 3px no-repeat; border: 1px solid #5282f7; overflow: hidden;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-26
评论可见
子比美化-文章列表果冻弹跳效果-识趣者资源
美化样式

美化子比美化-文章列表果冻弹跳效果

给网站添加一个鼠标放到文章上会有一个果冻弹跳的效果，主的看上去还是很好玩的，实现这个效果只需要一个CSS即可。 图片展示 教程开始 将下面代码放到主题设置里的自定义CSS即可 [hidecontent type="reply"] .posts.posts-item.card.ajax-item:hover { -webkit-animation: jumps-data-v-6bdef187 1.2s ease 1; animation: jumps-data-v-6bdef187 1.2s ease 1; } @-webkit-keyframes jumps-data-v-6bdef187 { 0% { transform: translate(0); } 10% { transform: translateY(5px) scaleX(1.2) scaleY(0.8); } 30%...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 30天前
#子比美化
 2026-02-27
200积分
子比主题 – 全局边框及卡片拟态动漫小人美化-识趣者资源
子比美化

美化子比主题 – 全局边框及卡片拟态动漫小人美化

效果演示 代码部署 [hidecontent type="payshow"] 把下方代码添加到子比后台-自定义css样式里即可，图片如果相关调整图片链接即可： posts.posts-item.list.ajax-item.flex, .zib-widget, .main-bg { border: 2px solid #1d1d1d; } .posts-item { border: 2.5px solid #212121; } .item-body::after { content: ""; display: inline-block; position: absolute; bottom: 0; right: 1px; background-image: url('https://oss.14wl.cn/wp-content/uploads/2026/02/20260227132759385-689a9e6358cb8da5c81b8500 .png');...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 29天前
#子比美化
 2025-11-24
20积分
子比主题文章标题渐变彩色文字-识趣者资源

子比主题文章标题渐变彩色文字

最近我朋友在通过我这个网站的资源学习美化时，突发奇想要给文章标题加渐变彩色文字，我便按照要求收集了该教程。鼠标滑鼠过去将显示渐变彩色文字。将以下代码添加至网站后台的主题设置-自定义代码-自定义CSS样式即可.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 infinite linear; } @keyframes maskedAnimation {...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2026-02-27
700积分
子比主题-阿呆原创新版动态+静态滚动视差波浪统计页脚-识趣者资源
子比美化

页脚子比主题-阿呆原创新版动态+静态滚动视差波浪统计页脚

预览图 教程 [hidecontent type="payshow"] 在主题文件的footer.php,替换整个文件的代码 <?php /* * @Author : Qinver * @Url : zibll.com * @Date : 2020-09-29 13:18:36 * @LastEditTime: 2023-09-16 13:53:11 * @Email : 770349780@qq.com * @Project : Zibll子比主题 * @Description :...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 30天前
#子比美化
 2026-01-16
评论可见
子比主题美化-文章浏览量超过一定的数量就出现一个热帖图标-识趣者资源

子比主题美化-文章浏览量超过一定的数量就出现一个热帖图标

子比主题美化-文章浏览量超过一定的数量就出现一个热帖图标 效果展示 代码部署 根目录/wp-content/themes/zibll/找到functions.php添加到底部 把代码里面的图片链接替换最下面喜欢的图片链接即可 [hidecontent type="reply"] /*文章开头大于50浏览量出现热帖图片*/ add_filter('the_content', 'add_lu_content_beforde'); function add_lu_content_beforde( $content ) { if( !is_feed() && !is_home() && is_singular() && is_main_query() ) { $viewnum= (int) get_post_meta( get_the_ID(), 'views', true ); if ($viewnum >...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-03
1积分
子比主题-账户注销插件-识趣者资源

子比主题-账户注销插件

子比账户注销插件 这是一个为子比主题(Zibll)开发的用户账户注销插件，让用户可以自主注销账户。 插件演示 功能特点 在用户中心”我的服务”模块添加”账号注销”入口 三步注销流程：声明阅读 → 资产确认 → 最终确认 显示用户资产统计：文章、收藏、评论、粉丝、余额、积分、购物车、订单 订单状态检查：待支付、待发货、待收货、待评价、售后中的订单会阻止注销 安全验证：需输入确认文字 + 登录密码 注销处理：文章转移给站长、评论删除、用户数据清理 后台可配置：注销声明、确认文字、文章转移用户、注销日志 技术实现 使用子比主题的 zib_get_refresh_modal_link 生成弹窗按钮 使用 zib_get_modal_colorful_header 生成彩色头部 通过 zib_user_center_page_sidebar_button_1_args 过滤器添加入口 使用 CSF 框架实现后台配置（通过 zib_require_end 钩子加载） 使用子比主题的 notyf() 显示提示消息...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 53天前
#子比美化
 2026-02-08
500积分
子比主题 – 自定义动态置顶标志-识趣者资源

子比主题 – 自定义动态置顶标志

[hidecontent type="payshow"] /* 文章置顶美化开始*/ @-webkit-keyframes burn{0%{-webkit-clip-path:polygon(51% 94%,44% 93%,40% 92%,35% 89%,31% 83%,32% 77%,34% 71%,38% 62%,38% 55%,38% 47%,42% 52%,45% 56%,45% 53%,45% 47%,45% 42%,46% 40%,49% 35%,50% 44%,51% 49%,54% 54%,56% 59%,58% 62%,59% 56%,60% 52%,63% 57%,63% 62%,61% 68%,63% 72%,65% 77%,67%...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
 2026-01-31
免费
子比主题-标签自动加内链插件-识趣者资源

子比主题-标签自动加内链插件

分享一款自制的标签自动添加外链插件，适合各类内容站点提升运营效率。这款插件无需复杂配...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
1…678910…23跳转