子比美化 第31页
标签
排序
2025-12-13
评论可见
子比主题 – 给文章页图片添加遮罩版权图片-识趣者资源

子比主题 – 给文章页图片添加遮罩版权图片

教程 [hidecontent type="reply"] 在子比后台-自定义javascript代码中添加以下代码（图片链接自行替换） //文章内页增加图片遮罩开始 document.addEventListener('DOMContentLoaded', function() { const images = document.querySelectorAll('.article-content > .theme-box > .wp-block-image > img'); images.forEach(img => { // 创建包裹容器 const wrapper = document.createElement('div'); wrapper.style.position = 'relative'; wrapper.style.display = 'inline-block'; // 创建半透明遮罩...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
 2026-01-28
评论可见
子比主题美化 – 滚动显示新用户注册公告提示-识趣者资源

子比主题美化 – 滚动显示新用户注册公告提示

今天分享一款利用子比主题的滚动公告模块自动调用新注册用户提示，利用SQL查询来获取新注册的用户结果并生成HTML代码。 代码部署将下面的函数放到主题的 functions.php 中 [hidecontent type="reply"] function new_user_notice() { global $wpdb; // 定义SQL查询来获取最新注册的十个用户 $sql = "SELECT ID, user_login, user_registered FROM $wpdb->users ORDER BY user_registered DESC LIMIT 10"; //将10改为20则获取20个用户 // 执行查询 $users = $wpdb->get_results($sql); $slides =...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 修改免费/付费资源背景底色-识趣者资源

子比主题 – 修改免费/付费资源背景底色

这是一款子比主题修改免费/付费资源背景底色教程，首先子比主题有三个背景颜色在文章列表如：免费资源、付费资源（付费资源有积分付费和余额付费），我将一一说一下怎么改，改哪里，话不多说直接开始！ 代码部署 [hidecontent type="reply"] 定位：/wp-content/themes/zibll/inc/functions/zib-posts-list.php文件，里面搜“免费资源”，记住里面有三个免费资源，注意看我下面的图片是哪个地方，如下图和讲解 如上图我都标注好了，那么下面的表格我将提供子比主题自带的背景颜色样式，喜欢什么自己改！ class样式class样式class样式c-red红色文字b-theme主题背景色jb-red渐变红色背景c-yellow橙色文字b-red红色背景jb-yellow渐变橙色背景c-blue蓝色文字b-yellow橙色背景jb-blue渐变蓝色背景c-blue-2深蓝色文字b-blue蓝色背景jb-green渐变绿色背景c-green绿色文字b-green深蓝色背景jb-purple渐变紫色背景c-purple紫色文字b-purple紫色背景jb-vip1渐变金色背景jb-vip2渐变黑色背景 [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
 2026-01-25
评论可见
子比主题 – 新闻版块小工具-识趣者资源

子比主题 – 新闻版块小工具

这是一款子比主题新闻板块小工具，这款小工具带有轮播和轮播下文章和文字，并且右边带有排行榜，很实用的一款小工具，喜欢的自行部署吧！ 小工具配置 代码部署 [hidecontent type="reply"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_news_section.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_news_section.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_news_section.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 子比主题新闻版块小工具下载提取码WQ2t [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-31
免费
子比主题 – 通知框美化插件-识趣者资源

子比主题 – 通知框美化插件

介绍 一款美化子比自带的notyf通知框的插件，两种样式如下 ...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 文章上方推广样式代码-识趣者资源

子比主题 – 文章上方推广样式代码

教程 [hidecontent type="reply"] WP后台–>>外观–>>自定义HTML，将下面的代码放里面即可，建议放到：文章页-主内容上面！当然你可以放在任何位置！ <style> .huijuf-info-module-box,.huijuf-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}.huijuf-info-module-box{margin:1.5em 0 .8em 0 !important;max-width:100% !important;margin-left:auto !important;margin-right:auto !important}.huijuf-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(--huijuf-module-color1)...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
 2026-01-16
520积分
评论可见
子比主题 - 文章排行榜小工具-识趣者资源

子比主题 – 文章排行榜小工具

功能简介 这个是我之前在一个站点上看到到，他可以展示出热门文章，并且给与其很好的排名，给予读者很好选择，觉得很实用，本来我是集成到我的插件里面，后来我从插件里面抠出来了，整合成了这个，下面是效果图。 功能效果 [hidecontent type="reply"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'widget-ranking-posts.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/xkzhi/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：widget-ranking-posts.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在widget-ranking-posts.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-03-20
188积分
子比主题-动态星空萤火背景-识趣者资源
子比美化

美化子比主题-动态星空萤火背景

此篇文章搬运自阿呆日记,已适配日夜模式,喜欢的请自行部署 预览图 [hidecontent type="payshow"] 后台自定义CSS添加以下代码 /* 暗色主题星空背景样式 */ .dark-theme { box-sizing: border-box; padding: 0; margin: 0; } .dark-theme body { background: #22313f; position: relative; } .dark-theme #starsContainer { position: absolute; top: 0; left: 0; right:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-31
20积分
子比主题 – 文章页隐藏侧边栏按钮-识趣者资源

子比主题 – 文章页隐藏侧边栏按钮

截图 展开 实现 [hidecontent type="payshow"] 在主题的function.php中添加 // 侧边栏切换 add_action('wp_footer', function() { if (!is_single()) return; echo '<style>.stg{width:36px;height:20px;background:#ccc;border-radius:20px;cursor:pointer;position:relative;margin-left:8px}.stg::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:.2s}.stg.on{background:var(--focus-color)}.stg.on::after{left:18px}</style>'; echo '<script>jQuery(function($){var b=$("body"),m=$(".single-metabox"),o=b.attr("class").match(/site-layout-[23]/);if(!m.length||!o)return;o=o[0];var s=$("<span class=stg>").appendTo(m),k="zib_hide_sidebar";if(localStorage[k]==="1"){b.removeClass(o).addClass("site-layout-1");s.addClass("on")}s.click(function(){s.toggleClass("on");b.toggleClass("site-layout-1 "+o);localStorage[k]=s.hasClass("on")?"1":"0"})})</script>'; }); [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 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="开发工具"...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
1…2930313233…36跳转