子比美化 第7页
子比主题美化相关教程
分类
排序
2026-01-28
子比主题美化 – 网站“你别走吖 Σ(っ °Д °;)っ”动态标题-识趣者资源

子比主题美化 – 网站“你别走吖 Σ(っ °Д °;)っ”动态标题

我们经常逛别人的网站，有些网站当我们离开该页面浏览其他页面的时候，我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样，当我们点回来的时候页面上面会看到“(/≧▽≦/)你又回来了！”的字样。那么我们如何实现呢？其实很简单，只需一句 javascript 语句即可实现。请看下面的教程。 使用教程 在后台主题设置 >> 自定义代码 >> 自定义 javascript 代码，把下面的代码添加到里面即可实现。 [hidecontent type="reply"] //网站动态标题开始 var OriginTitile = document.title, titleTime; document.addEventListener("visibilitychange", function() { if (document.hidden) { document.title = "你别走吖 Σ(っ °Д °;)っ"; clearTimeout(titleTime)...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-23
子比主题 – 禁止使用余额购买会员（两款）-识趣者资源

子比主题 – 禁止使用余额购买会员（两款）

这是一款给自己的子比主题网站加一个限制，就是禁止用户使用余额购买会员，这里给大家分享两款，还是比较不错的，为了防止用户不用自己的米去买会员！ 一共两款，第一款是：仅禁止“购买会员”使用余额，第二款是：只允许文章内购买使用余额 [hidecontent type="reply"] 喜欢用哪一款就放到：/wp-content/themes/zibll/func.php文件里面，没有文件自己创建，记得加上php头 第一款第二款 // 子比主题：禁止使用余额购买会员 add_filter('zibpay_is_allow_balance_pay', function($allow, $pay_type){ // pay_type: 4=购买会员 if($pay_type == 4){ return false; // 禁止 } return $allow; // 其他情况保持默认 }, 10, 2); // 子比主题：余额仅允许用于文章内消费 add_filter('zibpay_is_allow_balance_pay', function($allow, $pay_type){ //...
识趣资源的头像-识趣者资源至尊会员识趣资源· 11天前
#子比美化
 2025-12-02
子比主题 – 精美弹窗样式美化-识趣者资源右上 左上
底部

免费子比主题 – 精美弹窗样式美化

