子比美化 第20页
子比主题美化相关教程
分类
排序
2026-02-18
500积分
子比主题 – 文章顶部添加文章信息（纯代码版）-识趣者资源
子比美化

功能子比主题 – 文章顶部添加文章信息（纯代码版）

演示效果 部署教程 [hidecontent type="payshow"] 把以下代码放入 functions.php 即可 function add_custom_html_to_wz() { if(is_single()&& get_post_type() === 'post'){ ?> <style> @media screen and (min-width:768px) { .head_box_mx { color:white; position:relative; text-align:center; box-sizing:border-box; margin-top:-20px; margin-bottom:20px; } } @media screen and (max-width:768px)...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 38天前
#子比美化
 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]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 28天前
#子比美化
 2026-01-31
评论可见
子比主题-动态LOGO变色代码-识趣者资源

子比主题-动态LOGO变色代码

如何让主题LOGO自动变色，不用做动态图，以下代码放到子比主题后代自定义代码中就可以实现，目前只测试过子比主题，其他主题自行测试。 [hidecontent type="reply"] <!--LOGO变色-初晨--> <style>.navbar-logo{animation: hue 4s infinite;}@keyframes hue {from {filter: hue-rotate(0deg);}to {filter: hue-rotate(-360deg);}}</style> [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-23
评论可见
子比主题 – 未登录操作提示弹窗代码-识趣者资源

子比主题 – 未登录操作提示弹窗代码

这段代码是基于 WordPress 的后端 AJAX 接口扩展代码，主要服务于采用子比（Zibll）主题的网站，核心作用是：当未登录用户触发私信、签到、余额充值、积分充值等需要用户身份的操作时，自动返回统一风格的 “请先登录” 提示弹窗，既保障网站功能安全，也给用户清晰的操作指引。 [hidecontent type="reply"] 以下代码放入func.php或functions.php中即可 add_action('wp_ajax_nopriv_private_window_modal', function() { if (isset($_SERVER['HTTP_REFERER']) && strcmp($_SERVER['HTTP_HOST'], parse_url($_SERVER["HTTP_REFERER"])['host']) != 0) exit(); echo ' <div class="tuc-c602702c-b4253a-0 modal-colorful-header colorful-bg jb-blue tuc-c602702c-b4253a-0"> <button class="tuc-c602702c-b4253a-0 close tuc-c602702c-b4253a-0" data-dismiss="modal"> <svg...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 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
评论可见
子比美化 – 评论区增加开通会员按钮-识趣者资源

子比美化 – 评论区增加开通会员按钮

演示图 教程 [hidecontent type="reply"] </button> <a class="but c-red btn-input-expand input-image mr6 pay-vip"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-vip_1"></use></svg><span class="hide-sm">加入VIP</span> </a> [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2026-03-06
评论可见
子比主题 – 首页顶部搜索框美化（两款）-识趣者资源
子比美化

美化子比主题 – 首页顶部搜索框美化（两款）

给子比的顶部搜索框加一个美化，我觉得这种方形的搜索框还是比较的好看的，喜欢的自行部署吧，一共是两款美化样式！ 第一款 第二款 代码部署 [hidecontent type="reply"] CSS代码放到：子比主题–>>自定义CSS样式，JS代码放到：子比主题–>>自定义javascript代码 第一款第二款 CSS代码 .header-slider-search .line-form{ border-radius:5px; } .header-slider-search .line-form .abs-right button{ background: #0088ff; color: rgb(255, 255, 255); border-radius: 5px; margin-right: -28px; height: 51.28px; padding: 10px; border-bottom-left-radius: 0px; border-top-left-radius: 0px;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 21天前
#子比美化
 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-23
评论可见
子比主题 – 多导航小工具_附svg图标-识趣者资源

子比主题 – 多导航小工具_附svg图标

这是一款子比主题多导航小工具，这款多导航小工具集成了分类导航、网站统计、用户动态三合一等展示，包括小工具配置具有很全的功能，喜欢的自行部署吧！ 小工具配置 代码部署 [hidecontent type="reply"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_more_navigation.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_more_navigation.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_more_navigation.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 附件下载 子比主题多导航小工具附件下载提取码FYBu svg图标 我只放了六个，更多的可以下载Adobe Illustrator自己导出 svg磨砂图标下载提取码FYBu [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-02
评论可见
子比主题-杂志轮博文章显示-识趣者资源

子比主题-杂志轮博文章显示

亮点 ✅ 纯代码实现：无需安装任何插件，不增加数据库负担✅ 自动更新：每次发布新文章，轮播自动显示最新内容✅ SEO 友好：标准 HTML 结构，图片带 alt 属性，链接可点击✅ 适配 Zibll：自动继承主题配色（--theme-color），支持深色模式✅ 性能优化：CDN 加载 Owl Carousel，图片懒加载，不影响页面速度 安装步骤（只需 2 步） 第 1 步：创建 MU 插件文件 通过 FTP 或 宝塔面板/主机文件管理器 进入网站目录 找到 /wp-content/ 文件夹 创建新文件夹：mu-plugins（如果没有这个文件夹，必须手动创建） 在 mu-plugins 文件夹内 新建文件：zibll-carousel.php 将以下完整代码复制进去并保存： [hidecontent type="reply"] <?php /** * Plugin Name: Zibll 文章轮播组件（无标题纯净版） * 保存位置：/wp-content/mu-plugins/zibll-carousel-notitle.php...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 53天前
#子比美化
 2026-02-14
500积分
子比美化-状态功能代码版-识趣者资源
子比美化

美化子比美化-状态功能代码版

功能简介 这是一个为WordPress网站开发的用户在线状态管理系统，提供了类似社交平台的用户状态功能。不是原作者，二改的！ 主要功能 多状态支持 ：在线、离开、忙碌、离线四种状态 智能监测 ：自动检测用户活动状态并更新 实时交互 ：AJAX异步更新状态，无需刷新页面 视觉反馈 ：头像上显示状态指示器，直观明了 后台管理 ：完整的后台管理界面，支持批量操作 性能优化 ：缓存机制减少数据库查询 技术实现 用户在线状态表 ：存储用户ID、状态、最后更新时间和手动设置标志 用户元数据 ：使用WordPress用户元数据存储活动时间和登录状态 状态管理函数 ：处理状态的获取、更新和缓存 活动检测函数 ：判断用户是否处于活动状态 定时任务函数 ：定期检查和更新用户状态 缓存管理函数 ：处理状态缓存的读写和清除 AJAX交互 ：使用jQuery AJAX实现无刷新状态更新 响应式CSS ：适配不同屏幕尺寸的样式设计 头像集成 ：通过过滤器在头像上添加状态指示器...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 41天前
#子比美化
 2026-03-08
评论可见
子比主题-侧边栏小工具彩色标签云-识趣者资源
子比美化

美化子比主题-侧边栏小工具彩色标签云

标签云修改需要用到只有简单的CSS代码，我们先来看下效果图吧！ 示例图 步骤一：使用小工具 打开小工具找到侧边栏，点击进去之后点击添加小工具选择Zibll标签云，然后就是参数了，因为追求工整选择了固定宽度，标签数量也选择了24个(3的倍数随意就好) 步骤二：CSS代码 加入到主题后台的自定义CSS样式里保存即可 [hidecontent type="reply"] /*文章随机彩色标签*/ .widget-tag-cloud.fixed-width .but:hover{opacity: 1;}.widget-tag-cloud.fixed-width .but{opacity: 0.6;line-height: 20px !important;padding: 4px 10px !important;font-size: 12px !important;}.widget-tag-cloud.fixed-width .but:nth-child(5n){background-color: #4A4A4A;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+3){background-color: #1ac756;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+4){background-color: #19B5FE;color:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 19天前
#子比美化
 2026-02-26
免费
评论可见
子比主题美化 – 首页排行榜-识趣者资源
子比页面

功能子比主题美化 – 首页排行榜

网站设立排行榜的好处多种多样，以下是一些可能的好处： 提升用户体验：排行榜可以提供用户感兴趣的内容，让用户更方便地找到他们想要的信息。这种互动形式可以吸引用户的注意力，提高用户在网站上的停留时间和页面浏览量。 增加网站流量：排行榜往往会吸引用户的点击，从而增加网站的访问量。这有助于提高网站的曝光度和知名度。 引导用户行为：通过设立不同的排行榜，网站可以引导用户的行为，比如鼓励用户参与某种活动，或者推广某种产品。 建立品牌形象：排行榜也是展示网站或品牌形象的一种方式。例如，如果一个网站的音乐排行榜总是能引领潮流，那么这个网站就会被认为是音乐领域的权威。 促进内容创新：为了能在排行榜上获得好名次，内容创作者可能会努力创作更优质的内容。这有助于促进网站内容的创新和提升。 增加广告收入：如果排行榜吸引了大量的用户关注，那么网站就可以通过出售广告位来增加收入。 总的来说，设立排行榜可以根据你的需求和目标来提升网站的整体质量和用户体验，从而增加网站的流量和收入。 教程 [hidecontent type="reply"] 在主题的func.php中引入 //排行榜 function get_post_thumbnail_url($post_id) { $thumbnail_url = get_the_post_thumbnail_url($post_id, 'thumbnail'); if (empty($thumbnail_url)) { $content = get_post_field('post_content', $post_id); if (strpos($content, '<img') !== false) { preg_match('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $content,...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 29天前
#子比美化
 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-27
评论可见
子比主题美化 – 列表文章封面添加动态缩略图-识趣者资源

子比主题美化 – 列表文章封面添加动态缩略图

给自己子比主题加一个列表文章封面添加动态缩略图 教程 把css代码加入后台即可 [hidecontent type="reply"] /*动态圆圈*/ .item-thumbnail:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0); transition: background .35s; border-radius: 8px; z-index: 2; max-width: 765px; margin: 0 auto; pointer-events:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
1…181920212223跳转