子比美化 第17页
子比主题美化相关教程
分类
排序
2026-02-27
888积分
子比主题美化 – 2026最新联系我们页面-识趣者资源
子比页面

功能子比主题美化 – 2026最新联系我们页面

演示图
识趣资源的头像-识趣者资源
至尊会员识趣资源· 28天前
#子比美化
 2026-01-28
评论可见
子比主题-侧边滚动条样式美化教程-识趣者资源

子比主题-侧边滚动条样式美化教程

WordPress默认的浏览器侧边栏滚动条是非常丑陋的，当然，有些WordPress主题是自带美化的侧边滚动栏不需要我们自己去美化，有些WordPress主题是没有美化侧边滚动栏的，那么这时就需要我们去美化啦！狐狸站长今天就教大家如何自定义美化侧边滚动栏。其实非常简单，只需一句代码的事情就可以自定义美化WordPress侧边滚动栏，并且代码适用于绝大多数WordPress主题。 使用方法 只需在主题设置自定义CSS代码里面添加美化的css代码即可！ 如果主题没有 自定义代码 那么在WordPress主题目录文件里找style.css文件或者在WordPress后台里找“外观—>自定义—>额外CSS”里面美化的css代码即可！ 单色滚动条样式 [hidecontent type="reply"] /*滚动条显示样式*/ ::-webkit-scrollbar-thumb{ background-color:#FF6666; /*更改喜欢的十六进制颜色*/ height:50px; outline-offset:-2px; outline:2px solid #fff; -webkit-border-radius:4px; border: 2px solid #fff; } /*滚动条大小*/ ::-webkit-scrollbar{ width:8px; height:8px; } /*滚动框背景样式*/ ::-webkit-scrollbar-track-piece{ background-color:#fff; -webkit-border-radius:0; } [/hidecontent]...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-24
500积分
子比主题 – 最新发布和逐字公告小工具-识趣者资源

子比主题 – 最新发布和逐字公告小工具

这是一款子比的最新发布和逐字公告小工具，很早的时候扒的mac站长的样式代码，今天发一下这款样式，我看很多人搬运也没有多少有动态逐字效果，话不多说直接开始 代码部署 [hidecontent type="payshow"] 我这边写了一个隐藏手机的样式，我觉得手机端显示不怎么好看，所以隐藏了！ 小工具代码CSS代码JS代码附件下载 我们将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码即可，最新发布那个地方记得换一下自己的logo，因为我这边是自己设计的，你可以设计一下自己的！ <div class="wapnone"> <div id="zuixinfabu" class="index-new"><img draggable="false" oncontextmenu="return false;" src="https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01W26eil1QbInKIXK6C_!!2210123621994.png" alt="最新发布"> <div class="file-format" data-v-2775696c=""> <span id="index-xtips" class="txt-file-format" data-v-2775696c=""></span> <span class="typed-cursor typed-cursor--blink" aria-hidden="true"></span> <span class="file-format-icons" data-v-2775696c=""> <i class="icon_ps" data-v-2775696c=""></i> <i...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-07
评论可见
子比主题 – 为每篇文章单独设置付费模块的显示位置-识趣者资源

子比主题 – 为每篇文章单独设置付费模块的显示位置

预览图 教程 [hidecontent type="reply"] 1、打开 zibll/zibpay/functions/zibpay-post.php 文件第240行左右，可以搜索 $pay_box_position 定位。按图删除这几行代码，然后替换成下面的代码。 // 修改付费模块位置逻辑，支持单篇文章自定义设置 function zibpay_get_post_box_position($post_id = 0) { if (!$post_id) { global $post; $post_id = $post ? $post->ID : 0; } $pay_mate = get_post_meta($post_id, 'posts_zibpay', true); $custom_position...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2026-02-20
588积分
子比主题-添加一个首页顶部新注册用户和会员用户展示代码+动态挂件（手机版可不显示展示）-识趣者资源
子比美化

美化子比主题-添加一个首页顶部新注册用户和会员用户展示代码+动态挂件（手机版可不显示展示）

前言（两个办法） 方法一： 使用方法： 下载文件，将php文件上传到子比根目录(注意不是网站根目录) functions.php引入以下代码： include('widgets-home-user.php'); 网站后台=>外观=>小工具找到用户首页列表添加到首页即可！！ [hidecontent type="payshow"] 首页用户列表小工具下载提取码521k [/hidecontent] 方法二： 看到一些网站有展示新注册用户和会员用户的模板，感觉还是挺有意思的。然后..就拿到了代码，代码默认电脑端显示，手机端不显示。 人生很短，当然要随心所欲了，咳咳，废话不多说，让我们继续往下看吧。 效果 说明 用过的朋友都知道，这手机界面显示不是很美观，之上在本人的布局排版中很不喜欢，如果你也不想让他在手机端显示的话就可以使用本代码！电脑端不影响使用！ [hidecontent type="payshow"] 以下代码可添加到 /wp-content/themes/zibll /index.php 覆盖即可，已经替换自定义用户头像。 <?php /* * @Author : Qinver * @Url : zibll.com * @Date...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 36天前
#子比美化
 2026-02-07
评论可见
子比主题 – 分享一款简约搜索框样式-识趣者资源

子比主题 – 分享一款简约搜索框样式

演示图 教程 [hidecontent type="reply"] 里面的网站换成你自己的，放到：WP后台–>>外观–>>小工具–>>自定义HTML <style> *, *::before, *::after { box-sizing: border-box; } #TFSO { background: transparent; box-shadow: none; border-radius: 32px; padding: 12px 24px; display: flex; justify-content: center; align-items: center; margin-bottom: 24px; } #TFSO form...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2026-01-28
888积分
子比主题美化 – 太空人时钟表盘-识趣者资源

子比主题美化 – 太空人时钟表盘

很火的华为太空人表盘源码，基于SVG+JavaScript实现网红华为太空人表盘GT...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-20
500积分
子比主题-增加一个 vip 展示小区块（丝滑浮动、调用API背景）-识趣者资源
子比美化

美化子比主题-增加一个 vip 展示小区块（丝滑浮动、调用API背景）

二改原创 小工具组件 一个浮动的VIP会员展示组件，采用卡片式布局，展示5种不同等级的会员类型;卡片设计包含悬停动画效果；响应式设计，在屏幕宽度小于800px时自动隐藏。 组件特点 清晰展示各级别会员的权益差异 包含永久VIP、年卡、季卡、月卡和基础会员五个等级 纯CSS实现的过渡动画效果 JavaScript实现动态背景图片加载 演示截图 代码获取 [hidecontent type="payshow"] <div class="yewu1 dahai-vip-mall" style="background-image: url();"> <div class="dahai-vip-title"> <h1><i class="fa fa-modx fa-spin"></i> VIP会员 <i class="fa fa-modx fa-spin"></i></h1> <h2>升级VIP会员享受海量资源免费下载~</h2> </div> <div class="ceo-container"> <div class="dahai-vip-app"> <ul>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 36天前
#子比美化
 2026-01-13
600积分
子比主题 – 首页统计卡片小工具-识趣者资源

子比主题 – 首页统计卡片小工具

这是一款子比主题首页统计卡片小工具，可自己上传背景，背景可随页面滚动进行动态不固定也可固定设置，用了CSF配置进行新增配置，最多可加5个统计，喜欢的自行部署吧！ [hidecontent type="payshow"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_vip_visit_card.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_vip_visit_card.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_vip_visit_card.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 子比主题 – 首页统计卡片小工具附件下载提取码8fRY [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-20
588积分
子比主题-美化评论区UID（支持三种信息显示）-识趣者资源
子比美化

美化子比主题-美化评论区UID（支持三种信息显示）

美化内容 既然是二开那就要做点有意义的，所以初一二开的版本除了 用户ID 以外额外增加了 IP地址、用户所在城市 、点击复制内容信息。（例如复制用户ID、IP、所在城市） 最最重磅的是什么呢？ 增加了后台！！！ 你没有听错本次美化初一写了后台，并且不依赖插件和子主题。 后台直接写进子比主题，无需过多繁琐操作，只需复制粘贴一串代码然后上传图片素材即可。 美化代码 functions代码，将以下代码放置于func.php [hidecontent type="payshow"] /* * 初一小盏二开评论区贴图 * 如果你是萌新不懂得操作请不要随意修改任何代码 * 感谢您购买初一小盏美化教程，代码有详细的注释，支持二次开发。 * 子主题已包含该美化，如果你是子主题用户购买了该教程，那初一就当是赞助开发了，谢谢大家的支持 * 作者：李初一 * QQ：82719519 * 官网：https://www.vxras.com */ // 引入css function DearLicy_css(){?> <style>.bili-dyn-item__ornament{position:sticky;right:48px;top:18px;margin-top:-13px;float:right;}.bili-dyn-ornament__type--3{height:44px;width:146px;}.bili-dyn-ornament img{height:100%;width:100%;user-select: none;pointer-events: none;}.bili-dyn-ornament__type--3 span{font-family:num...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 36天前
#子比美化
 2025-12-13
500积分
子比美化丨评论区显示用户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',...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-07
评论可见
子比主题-动态的HTML时钟样式-识趣者资源

子比主题-动态的HTML时钟样式

预览图 两个样式都适配日夜模式 样式一 样式二 教程 放到后台外观-小工具-自定义HTML 首页或文章也侧边栏 [hidecontent type="reply"] 样式一 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>QFY侧栏时钟</title> <style> .dynamic-clock { background: linear-gradient(135deg, #6e8efb, #a777e3); border-radius: 20px; padding: 30px; box-shadow: 0...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2026-01-31
免费
子比主题 – 靓号插件-识趣者资源

子比主题 – 靓号插件

识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-27
评论可见
子比主题-置顶角标美化-识趣者资源

子比主题-置顶角标美化

使用教程 将下列代码加入后台CSS中即可 [hidecontent type="reply"] .posts-item badge.img-badge.left.jb-red { position: absolute; top: 10px; right: -50px; z-index: 1; width: 140px; height: 20px; background: var(--theme-color); color: #fff; line-height: 20px; transform: rotate(45deg); text-align: center; font-size: 12px; left: auto; border-radius: 0...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-28
评论可见
子比主题-网站底部添加【我也是有底线的】-识趣者资源

子比主题-网站底部添加【我也是有底线的】

效果演示 代码位置 在 zibll 主题目录下 themes/zibll/footer.php 文件中的“第一行”下面添加下面的代码： [hidecontent type="reply"] <!--底部可爱底线提示--> <center> <div class="lastpagenotice_text" style="color:#6699FF;font-weight:bold;">我也是有底线哒~</div> <img src="https://47zhe.cn/img/v.png" width="550" height="50" > </center> <!--底部可爱底线提示--> [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
1…1516171819…23跳转