子比美化 第4页
子比主题美化相关教程
分类
排序
2025-12-11
子比主题-本站菜单图标代码-识趣者资源

子比主题-本站菜单图标代码

预览图 [hidecontent type="reply"] 首页那个，直接把下面整个代码复制到首页文字的前面 <span class="but jb-vip1 radius"><svg t="1746728907743" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1535" width="200" height="200"><path d="M931.49 454.71L771 293.24 566 87a76.15 76.15 0 0 0-108 0L253 293.24 92.51 454.71C57.4 490 80.39 553.85...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-13
子比主题-评论等级添加-识趣者资源

子比主题-评论等级添加

前言 这几天有很多人想让我出个评论区等级铭牌的教程，想着就不分享出来了，不过还是写出来给大家吧，说不定也有人用的上！话不多说先来看看效果图。(刚写完就在小伙伴那里发现一个问题【站长没开通vip的话会显示新朋友】，所以更新了一下) 图片 步骤一 主要代码还是在zibll/inc/functions/zib-comments-list.php里面，网站评论区有点冷清我就设置个评论才能看吧！ [hidecontent type="reply"] zib-bomments-list文件 搜索找到 if ($user_id == $post->post_author) 在上面添加代码 if (_pz('user_comment_level', true)) { //评论区评论等级开始 $com_n = (int) get_user_comment_count($user_id); //获取用户评论次数 $badge .= xypro_user_comment_level_badge($user_id, 'ml3'); //添加评论徽章 xypro_update_user_comment_level($user_id, $com_n); //刷新评论等级 $author = _pz('author_icon', true); //作者头像...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
 2025-12-13
子比主题 – 顶部悬挂样式（两款）-识趣者资源

子比主题 – 顶部悬挂样式（两款）

这是一篇子比主题顶部悬挂的样式代码，为什么说是两款，因为第一款是一直挂在了顶部而不是跟着鼠标滑动走的，第二款就是鼠标滑动那么悬挂也跟着走，所以就两款，非常的实用，喜欢的自行部署！ 第一款 第二款 代码部署 [hidecontent type="reply"] 这里只有CSS不一样，HTML代码是一样的，所以先把HTML代码放上去，我代码里面已经提供了图片，那么如果你有图片可以放上自己的图片即可，建议用第二款，毕竟跟随还是比较美观的！ HTML代码 放到：子比主题–>>自定义头部HTML代码即可！ <div class="tengfei_hang"></div> 注意：第一款是一直在顶部不跟随，第二款是跟随鼠标滑动的，下面代码放到：自定义CSS样式即可！ 第一款第二款 @keyframes lampLine-38cc6824 { 0% { transform: rotate(10deg) } to { transform: rotate(-10deg) } } .tengfei_hang { width: 150px; height: 200px; display: inline-block;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-22
子比主题美化 – 文章列表多种动画效果美化-识趣者资源

子比主题美化 – 文章列表多种动画效果美化

效果一（加载上浮动画） 教程开始 将下面代码添加到自定义css代码中即可 [hidecontent type="reply"] .posts-item{animation:floatUp 0.8s ease forwards}@keyframes floatUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}} [/hidecontent] 效果二（上浮弹性动画） 教程开始 将下面代码添加到自定义css代码中即可 [hidecontent type="reply"] .posts-item{animation:floatUpBounce 0.9s ease forwards}@keyframes floatUpBounce{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}} [/hidecontent] 效果三（缩放旋转动画） 教程开始 将下面代码添加到自定义css代码中即可 [hidecontent type="reply"] .posts-item{animation:floatUpScale 0.7s ease forwards}@keyframes floatUpScale{0%{opacity:0;transform:translateY(30px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}} [/hidecontent]...
识趣资源的头像-识趣者资源至尊会员识趣资源· 12天前
#子比美化
 2025-12-13
子比主题 – 右侧自定义悬浮按钮美化-识趣者资源

子比主题 – 右侧自定义悬浮按钮美化

这个自定义悬浮按钮样式是狐狸忘记从哪位B2站长那里扒来的，说不上原创，但是它是由狐狸库适配用在子比主题上。扒来也很久了，一直没有去适配用到子比主题上，话不多说直接开始！ 功能说明 适配“会员”按钮，点击后自动跳转开通子比主题会员弹窗。 增加“昼夜”切换模式，点击后切换“日间”或“夜间”模式。 适配“签到”按钮，点击后自动签到。 替换抽奖按钮及图标，可自定义图标&链接。 重构“返回顶部”的监听滚动及点击事件Javascript代码。 代码部署 [hidecontent type="reply"] 代码一共三个和一个附件，怎么使用呢？很简单HTML放到：WP后台–>>外观–>>小工具–>>自定义HTML将小工具放到：所有页面-侧边栏-顶部位置或者所有页面，自己放一下小工具里面 CSS代码放到：子比主题–>>自定义CSS样式即可！ Javascript代码放到：子比主题–>>自定义javascript代码即可，JS代码用处就是返回顶部的用处！ HTMLCCSJS <!-- * @Description : 自定义悬浮按钮 * @Url : https://www.huliku.com/ * @Email : ihuliku@qq.com * @Date : 2024-01-18 13:14:52 --> <div class="huliku-float">...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-13
子比主题 – 内容面包屑背景（正文改成标题）-识趣者资源

子比主题 – 内容面包屑背景（正文改成标题）

这是一款给子比主题文章、帖子内容页面的面包屑增加一个空白背景，适配手机端、夜间模式，把正文改成标题，还是比较不错的美化，喜欢的自行部署吧！ [hidecontent type="reply"] 单背景背景和面包屑 将下面的代码放到：子比主题–>>自定义CSS样式即可！ .breadcrumb { background: var(--main-bg-color); padding: 12px 20px; margin-bottom: 15px; border-radius: var(--main-radius); box-shadow: 0 0 10px var(--main-shadow); display: flex; } 背景和面包屑有两个，背景是CSS代码，面包屑是func代码，话不多说直接开始！ func代码 定位：/wp-content/themes/zibll/func.php文件，没有这个文件就创建一个，记得加上php头，要不然报错，将下面的代码放到里面！ // 内容面包屑背景 add_action('wp', function() { if (is_single() ||...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
 2026-02-02
子比主题功能 – Docker栏功能-识趣者资源

子比主题功能 – Docker栏功能

功能简介 这个是我在用苹果的时候想到的，在这个功能里面，管理员可以设置默认的icon链接，也可以放些图片等等的，同时用户也可以拖一些常用的链接可以进行保存，这个代码是我从我插件代码里面直接拆出来的，如果进行二开或者转载的话，请标明原作者 如果有问题自己改改，之前的资源我发出来了 核心功能 底部Docker容器 – 在网页底部固定显示类似macOS Dock的快捷链接栏 拖拽添加链接 – 用户可以将网页链接拖拽到Docker区域自动添加 智能favicon获取 – 自动获取网站图标并缓存 用户自定义链接 – 登录用户可以添加、管理自己的快捷链接 默认链接配置 – 管理员可预设默认链接（所有用户可见） 特殊特色 1. 精致的UI设计 苹果风格磨砂玻璃效果（毛玻璃背景） 流畅的交互动画（悬停缩放、淡入淡出） 智能标题显示（鼠标悬停时显示网站标题） 暗黑模式适配 2. 智能favicon系统 多层级favicon发现机制 本地缓存优化（减少重复请求） 标准位置优先检测 HTML head部分解析优化 3. 性能优化 数据库索引优化 –...
识趣资源的头像-识趣者资源至尊会员识趣资源· 前天
#子比美化
 2026-01-28
子比主题美化 – 幻灯片&页面过渡效果-识趣者资源

子比主题美化 – 幻灯片&页面过渡效果

过度效果 原效果 代码部署 [hidecontent type="reply"] 代码投放：网站后台 -> Zibll主题设置 -> 全局&功能 -> 自定义代码 -> 自定义CSS样式 /*幻灯片过渡效果 huliku.com*/ .swiper-slide::before { content: ''; display: block; position: absolute; left: 0; top: 58%; right: 0; bottom: 0; transform: scale(1.01); background:...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 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行...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-13
子比主题 – 60秒新闻早报页面-识趣者资源

子比主题 – 60秒新闻早报页面

这是子比主题60秒新闻早报页面，先说一下部署可以，接口别换，你换了你就不能用了，不是说不能用，是基本上都是调用的别人的接口，有的时候接口死了你都不知道，话不多说直接开始，教程比较复杂，跟着我的步骤走不会有问题！ 代码部署 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加php头，要不然会报错，将下面的代码放到里面 代码我放到附件里面，如下图我写的代码是[zao bao]我这里有一个空格因为我不能输入，要不然不能发文章了他喵的，你自己按照我图下的输入！附件的代码放到func就可以了！ 放进去之后我们到：WP后台–>>页面–>>新建页面，然后我们加HTML小工具，如下图，如下代码 如上图可以看到我们输入选中自定义HTML小工具之后，输入代码之后发布的时候出现不合法的JSON响应，那么你就不用管他，直接退出去就行，只要点了发布就有这个页面了，然后就有这个页面了！ 不会部署的私信我就行，有空就回复然后就远程你！ [hidecontent type="password" password="5211314" img_id="" img_url="" desc=""] /* 新闻60秒早报 */ function newzaobao() { // 60s $ch = curl_init(); curl_setopt_array($ch, array( CURLOPT_URL => "https://47zhe.cn/news/json/test.json", CURLOPT_RETURNTRANSFER => true, CURLOPT_SSL_VERIFYPEER =>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
 2026-01-27
子比主题美化 – 首页页脚美化（白色）-识趣者资源

子比主题美化 – 首页页脚美化（白色）

很多朋友跟狐狸说这个页脚有没有白色的呀？原本是不管昼夜都是固定黑灰色显示，这次改成跟随主题颜色显示，取消了JS图片滚动波浪，使用了svg代码显示动态滚动波浪，具体的自行体验吧！ 白色 黑色 简介 更换滚动波浪（取消JS图片波浪） 修复论坛前台发帖选择板块错位 修复找回密码页错位 修复友情链接模块错位 修复页面右侧空白占位 修复文章数量上标 增加网站名称前爱心 增加每日签到链接 增加任务中心链接 增加网站标题调用 增加网站描述调用 增加网站年限调用 增加域名调用 去除原上方统计模块 代码部署 [hidecontent type="payshow"] PHP代码 首先我们要知道我们加这个底部之后，他官方的底部还存在，我们先把官方的代码删掉然后再按照下面的步骤来走，我们先到/wp-content/themes/zibll/footer.php，找到下面的代码，下面的代码是官方自带的底部，我们要给他删掉，避免后面出现两个底部。如果是子主题自己弄一下吧，在func判断一下如果启用这个页脚就隐藏子比自带的底部 查找代码 <footer class="footer"> <?php if (function_exists('dynamic_sidebar')) { dynamic_sidebar('all_footer'); }?> <div class="container-fluid container-footer">...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-25
子比主题 – 新闻版块小工具-识趣者资源

子比主题 – 新闻版块小工具

这是一款子比主题新闻板块小工具，这款小工具带有轮播和轮播下文章和文字，并且右边带有排行榜，很实用的一款小工具，喜欢的自行部署吧！ 小工具配置 代码部署 [hidecontent type="reply"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_news_section.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_news_section.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_news_section.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 子比主题新闻版块小工具下载提取码WQ2t [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 10天前
#子比美化
 2025-12-02
子比主题 – 会员免评论查看功能-识趣者资源

子比主题 – 会员免评论查看功能

功能简介 这是一款子比主题会员免评论查看功能，为一级和二级会员用户提供免评论查看”评论可见”内容的特权，支持单独控制一级和二级会员的权限，喜欢的自行部署吧！ 功能截图 [hidecontent type="payshow"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件记得自己创建一个，记得加上php头，要不然会报错，将下面的代码放到里面即可！ /* * ======================================== * 会员免评论查看功能 * ======================================== * 功能说明：为一级和二级会员用户提供免评论查看"评论可见"内容的特权 * 支持单独控制一级和二级会员的权限 */ function zib_vip_can_view_without_comment($user_id = 0) { if (!$user_id) { $user_id = get_current_user_id(); } if (!$user_id) { return false;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 文本超链接美化样式-识趣者资源

子比主题 – 文本超链接美化样式

给子比主题加一个文本超链接的美化样式，我这里可能是有一些小小的问题，但是不影响使用，我留个文章当作备份一下这个代码，省的再去找，话不多说直接看演示吧！ 代码部署 [hidecontent type="reply"] 丢到：子比主题–>>自定义CSS样式即可！ @font-face { font-family: 'tengfei-font'; src: url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.woff2?t=1741491889382') format('woff2'), url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.woff?t=1741491889382') format('woff'), url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.ttf?t=1741491889382') format('truetype'); } .wp-posts-content a:not([class]),.wp-block-list a:not([class]) { color: var(--focus-color); line-height: 1.15em; padding: .1em .35em; font-size: max(.75rem,.75em); border-radius: 2em; background: var(--focus-color-opacity1) linear-gradient(var(--focus-shadow-color)...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
123456…15跳转