子比美化 第14页
子比主题美化相关教程
分类
排序
2026-02-27
2
子比主题-广告位插件（支持到期时间）-识趣者资源
子比插件

插件子比主题-广告位插件（支持到期时间）

这是一款适配子比主题的广告插件,支持图片广告和文字广告,可以在后台设置广告的到期时间...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 29天前
#子比美化
 2026-01-27
评论可见
子比主题-图标美化-识趣者资源

子比主题-图标美化

 在博客的世界里，子比主题备受青睐。想让你的子比主题独具魅力吗？本文将聚焦子比主题原本图标美化，为你详细剖析用法，助你轻松打造个性十足、令人眼前一亮的博客页面。效果展示使用方法将上面代码放入到zibll文件夹下function.php文件中或者新建一个func.php放入其中，不用我的js可以自己下载压缩包文件引用[hidecontent type="reply"]function icon_new_js(){ wp_enqueue_script( 'sc-icon', 'https://47zhe.cn/js/svg-icon.js', array(), true ); }add_action( 'wp_footer', 'icon_new_js' ); js文件包下载提取码b3gh[/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 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
评论可见
子比主题 – 网站进入Loading加载动画（两款）-识趣者资源

子比主题 – 网站进入Loading加载动画（两款）

这是一款给进入网站进行一个Loading加载动画样式，我觉得这个样式还是不错的，我这里分享两款加载动画，喜欢的自行部署吧！ 第一款 第二款 代码部署 [hidecontent type="reply"] 一共两款，我图片都放下面，喜欢哪一个下载哪一个，CSS代码都是一样的，只是动态图片不一样！ 将下面的CSS放到：子比主题–>>自定义CSS样式即可！ /*加载动画*/ body:after { content: " "; position: fixed; inset: 0; background-color: white; z-index: 999; background-image: url(svg路径链接); background-repeat: no-repeat; background-position: center; background-size: 30%; animation: fadeOut 3s; animation-fill-mode: forwards;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 首页底部登录弹窗模块-识趣者资源

子比主题 – 首页底部登录弹窗模块

这是一款子比主题底部登入弹窗模块，在逛网站的时候扒的别人，优化了一下CSS代码，因为他那个样式是直接显示的，感觉不美观，我这里加了点显示延迟，话不多说直接开始！ 代码部署 [hidecontent type="reply"] func代码CSS代码 我们到：/wp-content/themes/zibll/func.php这个文件里面，没有这个文件创一个，记得加php头，要不然报错，将下面的代码放到里面 /*子比主题底部登录美化样式*/ function zibll_Add_ons_footer_sidebar_display() { if (is_user_logged_in()) { return; } $sidebar_html = ' <div class="wapnone"> <div class="footSideBar footNoSideBar" style="" data-v-468191f6=""> <div class="left_warp"> <p class="left_word">一键注册登录，免费下载更多的资源教程</p> <ul class="login_ad_list"> <li class="login_ad_item"> <img src="//pub-cdn-oss.chuangkit.com/ad_position/07b0bea0b5ff4a4a86821440 2dffbe06"...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 禁用提醒弹窗_新增禁用提示-识趣者资源

子比主题 – 禁用提醒弹窗_新增禁用提示

这个弹窗个人觉得很好看，一般只有“复制提醒（未附带复制失败提醒）”、“禁用F12”、“禁用鼠标右键”，腾飞博客这里把常见的“禁用Ctrl+U”、“禁用Ctrl+S”、“禁用Ctrl+Shift+I”等都分享给大家，新增了“禁用Ctrl+P”、“禁用Ctrl+F” 代码部署 [hidecontent type="reply"] 一共两个地方的代码，跟着我的步骤走不会有问题，话不多说直接开始 禁用代码弹窗样式 我们直接到目录：/wp-content/themes/zibll/header.php，然后我们将下面代码丢到这个文件的最底部就可以了，或者更方便的方法，那就是直接放到：子比主题–>>自定义头部HTML代码即可！ <script> document.onkeydown = function(event) { if (event.ctrlKey && event.keyCode == 83) { // Ctrl + S event.preventDefault(); new Vue({ data: function() { this.$notify({ title: "哎！你瞧瞧你", message: "网页得换方法保存哦~", position:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-27
80积分
子比主题美化 – 个人中心按钮修改成头像显示-识趣者资源
子比美化

美化子比主题美化 – 个人中心按钮修改成头像显示

个人觉得使用头像显示比图标显示来的美观实用，找了好久才找到这个方法修改原主题头像的方法，如果对您有帮助，记得保存收藏本站哈。 效果图 子比主题的个人中心的默认图标不太好看，就算用户已经登录，也不会显示用户的头像。 修改的意图是提高识别度和用户展示性 教程 [hidecontent type="payshow"] 打开子比文件zib-header.php路径地址为 wp-content/themes/zibll/inc/functions/zib-header.php 找到第156行代码开始进行注释，如下： $sign_but = '<li><a href="javascript:;" class="btn' . ($user_id ? '' : ' signin-loader') . '">' . zib_get_svg('user', '50 0 924 924') . '</a> <ul class="sub-menu"> '...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 28天前
#子比美化
 2026-02-27
200积分
子比主题 – 全局边框及卡片拟态动漫小人美化-识趣者资源
子比美化

美化子比主题 – 全局边框及卡片拟态动漫小人美化

效果演示 代码部署 [hidecontent type="payshow"] 把下方代码添加到子比后台-自定义css样式里即可，图片如果相关调整图片链接即可： posts.posts-item.list.ajax-item.flex, .zib-widget, .main-bg { border: 2px solid #1d1d1d; } .posts-item { border: 2.5px solid #212121; } .item-body::after { content: ""; display: inline-block; position: absolute; bottom: 0; right: 1px; background-image: url('https://oss.14wl.cn/wp-content/uploads/2026/02/20260227132759385-689a9e6358cb8da5c81b8500 .png');...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 29天前
#子比美化
 2025-12-13
评论可见
子比主题 – 悬浮按钮添加繁简体切换-识趣者资源

子比主题 – 悬浮按钮添加繁简体切换

给子比主题自带的悬浮按钮添加繁简体切换，这个功能我觉得还是比较实用的，毕竟很多人喜欢用繁体，喜欢的自行部署一下，跟着我的教程走就行，话不多说直接开始！ 代码部署 [hidecontent type="reply"] 首先我们到目录：/wp-content/themes/zibll/inc/options/admin-options.php这个文件里面，然后我们搜 当前页面二维码 然后我们把代码放到这个的上面，如下图和代码！ array( 'title' => '繁简切换', 'desc' => '<div class="c-yellow"><i class="fa fa-fw fa-info-circle fa-fw"></i>此按钮建议放置在最顶部或者最底部 - 腾飞博客</div>', 'id' => 'traditional_chinese', 'type' => 'accordion', 'accordions' => array( array( 'title' => '繁简切换', 'fields'...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 用户中心增加我的投诉页面（三款）-识趣者资源

子比主题 – 用户中心增加我的投诉页面（三款）

给子比用户中心加一个投诉的页面，这样就可以让很多用户可以看到自己投诉的用户什么时候能否处理好，之前就是在子比后台显示，那么让他前台也显示了一下，更美观，一共三款样式，话不多说直接开始！ 第一款 第二款 第三款 代码部署 [hidecontent type="reply"] 定位：/wp-content/themes/zibll/inc/functions/user/page.php文件，我们搜下面的函数 function zib_user_ctnter_main_tabs_array_filter_main($tabs_array) 然后在官方认证下面添加下面的代码！ $tabs_array['complaint'] = array( 'title' => '我的投诉', 'nav_attr' => 'drawer-title="我的投诉"', 'content_class' => 'complaint-settings', 'loader' => '<div class="zib-widget"> <div class="placeholder k1 mb10"></div> <div class="placeholder k1 mb10"></div>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-20
子比主题-添加一个朋友圈样式的友情链接页面-识趣者资源
子比美化

功能子比主题-添加一个朋友圈样式的友情链接页面

效果图 新建页面代码 [hidecontent type="payshow"] <?php /* *Template Name: 链接检测模版 *网站:n.navw.cn */ get_header(); // 网址访问判断 function httpcode($url){ $ch = curl_init(); $timeout = 5; curl_setopt($ch,CURLOPT_FOLLOWLOCATION,1); curl_setopt($ch,CURLOPT_RETURNTRANSFER,1); curl_setopt($ch, CURLOPT_HEADER, 1); curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout); curl_setopt($ch,CURLOPT_URL,$url); curl_exec($ch); return $httpcode...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 36天前
#子比美化
 2026-02-07
评论可见
子比主题 – 动态时钟与问候语小工具-识趣者资源

子比主题 – 动态时钟与问候语小工具

演示图 [hidecontent type="reply"] <div class="dynamic-greeting"> <div class="time-section"> <div class="time-display"> <span id="hours">00</span> <span class="colon">:</span> <span id="minutes">00</span> <span class="colon">:</span> <span id="seconds">00</span> </div> <div class="date-display" id="date"></div> </div> <div class="greeting-section"> <div class="greeting-text" id="greeting"></div> <div class="greeting-tip" id="tip"></div> </div> </div> <style>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2025-12-13
评论可见
子比主题 – 侧栏动态时钟与问候语小工具-识趣者资源

子比主题 – 侧栏动态时钟与问候语小工具

一个实用又美观的动态时钟和问候语提醒功能，不仅为博客增添人情味，还能与子比主题的深色模式完美兼容！ 代码部署 [hidecontent type="reply"] 直接将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码即可！ <div class="dynamic-greeting"> <div class="time-section"> <div class="time-display"> <span id="hours">00</span> <span class="colon">:</span> <span id="minutes">00</span> <span class="colon">:</span> <span id="seconds">00</span> </div> <div class="date-display" id="date"></div> </div> <div class="greeting-section"> <div class="greeting-text" id="greeting"></div> <div class="greeting-tip" id="tip"></div> </div>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-03-15
评论可见
子比主题 — 两侧悬浮二次元看板娘美化-识趣者资源
子比美化

美化子比主题 — 两侧悬浮二次元看板娘美化

闲得无聊刷网，一不小心挖到好东西，手痒直接给扒下来啦！东西我先替你们试过，好用不踩雷，喜欢的尽管拿走，不用跟我客气～谁用谁香，拿去爽就完事 演示图 代码部署 [hidecontent type="reply"] body { background-image: url("https://img.alicdn.com/imgextra/i2/3190733564/O1CN0190A9aA1cCMhnblWlf_!!3190733564.png"); background-position: center center; background-repeat: repeat; background-attachment: fixed; background-size: 100%; background-origin: content-box; } [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 12天前
#子比美化
 2026-02-07
评论可见
子比美化-侧边栏用户信息展示小工具美化-识趣者资源

子比美化-侧边栏用户信息展示小工具美化

给小工具头部添加一个猫耳朵吧！ 教程： 放到后台自定义CSS [hidecontent type="reply"] .sidebar { height: auto; padding: 50px 0px 0px; background: url(图片链接) center top / 100% no-repeat; transform: translate3d(0px, 0px, 0px); } 猫耳朵图片下载 [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
1…1213141516…23跳转