子比美化 第13页
子比主题美化相关教程
分类
排序
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(){...
识趣资源的头像-识趣者资源至尊会员识趣资源· 6天前
#子比美化
 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-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天前
#子比美化
 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个月前
#子比美化
 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> <!-- 代码结束 -->
识趣资源的头像-识趣者资源至尊会员识趣资源· 12天前
#子比美化
 2025-12-11
子比主题-文章列表移入上浮蓝色边框扫动效果-识趣者资源

子比主题-文章列表移入上浮蓝色边框扫动效果

预览图 [hidecontent type="reply"] 下面代码放入WordPress后台-zibll主题设置-全局-自定义JavaScript代码 document.addEventListener('DOMContentLoaded', function () { const postsElements = document.querySelectorAll('posts.posts-item'); postsElements.forEach((element) => { if (element.classList.contains('posts-item')) { element.classList.add('alone'); } }); }); 下面代码添加到自定义css即可 .posts-item.alone {position:relative;overflow:hidden;transition:all .3s ease;} .posts-item.alone:hover {position:relative;z-index:1;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.2),0 0 0 2px...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-11-24
子比主题美化用户中心添加UID、加入时间-识趣者资源

子比主题美化用户中心添加UID、加入时间

本功能是为我们的网站的用户中心处添加UID显示及加入网站已多少天那种，另外一个样式可以自己在源码那边设置修改，废话不多说上效果图。 将下列代码添加至子比主题根目录文件夹的functions.php中即可 [hidecontent type="reply"] /* * 定义用于显示用户ID的函数 * 'but'是配合函数赋予class样式'but'在子比主题内通常是按钮样式可配合c-blue或jb-pink赋予色彩 * c系列为透明背景，颜色有c-blue、c-blue-2、c-cyan、c-gray、c-green、c-green-2、c-purple、c-purple-2、c-red、c-red-2、c-theme、c-white、c-yellow、c-yellow-2 * jb系列为非透明渐变色背景，颜色有pay-tag、jb-red、jb-pink、jb-yellow、jb-blue、jb-cyan、jb-green、jb-purple、jb-vip1、jb-vip2 */ function ZbTool_user_id_to_desc($desc, $user_id) { // 初始化变量 $day = true; // 可以根据需要进行动态设置 $uid = true; // 可以根据需要进行动态设置 $pay_price = true; // 可以根据需要进行动态设置...
识趣资源的头像-识趣者资源至尊会员识趣资源· 3个月前
#子比美化
 2026-01-13
子比主题 – 文章标题自定义文字或图标前缀-识趣者资源

子比主题 – 文章标题自定义文字或图标前缀

这是一款文章标题自定义文字或图标前缀，图标前缀是固定的，可以自己去文件改一下，这个角标是初一站长写的样式，给子比标题前加一个非常好看的样式，还是不错的，喜欢的自行部署吧！ [hidecontent type="payshow"] 一共有两个代码，跟着我步骤走不会有问题，话不多说直接开始！ func代码CSS代码 定位：/wp-content/themes/zibll/func.php文件里面，没有这个文件自己创建一个，记得加上php头，要不然会报错的，将下面的代码放里面，里面的图标有三个图标，你有技术可以自己扩展一下！ CSF::createMetabox('DearLicy_titles', array( 'title' => '标题前缀', 'post_type' => 'post', 'context' => 'advanced', 'data_type' => 'unserialize', 'priority' => 'high', )); CSF::createSection( 'DearLicy_titles', array( 'fields' => array( array( 'id' => 'titles_moshi', 'type'...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
 2026-01-19
子比主题-新发布NEW-识趣者资源

子比主题-新发布NEW

[hidecontent type="payshow"] 函数源码： 在子比主题目录下“func.php”(子比主题推荐放这里）或者“functions.php”，在合适位置放下面PHP代码。 /** * 新文章发布New小图标 */ function xinwenzhang_post_newicon($post){ //date_default_timezone_set('PRC'); $wiui_date = date("Y-m-d H:i:s"); $wiui_post_date = get_the_time('Y-m-d H:i:s', $post); $wiui_diff = (strtotime($wiui_date)-strtotime($wiui_post_date))/3600; if($wiui_diff<24){ $wiui_new_icon = '<div class="tianyishangke-new-icone"><img src="/wp-content/themes/zibll/img/ico_new.png" draggable="false" alt="最新文章" /></div>'; }else if (is_sticky()){...
识趣资源的头像-识趣者资源至尊会员识趣资源· 16天前
#子比美化
 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'; // 创建半透明遮罩...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-24
子比主题 – 推广主题购买页面（一键部署）-识趣者资源

子比主题 – 推广主题购买页面（一键部署）

这是一款子比主题推广主题购买页面，你这里直接部署就可以，我这边已经打包好，这个页面可...
识趣资源的头像-识趣者资源至尊会员识趣资源· 11天前
#子比美化
 2026-02-03
子比主题 – 订单查询插件（快速查询网站订单的利器）-识趣者资源

子比主题 – 订单查询插件（快速查询网站订单的利器）

子比订单查询插件是为WordPress子比主题设计的一款功能强大的插件，旨在为网站管...
识趣资源的头像-识趣者资源至尊会员识趣资源· 昨天
#子比美化
 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]
识趣资源的头像-识趣者资源至尊会员识趣资源· 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天前
#子比美化
1…1112131415跳转