子比美化 第12页
子比主题美化相关教程
分类
排序
2026-01-22
子比主题 – 登录管理后台邮件提醒功能-识趣者资源

子比主题 – 登录管理后台邮件提醒功能

在此之前博客发过类似的，只不过没有登录失败提醒，这一款跟我之前写的文章类似，这一款也是带提醒和登录失败功能，喜欢的自行部署吧！ [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件记得自己创建一个，记得加上php头，将下面的代码丢里面即可！ // WordPress 后台【登录成功】发送提醒邮件 function wp_login_success_notify($user_login) { date_default_timezone_set('PRC'); $admin_email = get_bloginfo('admin_email'); $to = $admin_email; $user = get_user_by('login', $user_login); $user_role = get_user_role_name($user->roles[0]); $subject = get_option('blogname').' - ✅ 网站后台登录成功提醒'; $message = '<p>你好！你的网站【'.get_option("blogname").'】后台登录成功提醒！</p>' . '<p>──────────────────</p>'...
识趣资源的头像-识趣者资源至尊会员识趣资源· 13天前
#子比美化
 2026-01-13
子比主题-独立下载页面美化-识趣者资源

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

前言 之前也有出过一版独立下载页美化(在美化教程里->编号18)，不过突然觉得不好看了，就更新了一下，这里分享出来！ 效果图 下载文件覆盖掉download.php即可（文件路径：/wp-content/themes/zibll/pages/download.php），更新前记得备份！记得备份！记得备份！不然就没后悔药吃了！
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
 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]
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
 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]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
 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...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2天前
#子比美化
 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...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
 2026-01-20
子比主题 – 卡片模式时间显示功能-识趣者资源

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

这是一款子比主题的卡片三点和时间显示功能，这款样式星空知一直在用，而且很多人想要星空知的一模一样的样式，今天教程来了，本篇教程是卡片列表时间的教程，别看错图片了，代码很好部署，话不多说直接开始！效果图：子比主题卡片模式时间显示功能（红色方框位置）代码很好部署，话不多说直接开始！代码教程：此教程分两步进行第一步：添加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:...
识趣资源的头像-识趣者资源至尊会员识趣资源· 14天前
#子比美化
 2025-12-13
子比主题 – ajax加载更多按钮美化-识趣者资源

子比主题 – ajax加载更多按钮美化

这是一款给子比主题加一个ajax加载更多按钮的美化，这个美化确实很不错，加上去更美观一些，喜欢的自行部署吧！ 代码部署 [hidecontent type="reply"] 将下面代码放到：子比主题–>>自定义CSS样式即可 /*点击更多*/ .chat-next a, .theme-pagination .ajax-next a, .theme-pagination .order-ajax-next a { color: var(--muted-color); border-radius: 30px; padding: 6px 0px; background-color: var(--main-bg-color); display: block; opacity: 1; font-weight: bold; width: 35%; margin: auto; border:...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题美化 – 评论小工具添加动漫人物uid显示-识趣者资源

子比主题美化 – 评论小工具添加动漫人物uid显示

效果图 教程开始 1.安装php拓展Fileinfo(api调用时需要) 2.将下面代码放入wordpress后台-子比主题设置-全局-自定义代码-自定义css代码中 [hidecontent type="payshow"] .posts-mini { background-size: cover; margin-bottom: 5px; padding: 15px; } [/hidecontent] 将下面代码添加到自定义代码中的自定义JavaScript代码中 [hidecontent type="payshow"] var postsMiniElements = document.querySelectorAll('.posts-mini'); postsMiniElements.forEach(function(element) { var randomBase64 = btoa(Math.random().toString(36).substr(2, 9)); var url = '/wp-content/themes/zibll/img/moxing/cebian/tfapi.php?kid=' +...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
基于墨星博客文章顶部信息4.0美化（原版默认蓝色）升级为随机彩色-识趣者资源

基于墨星博客文章顶部信息4.0美化（原版默认蓝色）升级为随机彩色

第一版教程代码 [hidecontent type="payshow"] 整体替换moxing_top_info_v4.0/moxing_top_info.php <?php /** * Plugin Name:墨星博客文章页顶部信息插件v4.0 * Plugin URI: https://moxingbk.com * Description: 一个适用于子比主题的文章页顶部信息插件，启用后在侧边栏即可看到菜单项，进入设置即可 * Version: 4.0 * Author: 墨星博客 * Author URI:https://moxingbk.com*/ add_action('csf_loaded','moxing_top_info_new'); function moxing_top_info_new() { if (class_exists('CSF')) { $prefix ='moxing_top_info'; CSF::createOptions($prefix,...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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'...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-05
子比美化教程 – 底部统计信息模块小工具-识趣者资源

美化子比美化教程 – 底部统计信息模块小工具

美化效果 食用教程 一、PHP代码 前往网站文件根目录，依次找到”wp-content->themes->zibll->header.php”后打开，在</head>前添加以下函数代码： [hidecontent type="reply"] <!--【星语的小木屋】网站底部统计信息模块小工具--> <script type="text/javascript" > <?php //用户总数 $users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users");echo "var tj_jstext="."'$users'"; ?> </script> <script type="text/javascript" > <?php //WordPress获取今日发布文章数量 function nd_get_24h_post_count(){ $today = getdate(); $query = new...
识趣资源的头像-识趣者资源至尊会员识趣资源· 29天前
#子比美化
 2026-01-27
子比主题美化 – 二次元悬浮菜单按钮-识趣者资源

子比主题美化 – 二次元悬浮菜单按钮

前言 该效果是初一扒的，给子比主题做了适配。 效果图 代码教程 function内添加代码 [hidecontent type="reply"] function内添加代码 // 二次元悬浮按钮 function adjust_footer_buttons_based_on_device() { if (vxras_pz('acg_float_right')) { // 判断是否开启二次元悬浮按钮 if (wp_is_mobile()) { // 对于手机用户，确保原版按钮不被移除 remove_action('wp_footer', 'acg_float_right'); add_action('wp_footer', 'zib_float_right'); } else { // 对于PC用户，移除自带悬浮按钮，确保使用二次元悬浮按钮 remove_action('wp_footer', 'zib_float_right'); add_action('wp_footer',...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
1…101112131415跳转