子比美化 第20页
排序
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)...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-16
子比主题 - 文章排行榜小工具-识趣者资源

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

功能简介 这个是我之前在一个站点上看到到，他可以展示出热门文章，并且给与其很好的排名，给予读者很好选择，觉得很实用，本来我是集成到我的插件里面，后来我从插件里面抠出来了，整合成了这个，下面是效果图。 功能效果 [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]
识趣资源的头像-识趣者资源至尊会员识趣资源· 19天前
#子比美化
 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天前
#子比美化
 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="开发工具"...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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-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]
识趣资源的头像-识趣者资源至尊会员识趣资源· 3天前
#子比美化
 2026-01-05
子比美化教程 – 子比主题自定义下拉登录框-识趣者资源

子比美化教程 – 子比主题自定义下拉登录框

子比主题自定义下拉登录框 美化效果 食用教程 一、zib-header代码 文件路径：/wp-content/themes/zibll/inc/functions/zib-header.php 搜索以下代码： $href .= '<a href="javascript:;" class="signin-loader"> 将以下代码注释： $href = ((_pz('pay_user_vip_1_s', true) || _pz('pay_user_vip_2_s', true)) && _pz('nav_user_pay_vip', true)) ? '<div><a class="em09 signin-loader but jb-red radius4 payvip-icon btn-block mt10" href="javascript:;">' . zib_get_svg('vip_1', '0...
识趣资源的头像-识趣者资源至尊会员识趣资源· 29天前
#子比美化
 2026-01-22
子比主题 – 简易聊天室插件-识趣者资源

子比主题 – 简易聊天室插件

这是一款子比主题简易聊天室插件，开启插件之后可通过代码来实现位置，代码功能实时同步聊天，很实用的一款插件，可自己放到自己的小工具来实现位置，喜欢的自行部署吧！ 代码部署下载插件之后，将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML，放到你自己想要放的位置！ <!-- 简易聊天室代码--> <div id="zibll-right-chat-toggle" class="float-btn" onclick="document.getElementById('zibll-right-chat').classList.toggle('active')"> <i class="fa fa-comments"></i> <text>聊天室</text> </div> <!-- 代码结束 -->
识趣资源的头像-识趣者资源至尊会员识趣资源· 13天前
#子比美化
 2025-12-13
子比主题 – 自定义右键菜单美化-识趣者资源

子比主题 – 自定义右键菜单美化

给子比主题加一个自定义右键的美化，我觉得这个还是不错的，很简洁而且好看，喜欢的自行部署，当留个笔记吧！ 代码部署 [hidecontent type="reply"] 将下面的代码放到：子比主题–>>自定义底部HTML代码即可，或者也可以放到footer.php文件里面也可以！ 记得修改一下里面的网站地址，要不然用的话都是本站的地址！ <!-- 右键美化 --> <style type="text/css"> a {text-decoration: none;} div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba (0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;} div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block} div.usercm ul li{margin:0px;padding:0px;line-height:35px;} div.usercm ul li a{color:#666;padding:0 15px;display:block}...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
1…181920212223跳转