子比美化 第9页
子比主题美化相关教程
分类
排序
2026-02-02
子比主题-滚动式公告美化框-识趣者资源

子比主题-滚动式公告美化框

关键修正： 内容：原来的5条（+5条副本=共10条） 容器高度：90px（只显示前2条，其他隐藏在下方） 每条高度：45px（2条×45px=90px） 动画：20秒滚动前5条，然后副本接上实现无缝循环 现在视觉上只看到2条，但滚动时会陆续展示第3、4、5条，然后回到第1条。这个是横着自己可以设置宽度， 带日期版本的 [hidecontent type="reply"] <div class="mini-scroll-widget"> <style> .mini-scroll-widget { background: #fff; border: 1px solid #ddd; border-radius: 16px; padding: 20px; font-family: "Microsoft YaHei", Arial, sans-serif; margin-bottom: 20px; } .mini-scroll-widget .scroll-title {...
识趣资源的头像-识趣者资源至尊会员识趣资源· 前天
#子比美化
 2025-12-13
子比主题 – 邮箱通知样式美化（四款样式）-识趣者资源

子比主题 – 邮箱通知样式美化（四款样式）

给大家做了四款款子比主题邮箱通知样式美化，邮箱通知美化还是不错的，博客给大家设计并美化了，目前是四款样式，后面博客会做很多邮箱通知，喜欢的自己挑选几款自己部署吧！ 部署教程 定位：/wp-content/themes/zibll/inc/functions/zib-email.php文件里面，我们搜$content = '，搜了之后，我们如下图替换子比的样式，如下图 样式如下 第一款第二款第三款第四款 $content = ' <style> .gradient-mail{ background:#eaf7ff; padding:40px 0; font-family: "Helvetica Neue","PingFang SC",Arial,sans-serif; } .gradient-mail .box{ max-width:620px; margin:auto; border-radius:24px; background:linear-gradient(140deg,#fff 60%,#d6eaff 100%); box-shadow:0 4px 22px rgba(66,150,255,0.10); overflow:hidden; } .gradient-mail...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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:...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-23
子比主题 – 社区LOGO单独设置插件-识趣者资源

子比主题 – 社区LOGO单独设置插件

这是一款子比主题社区logo单独设置插件，有一些站长既有博客又有论坛，但是不想用同一...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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天前
#子比美化
 2026-01-27
子比主题 – 网站文章自动内链和自动添加标签-识趣者资源

子比主题 – 网站文章自动内链和自动添加标签

在WordPress网站中，通过纯代码实现自动为文章生成标签并添加内链是一种高效且节省时间的SEO优化方法 使用教程 本文代码均为添加到子比主题目录中functions.php或者func.php中 文章自动添加标签 在WordPress中，实现文章发布时自动检测关键字并将其转换为标签的功能，确实可以在后台发布文章时生效。 [hidecontent type="reply"] add_action('save_post', 'auto_add_tags'); function auto_add_tags() { $tags = get_tags(array('hide_empty' => false)); $post_id = get_the_ID(); $post_content = get_post($post_id)->post_content; if ($tags) { foreach ($tags as $tag) { // 如果文章内容出现了已使用过的标签，自动添加这些标签 if (strpos($post_content,...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
 2026-01-28
子比主题-顶部添加彩色进度条-识趣者资源

子比主题-顶部添加彩色进度条

CSS代码 [hidecontent type="reply"] /*进度条加载显示*/ #percentageCounter{position:fixed; left:0; top:0; height:3px; z-index:99999; background-image: linear-gradient(to right, #339933,#FF6666);border-radius:5px;} [/hidecontent] javascript代码 [hidecontent type="reply"] //进度条加载显示 $(window).scroll(function() { var a = $(window).scrollTop(), c = $(document).height(), b = $(window).height(); scrollPercent = a / (c...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-02-03
子比主题 – 简约右侧悬浮按钮美化-识趣者资源

子比主题 – 简约右侧悬浮按钮美化

这是一款侧边的悬浮按钮美化，首先就是这款很简约，不太喜欢花里胡哨的，在之前也换过花里胡哨的侧边，但是不好看，喜欢的自行部署吧！ 功能说明 会员按钮带波纹效果，鼠标hover有弹窗，自己修改一下 签到功能，可以去看腾飞之前的文章没有登录调用子比弹窗 私信功能，也可以去看腾飞之前的没有登录调用子比弹窗 二维码，鼠标hover有弹窗，很简约 展开全屏和收回全屏功能，图标动态变化 返回顶部按钮，鼠标滑到屏幕下即可出现返回按钮 代码部署 [hidecontent type="payshow"] 定位：WP后台–>>外观–>>小工具–>>自定义HTML，如果你想要显示在首页，就随便放到只要是首页的就行，如果是全部显示，就放到所有页面–xxxx，都可以，将下面的代码放到里面！ <div class="comfortable-nav"> <div class="nav-item vip-item-right"> <div class="vip-pulse"></div> <div class="vip-pulse"></div> <div class="vip-pulse"></div> <i class="fa fa-diamond nav-icon"></i> <div class="vip-panel"> <h4><i class="fa fa-diamond"></i> 开通会员享特权</h4> <div class="vip-benefits">...
识趣资源的头像-识趣者资源至尊会员识趣资源· 昨天
#子比美化
 2025-12-02
子比主题 – 单IP限制多用户注册_代码版-识趣者资源

子比主题 – 单IP限制多用户注册_代码版

很多站长都在纠结的是用户限制一天下载次数，但是有的用户就是去连续注册，一天注册个十几个去下载资源，所以今天星空知给大家分享一个代码版本，喜欢的自行部署吧！ 代码部署 这个代码是实现的单日IP一次注册，有技术的可以去写一个插件或者子主题去写一个限制一天注册多少！ [hidecontent type="payshow"] <?php /* * @Author: Qinver * @Url: zibll.com * @Date: 2024-01-01 * @Description: 用户注册IP限制功能 */ // 防止直接访问 defined('ABSPATH') || exit; /** * 检查IP是否已经注册过用户 */ function zib_check_ip_register_limit($user_ip) { global $wpdb; //...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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
子比美化丨评论区显示用户ID号含背景卡片图美化样式-识趣者资源

子比美化丨评论区显示用户ID号含背景卡片图美化样式

主要是借鉴了若歆的样式，没有什么好的背景图所以PA了若歆的希望不要介意啦。小樱自己还有一套图，也挺好看争取搞到手，嘻嘻嘻。其实样式仿的都是bilibili站的评论区的那个，基本一样。 教程如下 首先在网站/wp-content/themes/zibll 主题目录下新增func.php文件（此文件不会随着更新主题版本消失，有的话就不用管） 加入以下代码 [hidecontent type="payshow"] function wxs_footer_info_add_img_bill($info, $comment, $depth) { $user_ip = $comment->comment_author_IP; if ($user_ip) { //$user_ip_name = convertip(get_comment_author_ip()); // $replyText_html = '<span class="reply-link">' .'' . '</span><span style="cursor:pointer" data-toggle="tooltip" alt="IP：'.$user_ip.'" data-original-title="IP地址：'.$user_ip_name.'">'.mb_substr($user_ip_name,-3,3,"utf-8").'</span>'; $img_list = array('/img/pinglun/dtkp-000.png',...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-13
子比主题 – 拼团插件_全开源-识趣者资源

子比主题 – 拼团插件_全开源

这是一款子比主题的拼团插件，这款拼团插件基础版本功能比较少，目前只支持拼团和拼团额外...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
 2026-01-23
子比主题 – 授权插件修复版本-识趣者资源

子比主题 – 授权插件修复版本

最近看到论坛有人发了某开源的插件，其实博客早就有授权插件，就不想写这些乱七八糟的东西...
识趣资源的头像-识趣者资源至尊会员识趣资源· 11天前
#子比美化
 2026-01-28
子比主题美化 – 网站顶部加载进度条-识趣者资源

子比主题美化 – 网站顶部加载进度条

学习如何在子比主题中快速添加并美化网站顶部加载进度条，提升用户体验与网站视觉效果。详细步骤教你从零开始部署，让网站加载更直观。 代码部署 网站后台->Zibll主题设置->自定义代码->自定义头部HTML代码 [hidecontent type="reply"] 建议自行本地化，以免失效。 <script data-pjax src="//npm.elemecdn.com/pace-js@1.2.4/pace.min.js"></script> 样式1样式2 /* 顶部小进度条start */ .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 2000; position: fixed; margin: auto; top: 10px; left: 0;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-31
子比主题 – 通知框美化插件-识趣者资源

子比主题 – 通知框美化插件

介绍 一款美化子比自带的notyf通知框的插件，两种样式如下 ...
识趣资源的头像-识趣者资源至尊会员识趣资源· 3天前
#子比美化
1…7891011…15跳转