给大家写了一款不用子比主题的弹窗的一款弹窗，比较精美好看，腾飞把一些没有用的都去掉了，这个弹窗就单独用的JS来写的，没有用多余的，CSS代码也放到JS里面了，很实用，喜欢的自行部署吧！ [hidecontent type="reply"] 定位：子比主题–>>自定义javascript代码，将代码放到里面，自己修改一下里面的内容即可！ jQuery(document).on('click', '.user-online-status .but', function () { var $this = jQuery(this); var $container = $this.closest('.user-online-status'); var status = $this.data('sta'); var nonce = $container.find('#user_online_status_nonce').val() || window.user_online_status_nonce || ''; if ($this.data('processing')) return; $this.data('processing', 1);...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 会员尊享卡片跳转样式-识趣者资源

子比主题 – 会员尊享卡片跳转样式

逛网站的时候发现一个站的会员卡片还是不错的，不过他是没有手机端的，我这边适配了一下手机端，我觉得还是比较好看的，就一个简单的跳转，如果有技术自行跳转子比的modal的会员，喜欢的自行部署吧！ 代码部署 [hidecontent type="reply"] 直接将下面的代码丢到：WP后台–>>外观–>>小工具–>>自定义HTML即可！ <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet"> <style> .member-card-container{max-width:100%;margin:0 auto;padding:10px}.member-st{width:100%;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(to right,#e0f2fe,#bae6fd);border:1px solid rgba(2,132,199,0.1);box-shadow:0 10px 25px -5px rgba(2,132,199,0.1),0 8px 10px -6px rgba(2,132,199,0.1)}.corner-decoration{position:absolute;width:60px;height:60px;background-color:rgba(255,255,255,0.2);z-index:5}.top-left{top:0;left:0;border-radius:0 0 60px 0}.top-right{top:0;right:0;border-radius:0 0 0 60px}.bottom-left{bottom:0;left:0;border-radius:0 60px 0 0}.bottom-right{bottom:0;right:0;border-radius:60px 0 0 0}.member-bgbox{position:absolute;inset:0;background-image:radial-gradient(rgba(2,132,199,0.06) 1px,transparent...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比美化 – 首页tab栏目二次元风-识趣者资源

子比美化 – 首页tab栏目二次元风

效果图： 样式一 样式二 [hidecontent type="reply"] 样式一 样式二 教程 .index-tab ul>li.active{color:#ffffff00!important;background-color:#ffffff00!important;border-radius:6px;z-index:1;position:relative;height:39px;line-height:44px;background:url(/wp-content/themes/Mxchild/assets/img/home_title.png) repeat;-webkit-background-size:91px 39px;-moz-background-size:91px 39px;background-size:91px 39px}.index-tab ul>li{display:inline-block;padding:2px 17px;font-weight:500;border-radius:20px;margin:0 1px} [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-12
子比主题自动发卡插件-识趣者资源

子比主题自动发卡插件

有很人肯定会问网上不是一大堆吗还跑过来发，我是看见网上一大堆这个插件但是里面有那么明显的BUG还是被到处传播某宝某鱼还卖的不亦乐乎1-20元不等，现在免费发布出来已经修复了 积分显示RMB支付的BUG 增加了购买次数的限制，倒卖狗si全家，必须免费传播禁止收费！ 出现启动插件不显示禁用现象 找到插件根目录这个文件 function.php 搜索 function zib_cp_admin_scripts 替换下面的函数就可以解决 add_action('admin_enqueue_scripts', 'zib_cp_admin_scripts'); function zib_cp_admin_scripts($hook) { // 获取当前屏幕信息 $screen = get_current_screen(); // 只在编辑文章/页面和你的插件设置页面加载CSS/JS if (!in_array($hook, array('post.php', 'post-new.php')) && (!$screen || strpos($screen->id, 'zib_cp') === false)) { return;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-28
子比主题-网站资源下载动态按钮美化-识趣者资源

子比主题-网站资源下载动态按钮美化

一般博客网站的文章底部平时需要一些演示，下载的文件之类，都会做个下载，分享按钮方便使用。觉得还不错就分享出来给大家。 效果预览 我这里提供完整代码就不拆分了，按钮文字你也可以自行更改，需要几个按钮，就复制或删除a标签。博客使用：你直接复制css代码放置公共css中，将body中的div节点放到文章需要显示下载的地方即可。 [hidecontent type="reply"] <style> .tp-down-box{ width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .down-btn { letter-spacing: 0.1em; cursor: pointer; font-size: 14px; font-weight: 700; line-height: 45px; width: 23%; max-width: 160px; text-decoration:...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2025-12-13
子比主题 – PC右下角显示网易云热评（三款）-识趣者资源

子比主题 – PC右下角显示网易云热评（三款）

给子比主题PC端右下角加一个显示网易云热评的美化样式，这个功能还是不错的，给自己的网站加上动态的网易云热评，一共是三款，喜欢的自行部署吧！ 第一款 第二款 第三款 代码部署 [hidecontent type="reply"] 喜欢哪一款放到：WP后台–>>外观–小工具–>>自定义HTML，建议放到：所有页面-底部全宽度 第一款第二款第三款 <div id="wniui-popup-window" class="wniui-show-popup-window"> <div class="wniui-popup-header"> <div class="wniui-popup-window-title">网易云热评</div> <span id="wniui-popup-username"></span> <a id="music-link" href="" target="_blank" style="position: absolute; top: 8px; right: 10px;"> <svg style="transition: .3s;height:30px;width:30px;" t="1740280523955" class="icon" viewbox="0 0...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 自带滑块验证图片修改教程-识趣者资源

子比主题 – 自带滑块验证图片修改教程

对于子比的滑动模块我们很多人都不是很喜欢自带的滑动模块的图片，接下来我来教大家怎么自...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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 =...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-28
子比主题美化 – 网站顶部加载进度条-识趣者资源

子比主题美化 – 网站顶部加载进度条

学习如何在子比主题中快速添加并美化网站顶部加载进度条，提升用户体验与网站视觉效果。详细步骤教你从零开始部署，让网站加载更直观。 代码部署 网站后台->Zibll主题设置->自定义代码->自定义头部HTML代码 [hidecontent type="reply"] 建议自行本地化，以免失效。 <script data-pjax src="//npm.elemecdn.com/pace-js@1.2.4/pace.min.js"></script> 样式1样式2 /* 顶部小进度条start */ .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 2000; position: fixed; margin: auto; top: 10px; left: 0;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2025-12-02
子比主题 – 单IP限制多用户注册_代码版-识趣者资源

子比主题 – 单IP限制多用户注册_代码版

很多站长都在纠结的是用户限制一天下载次数，但是有的用户就是去连续注册，一天注册个十几个去下载资源，所以今天星空知给大家分享一个代码版本，喜欢的自行部署吧！ 代码部署 这个代码是实现的单日IP一次注册，有技术的可以去写一个插件或者子主题去写一个限制一天注册多少！ [hidecontent type="payshow"] <?php /* * @Author: Qinver * @Url: zibll.com * @Date: 2024-01-01 * @Description: 用户注册IP限制功能 */ // 防止直接访问 defined('ABSPATH') || exit; /** * 检查IP是否已经注册过用户 */ function zib_check_ip_register_limit($user_ip) { global $wpdb; //...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-31
子比主题 – 文章页隐藏侧边栏按钮-识趣者资源

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

截图 展开 实现 [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天前
#子比美化
 2026-01-28
子比主题-网站右上角添加复制弹出样式-识趣者资源

子比主题-网站右上角添加复制弹出样式

效果演示 投放位置 1.子比主题设置 >> 自定义代码 >> 自定义底部 HTML 代码：添加以下代码：2.其他主题自行添加在主题的 head 或 food 文件底部即可，具体效果自行测试。 [hidecontent type="reply"] <!--第二款复制提示开始--> <script src="https://cdn.jsdelivr.net/gh/1426239465/98dou.cn/fzts/ts.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/1426239465/98dou.cn/fzts/ts.css" /> <script type="text/javascript"> function copy_remind(){ toastr.success("撰文不易，若要转载请务必保留原文链接，谢谢！", "复制成功！"); clear_toastr(1600); // 动态设置消息提示时间 function clear_toastr(time){ setTimeout( function(){...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-13
子比主题 – 前台发布文章离开页面提示保存-识趣者资源

子比主题 – 前台发布文章离开页面提示保存

这是为子比主题前台编辑器添加的一个发布文章离开页面提示保存的功能，当我们在前台发帖或发文章页面编辑一大堆内容，如果忘记手动保存直接访问其他页面后，所有内容就丢失了。此功能就是为了避免这一情况发生，有需要的朋友自行部署吧！ 代码部署： [hidecontent type="reply"] 定位：子比主题后台 – 自定义代码 – 自定义底部HTML代码中添加以下代码（记得修改代码中的网站为你自己的）： <!-- 提示编辑保存js开始--> <script type="text/javascript"> let whiteList = ['/newposts','/posts-edit/'] let flag = whiteList.includes(window.location.pathname) ? true : false let formListenerAdded = false; function listeningForm() { var hasChanges =...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
1…56789…15跳转