子比美化 第19页
子比主题美化相关教程
分类
排序
2026-01-13
200积分
子比主题-独立下载页面美化-识趣者资源

子比主题-独立下载页面美化

前言 之前也有出过一版独立下载页美化(在美化教程里->编号18)，不过突然觉得不好看了，就更新了一下，这里分享出来！ 效果图 下载文件覆盖掉download.php即可（文件路径：/wp-content/themes/zibll/pages/download.php），更新前记得备份！记得备份！记得备份！不然就没后悔药吃了！
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-07
评论可见
子比美化-分页按钮美化-识趣者资源

子比美化-分页按钮美化

演示图 把下面代码放到后台自定义CSS [hidecontent type="reply"] /*页码样式微调*/ .pagenav .current, .pagenav .page-numbers, .pagenav a { border: 0; padding: 8px 14px; background: linear-gradient(148deg, hsla(0, 0%, 100%, 0), var(--main-bg-color)); -webkit-box-shadow: 0 0 8px 0 rgba(95, 95, 95, .15); box-shadow: 0...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 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"] 跟着我的教程走不会有任何问题，对于没有搞过的比较复杂，跟好我的步骤！ 我们首先到：/wp-content/themes/zibll/inc/functions/zib-header.php文件，然后搜下面的代码 signin-loader"><div class="badg mb6 toggle-radius c-blue"> 看我注释的代码，然后你也注释了，然后搜索下面的代码 $href .= '<div class="flex jsa header-user-href">'; 替换成下面的代码即可！ $href .= '<img src="https://img.alicdn.com/imgextra/i4/4035900312/O1CN01yCLjR21EAwWbIalSK_!!4035900312.png" class="mascot signin-loader"><p class="explain">主人，请点击头像登录后查看哦~</p><div class="flex jsa header-user-href">'; [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-27
评论可见
子比主题 – 仿张洪Heo页脚样式美化-识趣者资源

子比主题 – 仿张洪Heo页脚样式美化

今天来发一篇仿张洪Heo页脚样式的美化，我觉得这个页脚也许好看也许不好看，毕竟每个人的审观不一样，我这边没有完全模仿他的页脚，如果完全模仿的话我觉得适配手机端不好看，话不多说直接开始吧！ 代码部署 [hidecontent type="reply"] css我压缩了，然后你可以引入一个文件到footer文件里面，不会引入就用我直接部署的方法吧！ 我们首先要打开目录：/wp-content/themes/zibll/footer.php，然后我们接下来就要放入代码了，我们要知道子比自带的代码是什么，可以给他删掉，如果不删掉的话会出现两个页脚，所以我们将下面的代码删掉 <footer class="footer"> <?php if (function_exists('dynamic_sidebar')) { dynamic_sidebar('all_footer'); }?> <div class="container-fluid container-footer"> <?php do_action('zib_footer_conter');?> </div> </footer> 删掉之后我们将开始放入这篇的页脚美化，我们放到下面代码的上面，我就不截图了，你自己想想哪个代码的上面，就是下面的代码！ <?php wp_footer(); ?> 也就是说放到<?php这个的上面，我说的已经够明白了，不能再说了！接下来就是放入我们的页脚代码 代码如下 <style> @font-face{font-family:"11";/* Project id 4837858 */ src:url('//at.alicdn.com/t/c/font_4837858_4eqpwuln6r8.eot?t=1740467376348');/* IE9...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-27
500积分
子比主题-添加一段透明的防红代码-识趣者资源
子比功能

功能子比主题-添加一段透明的防红代码

效果图 部署教程 [hidecontent type="payshow"] 将以下代码插入子比后台-外观-主题文件编辑器-header.php中保存在第一个<head>前一行即可 <!-- 子比主题防红模块 - 插入到header.php中 --> <style> #zibAntiRedLayer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.92); z-index: 99999; display: none; flex-direction: column; align-items: center; justify-content: center;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 29天前
#子比美化
 2025-12-13
评论可见
子比主题 – 评论区背景美化样式（三款样式）-识趣者资源

子比主题 – 评论区背景美化样式（三款样式）

蓝色 红色 混色 [hidecontent type="reply"] 喜欢哪个颜色自己将css放到：子比主题–>>自定义CSS样式即可！ 蓝色红色混色 /*评论美化 - 蓝色款*/ body{ --acg-color:#f8fdff; } .dark-theme{ --acg-color:#323335; } .comment .list-inline>.comt-main { border-color: #71baff80; background-color: var(--acg-color); background-image: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01LFyvtv1QbIhfnZWvp_!!2210123621994.png); } .comment .list-inline>li { vertical-align: top; border-radius: 5px; margin: 0...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-01
评论可见
子比主题 – 评论区用户设备与浏览器版本信息-识趣者资源

子比主题 – 评论区用户设备与浏览器版本信息

这是一款评论区用户设备和浏览器版本信息标识，很实用的一款功能，可以方便看到其他人的用的是什么浏览器以及设备来进行评论的，喜欢的自行部署吧！ [hidecontent type="reply"] 一共要改四个地方，跟着我的步骤一步步走不会有问题！ zib-comments-list.phpfunc.phpJS代码CSS代码 定位：/wp-content/themes/zibll/inc/functions/zib-comments-list.php文件，接下来我们搜代码 function zib_get_comment_footer($comment, $depth = 0) 然后将这块整个函数代码替换我下面的代码，是这一块整个替换，代码如下 function zib_get_comment_footer($comment, $depth = 0) { if (!$comment) { return; } $is_mobile = wp_is_mobile(); $badg_approve = ''; if ('0' == $comment->comment_approved) { $badg_approve...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 54天前
#子比美化
 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-03-08
评论可见
子比主题 – 个人主页公开/私密功能-识趣者资源
子比美化

功能子比主题 – 个人主页公开/私密功能

这是一款子比主题的个人主页公开/私密功能，用户很方便自己设置自己的个人主页的私密，很方便的一款功能，喜欢的自行部署吧！ [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一下，记得加上php头，要不然会报错，将下面的代码放里面即可！ // 1. 在作者主页封面右下角菜单添加“公开/私密”切换按钮 add_filter('author_header_drop_lists', 'custom_zib_author_privacy_toggle_btn', 20, 2); function custom_zib_author_privacy_toggle_btn($lists, $author_id) { // 安全校验：只有当前登录用户是主页作者本人时才显示该选项 if (get_current_user_id() !== $author_id) { return $lists; } // 获取当前状态 $is_private = get_user_meta($author_id, 'profile_is_private', true); $text = $is_private...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 19天前
#子比美化
 2026-01-27
评论可见
子比主题美化 – 评论区添加随机夸夸功能（修复api）-识趣者资源

子比主题美化 – 评论区添加随机夸夸功能（修复api）

有很多人在网站浏览需要回复，有的比较嫌麻烦不愿意打字，也会收到一些各种评论相对比较杂乱，今天分享一个用夸夸功能，来替代传统的评论一言，将它们分开使用，先看看效果图，再考虑使用不使用！ 教程 [hidecontent type="reply"] css代码自行本地化 或直接下载 .kuakua-first-box{ margin: auto; width: 440px; border-radius: 16px; bottom: auto; min-height: 10rem; left: 50%; position: fixed; right: auto; top: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 1032; box-shadow: 0px 0px...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-20
100积分
子比美化 – 模拟框增加tips-识趣者资源
子比美化

功能子比美化 – 模拟框增加tips

演示截图 代码教程 将以下代码放置于后台-自定义JavaScript代码内： [hidecontent type="payshow"] $(document).ajaxComplete(function(event, xhr, settings) { // 当所有的 AJAX 请求完成时执行以下代码 $('.modal-dialog').each(function() { // 遍历每个加载的模拟框 $(this).prepend('<span style="position: absolute;bottom: -35px;z-index: 99;left: 0;right: 0;text-align: center;color: #efefef;user-select: none;pointer-events: none;">点击任意地方关闭</span>'); }); }); [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 36天前
#子比美化
 2026-02-12
评论可见
子比主题-给网站增加全屏水印-识趣者资源

子比主题-给网站增加全屏水印

[hidecontent type="reply"] 把下面代码放在子比设置 自定义底部HTML代码即可 <script defer src="https://47zhe.cn/js/shuiyin.js"></script> JS代码 $(document).ready(function() { var watermark_txt = "识趣资源网" + getDate(); watermark({"watermarl_element":"watermark-wrapper", "watermark_txt":watermark_txt}); }); function watermark(settings) { //默认设置 var defaultSettings={ watermarl_element:"body", watermark_txt:"", watermark_x:10,//水印起始位置x轴坐标 watermark_y:10,//水印起始位置Y轴坐标 watermark_rows:2000,//水印行数 watermark_cols:2000,//水印列数 watermark_x_space:50,//水印x轴间隔 watermark_y_space:50,//水印y轴间隔 watermark_color:'#d7d7d7',//水印字体颜色 watermark_alpha:0.3,//水印透明度...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 43天前
#子比美化
 2026-01-20
500积分
子比主题 – 卡片模式时间显示功能-识趣者资源

子比主题 – 卡片模式时间显示功能

这是一款子比主题的卡片三点和时间显示功能，这款样式星空知一直在用，而且很多人想要星空知的一模一样的样式，今天教程来了，本篇教程是卡片列表时间的教程，别看错图片了，代码很好部署，话不多说直接开始！效果图：子比主题卡片模式时间显示功能（红色方框位置）代码很好部署，话不多说直接开始！代码教程：此教程分两步进行第一步：添加css代码后台子比主题设置 ––>>自定义CSS样式 位置放置下方CSS代码[hidecontent type="payshow" desc="隐藏内容：付费阅读"].posts-item { position: relative; } .post-time-absolute { position: absolute; top: 12px; right: 12px; padding: 8px 14px; border-radius: 12px; font-size: 12px; font-weight: 600; z-index: 2; backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); border:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-07
评论可见
子比主题 – 侧边动态时钟与温馨问候语-识趣者资源

子比主题 – 侧边动态时钟与温馨问候语

将下面的代码放到：外观->>小工具->>自定义HTML的里面然后将小工具放到你想放到的位置 [hidecontent type="reply"] <div class="greeting-container"> <div class="clock-face"> <div class="clock-time" id="clock-time"></div> </div> <div class="greeting-text"> <div class="greeting" id="greeting"></div> <div class="tip" id="tip"></div> </div> </div> <style> .greeting-container { width: 100%; height: 150px; background-color: #f5f5f5; border-radius: 10px; box-shadow: 0 0...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
1…1718192021…23跳转