子比美化 第18页
子比主题美化相关教程
分类
排序
2025-12-23
子比主题 – 子比音乐播放器插件_三种模式-识趣者资源

子比主题 – 子比音乐播放器插件_三种模式

这是一款子比主题音乐播放器插件，带有三种模式，完善的播放器功能和后台设置页面，普通模...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-22
评论可见
子比主题 – 自定义HTML小工具_扩展版-识趣者资源

子比主题 – 自定义HTML小工具_扩展版

这是一款子比主题自定义HTML小工具扩展，WP自带的有自定义html，但是只有一个输入代码的，这款小工具就是方便自己放自己的代码，并且功能加了一点，喜欢的自行部署吧！ [hidecontent type="reply"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_html.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_html.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_html.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 子比主题自定义HTML小工具扩展版下载提取码WC5L [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-22
评论可见
子比主题 – 导航矩阵小工具组件-识趣者资源

子比主题 – 导航矩阵小工具组件

这是一款子比主题导航矩阵小工具组件，这款组件类似优设站，改了点东西，喜欢的自行部署吧，还是比较不错的，小工具配置齐全！ 小工具配置 代码部署 [hidecontent type="reply"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_navigation.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_navigation.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_navigation.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 子比主题导航矩阵小工具组件附件下载提取码4ZTW [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-15
评论可见
子比主题 – 首页搜索栏按钮&透明边框美化-识趣者资源

子比主题 – 首页搜索栏按钮&透明边框美化

教程 [hidecontent type="reply"] 首先我们要知道改哪个文件，首先我们就是改：/zibll/inc/functions/zib-search.php 首先我们要改两个地方然后加上CSS就可以了第一处第二处自定义CSS样式 第三个地方就简单了，直接放到我们的 子比主题–>>自定义CSS样式 即可 文件一： 我们进去搜：“ search-form ”，大概在548行的代码，如下图，跟我一样将代码注释或删掉，然后放入下面的代码 $form_html = '<form method="get" class="padding-10 search-form tengfei_search_frame" action="' . esc_url(home_url('/')) . '">' . $type_html . '<div class="line-form">' . $cat_html . $input_html . '</div></form>'; 到了第二个地方，我们还是在：/zibll/inc/functions/zib-search.php 文件里面改 我们要搜下面的代码 esc_attr(strip_tags($args['s'])); 然后我们搜到之后如下图注释然后换成我的代码，大概在525行...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-14
评论可见
子比主题侧边栏悬浮按钮美化-识趣者资源

子比主题侧边栏悬浮按钮美化

教程 [hidecontent type="reply"] /*悬浮美化开始kobai.top*/ .float-right .ontop { --this-color: #ffffff; --this-bg: linear-gradient(123deg, #461B93 0%, #461B93 40%, #6A3CBC calc(40% + 1px), #6A3CBC 60%, #8253D7 calc(60% + 1px), #8253D7 70%, #F78F1E calc(70% + 1px), #F78F1E 100%); } .float-right...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 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]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 自定义右键菜单优化版-识趣者资源

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

教程 [hidecontent type="reply"] <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; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); position: absolute; display: none;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 系统弹窗跳转引导提醒（第二版）-识趣者资源

子比主题 – 系统弹窗跳转引导提醒（第二版）

教程 [hidecontent type="reply"] 在子比后台-自定义底部HTML代码中添加以下代码（跳转链接自行替换） <script type="text/javascript"> try{ if($||jQuery){ tipsFun(); }else{ let script=document.createElement("script"); script.type="text/javascript"; script.src="https://cdn.mac89.com/common/static/static/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(script); script.onload=tipsFun; } function tipsFun(){ const platform=navigator.platform; if((platform=="Win32")||(platform=="Windows")||(platform=="MacIntel")||(platform=="MacPPC")||(platform=="Mac68K")||(platform=="MacOS")){ let curTime=new Date().getTime(); if(!window.localStorage.hasTips||((curTime-window.localStorage.hasTips)>=86400000)){ setTimeout(()=>{ $(document).ready(function(){ let tipHtml=` <div class="tip-box" id="tip-box" style=" position:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 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)...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题美化-首页tab栏目和多栏目tab圆角改成直角-识趣者资源

子比主题美化-首页tab栏目和多栏目tab圆角改成直角

预览图 原来的样子 修改后的样子 [hidecontent type="reply"] 把下面代码放到自定义代码-自定义css即可 可以自行调节圆角尺寸 /*daixm.daixb.top 阿呆日记*/ .index-tab ul>li { border-radius: 5px; } [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 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'; // 创建半透明遮罩...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题-右上角开通会员紫蓝渐变色-识趣者资源

子比主题-右上角开通会员紫蓝渐变色

教程 [hidecontent type="reply"] 放到后台css即可 .payvip-icon { color: #ffffff; --this-color: #ffffff; border-radius: 10px; background-image: linear-gradient(150deg,#6a11cb 30%,#2575fc 100%); } [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题-自定义网页鼠标右键菜单美化-识趣者资源

子比主题-自定义网页鼠标右键菜单美化

教程 [hidecontent type="reply"] 把下面代码放到自定义代码-自定义html底部 <div class="usercm"> <div class="quick-nav"> <a href="javascript:;" id="menu-back" title="后退"><i class="fa fa-arrow-left"></i></a> <a href="javascript:;" id="menu-forward" title="前进"><i class="fa fa-arrow-right"></i></a> <a href="javascript:;" id="menu-top" title="返回顶部"><i class="fa fa-arrow-up"></i></a> <a href="javascript:;" id="menu-refresh" title="刷新页面"><i class="fa fa-refresh"></i></a> </div> <ul> <li><a...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 顶部多功能组件上方时间显示-识趣者资源

子比主题 – 顶部多功能组件上方时间显示

教程 [hidecontent type="reply"] 把下面的的代码放到 <div class="header-slider-search-more text-center before"> <div id="timeDisplay" class="time-display">19:07:48</div> <!-- 日期显示区域 --> <p id="dateDisplay" class="date-display">Tuesday, November 25, 2025</p> <script> // 更新时间和日期的函数 function updateTimeAndDate() { const now = new Date(); // 格式化24小时制时间 (HH:MM:SS) const...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题美化 – 新发布文章列表角标NEW-识趣者资源

子比主题美化 – 新发布文章列表角标NEW

教程 [hidecontent type="reply"] 在主题目录 func.php 文件添加如下代码。 （func.php = functions.php）看过狐狸以前的文章应该都懂，以后就不解释了。 文件路径：/www/wwwroot/baicaima.com/wp-content/themes/zibll/functions.php /*新文章发布角标 */ function add_zbfox_new_post_label($title, $id) { if (!is_admin() && !is_single()) { $post_time = get_the_time('U', $id); if (time() - $post_time <= 24 * 60 * 60) { $title...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
1…1617181920…24跳转