子比美化 第3页
子比主题美化相关教程
分类
排序
2026-01-16
评论可见
子比主题 – 下载按钮hover弹窗功能（两版）-识趣者资源

子比主题 – 下载按钮hover弹窗功能（两版）

这是一款子比主题下载按钮hover弹窗功能，首先说一下这个功能唯一的缺点就是，这个如果用户扫了二维码下载资源之后，不扣资源限制次数，无限制下载，介意的话就不用这个功能，喜欢的自行部署吧！ [hidecontent type="reply"] 为什么刚才给大家说的有两版，其实样式是一样的，只不过就是一个版是通过api接口来实现生成二维码，第二个版是通过子比来实现的，不过子比的话有缓存，都可以用的，给大家分享两版！ 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己记得加上php头，要不然会报错，两个版都是放到func里面，但是别两个同时放进去，你感觉哪个好用就用哪个版！ 第一版（调用API接口实现二维码） add_action('wp_footer',function(){?> <script>jQuery(function($){$('.but-download a.but[href*="pay-download"]').each(function(){var b=$(this),u=b.attr('href'),q='https://api.qrtool.cn/?text='+encodeURIComponent(u),img=new Image();img.src=q;b.attr({'data-toggle':'tooltip','data-html':1,'data-placement':'bottom',title:'<div class="text-center padding-10"><img src="'+q+'" style="width:120px;height:120px;border-radius:4px;"><div class="mt6 muted-2-color em09">扫码下载资源</div></div>'}).tooltip({html:1,trigger:'manual',container:'body'}).on('mouseenter',function(){var t=$(this);t.tooltip('show');setTimeout(function(){t.tooltip('update')},50)}).on('mouseleave',function(){$(this).tooltip('hide')})})});</script> <style>.tooltip-inner{width:140px!important;max-width:160px!important;padding:0;background:#000;border:1px solid var(--muted-border-color);box-shadow:0 2px 8px rgba(0,0,0,.1)}.tooltip.show{opacity:1}</style> <?php }); 第二版（调用子比主题实现二维码） add_action('wp_ajax_get_download_qrcode','custom_get_download_qrcode'); add_action('wp_ajax_nopriv_get_download_qrcode','custom_get_download_qrcode'); function custom_get_download_qrcode(){ if(empty($_GET['url'])){die();} $url=urldecode($_GET['url']); $cache_key='qr_'.md5($url);...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 邮箱通知样式美化（四款样式）-识趣者资源

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

给大家做了四款款子比主题邮箱通知样式美化，邮箱通知美化还是不错的，博客给大家设计并美化了，目前是四款样式，后面博客会做很多邮箱通知，喜欢的自己挑选几款自己部署吧！ 部署教程 定位：/wp-content/themes/zibll/inc/functions/zib-email.php文件里面，我们搜$content = '，搜了之后，我们如下图替换子比的样式，如下图 样式如下 [hidecontent type="reply"] 第一款第二款第三款第四款 $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;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-29
29.9
子比主题 – 文章页顶部卡片+会员高速线路_苹果样式UI-识趣者资源

子比主题 – 文章页顶部卡片+会员高速线路_苹果样式UI

在很早的时候我写过一个会员高速线路，不过那个文章部署很麻烦，今天定制的一款仿苹果UI的顶部卡片样式，腾飞博客适配了昼夜、电脑端、手机端等，并且优化了很多的细节，这个版本是给用户定制的功能，本来是打算写插件，腾飞博客本身不喜欢写插件，就是因为慢，代码部署也是非常快，为了这个演示单独录了视频~~ 安卓这里忘了演示了，大概说一下，安卓是打开文章顶部是覆盖手机显示的，但是显示立即下载按钮，点击立即下载按钮就直接跳转子比主题下载模块，用户只看软件的配置，非常方便！ 版本修复更换苹果样式UI以及添加历史版本按钮修复立即下载不跳转以及直接在后台可以填写高速线路链接添加后台直接获取文章ID进行拖拽排序方便管理版本功能添加后台填写文章ID获取该文章标题并且判断文章是否存在本教程我是一个个细节写的，UI很简约，这款是给别人定制的功能，非常适合做软件站的，如果购买了本篇文章请不要泛滥，如果有BUG立马联系识趣博客进行修复 2025/10/29更新 优化适用系统可自定义填写 修复没有填写高速线路情况下不显示高速线路按钮 优化高速线路按钮不跳转而是调用购买子比会员modal弹窗 美化高速线路按钮调用子比的按钮 [hidecontent type="payshow"] 一共三个部分，跟着我的教程走不会有问题！！ func代码ib-single.php代码ibpay-post.php代码 定位：/wp-content/themes/zibll/func.php文件，如果没有这个文件，请自己创建一个，记得加上php头，以免报错，直接将下面的代码丢进去！ //----------------自定义后台配置开始---------------- function tengfei_add_custom_meta_boxes() { add_meta_box( 'tengfei_custom_fields_box', '腾飞 - 文章属性设置', 'tengfei_render_custom_fields', 'post', 'normal', 'high' ); } add_action('add_meta_boxes', 'tengfei_add_custom_meta_boxes'); add_action('wp_ajax_tengfei_verify_post_id', 'tengfei_verify_post_id_callback'); function tengfei_verify_post_id_callback() {...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 自定义认证SVG图标-识趣者资源

子比主题 – 自定义认证SVG图标

这是一款子比主题认证修改图标，就是修改子比主题默认自带的认证图标，改成你自己的svg图标，非常的美观，喜欢的自行部署吧！ 代码部署 [hidecontent type="reply"] 我们到：/wp-content/themes/zibll/js/svg-icon.js这个文件里面搜“zib_svgs['user-auth']”，如下图 示意：zib_svgs['user-auth'] = '你的SVG代码'; 这里提供一个bilibili蓝色闪电SVG图标代码为例 zib_svgs['user-auth'] = '<path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#FFFFFF" p-id="4885"/><path d="M512 512m-418.909091 0a418.909091 418.909091 0 1...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-16
199积分
子比主题美化 – 首页自定义动态分类标题-识趣者资源

子比主题美化 – 首页自定义动态分类标题

本文章只是个人无聊时的对子比主题美化记录集合，同时也是本人的备忘录。若您觉得可以的话就拿去贵站使用吧 代码部署： 后台 >>Zibll主题设置 >> 全局&功能 >>自定义代码 >> 自定义CSS样式 [hidecontent type="payshow"] body.home .box-body.notop { background: var(--main-bg-color); padding: 5px; padding-left: 1.2em; border-radius: 10px; margin-bottom: 10px; } body.home .title-theme { position: relative; padding-left: 1.3em; font-size: 20px; margin: 5px; }...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-20
200积分
子比主题-小工具动态轮播-识趣者资源
子比工具

工具子比主题-小工具动态轮播

后台可以进行配置：评论数量、滚动时长(秒)、评论框圆角 演示框架 后台配置 代码部署 在functions.php里面新增代码，然后在小工具添加就行。 [hidecontent type="payshow"] /** * Dahai 动态评论 - 上下双行，左右滚动 */ Zib_CFSwidget::create('dahai_comment_carousel', array( 'title' => 'Dahai 动态评论', 'zib_title' => false, 'zib_affix' => false, 'zib_show' => false, 'description' => '上下双行左右轮播，hover暂停', 'fields' => array(...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 35天前
#子比美化
 2026-02-04
免费
评论可见
子比主题 – 用户中心添加下载历史查询-识趣者资源

子比主题 – 用户中心添加下载历史查询

查看下载历史直接在我的服务里面的下载历史查看，不需要更改源代码，更新主题不会覆盖 [hidecontent type="reply"] 下面这个是修改为只显示多少天的记录 直接替换文件，替换前请备份 下面是文件地址链接： /wp-content/themes/zibll/inc/functions/user/page.php /wp-content/themes/zibll/zibpay/functions/zibpay-download.php [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 51天前
#子比美化
 2026-02-20
100积分
评论可见
子比主题-悬浮侧边栏滑动美化（内容转换为文字）-识趣者资源
子比美化

功能子比主题-悬浮侧边栏滑动美化（内容转换为文字）

演示截图 部署教程 如果你是子主题则需要再functions.php内引入这个文件 [hidecontent type="reply"] require_once get_stylesheet_directory() . '/Modules/Templates/Footer.php'; [/hidecontent] CSS代码 [hidecontent type="reply"] /*米图子主题悬浮美化开始*/ .bar-mark{ top:unset!important; } .mi-newtop { position: fixed; right: 16px; bottom: 32px; width: 44px; z-index: 1; } .aside-bar{ width:0px; } .aside-bar >...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 35天前
#子比美化
 2026-01-28
评论可见
WordPress子比主题插入高清bilibili哔哩哔哩视频代码-识趣者资源

WordPress子比主题插入高清bilibili哔哩哔哩视频代码

站长门都知道，许多博客主题都是支持嵌入bilibili视频代码播放的，但是有一个通病，就是嵌入的视频都是以最低视频分辨率播放，今天主要就是解决这个问题！ 在B站有很多影片资源可以分享，若想分想到自己的WordPress网站该怎么做呢？ 首先在“点击复制链接”处复制“嵌入代码” 在WordPress使用HTML插入媒体，填入代码后会变成下图这样，整个影片尺寸是变小的（如下） 因为B站预设的外站引用解析度是最低的，因此所以不能直接贴上代码 需要加上一段代码，让B站影片能跟随自家网站的大小来做改变： [hidecontent type="reply"] 1. 加入代码修改影片显示大小 width="100%" height="600" 比如说我想要分享的影片代码是这串 <iframe src="//player.bilibili.com/player.html?aid=914606049&bvid=BV1Mu4y1z7a9&cid=1229413200&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe> 那我就在iframe之间加入这串代码 width="100%" height="600" <iframe src="//player.bilibili.com/player.html?aid=914606049&bvid=BV1Mu4y1z7a9&cid=1229413200&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="100%" height="600"> </iframe> 修改大小后的影片长这样，这里的宽度和高度可以根据自己的需求修改...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-08
评论可见
子比主题 – 给签到增加五彩缤纷的背景颜色-识趣者资源

子比主题 – 给签到增加五彩缤纷的背景颜色

[hidecontent type="reply"] 主题后台–>>自定义代码–>>自定义CSS样式 /*加点颜色加点料*/ .user-ranking-item.relative { background: #ffd1d8; border-radius: var(--main-radius); } .user-ranking-item.relative:nth-child(1) { background: #ffd1d8; } .user-ranking-item.relative:nth-child(2) { background: #ffa50085; } .user-ranking-item.relative:nth-child(3) { background: #ffff0080; } .user-ranking-item.relative:nth-child(4) { background: #98ff0073; } .user-ranking-item.relative:nth-child(5) { background: #c4cffa;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2026-02-20
免费
子比主题-文章同步公众号插件-识趣者资源
子比插件

插件子比主题-文章同步公众号插件

示例图片
识趣资源的头像-识趣者资源
至尊会员识趣资源· 35天前
#子比美化
 2025-12-02
100积分
子比主题 – 列表悬停动态气泡与边框样式-识趣者资源

子比主题 – 列表悬停动态气泡与边框样式

美化简介 这是一款子比主题类别动态气泡加上边框慢慢淡蓝色样式，这款样式是看到别人的站有这种效果，本篇适应于子比的所有列表，但是建议用：列表模式的，卡片的话有点臃肿不好看，喜欢的自行部署吧！ 美化效果 代码部署 直接丢到：子比主题–>>自定义CSS样式即可！ [hidecontent type="payshow"] /* 子比主题列表悬停动态气泡与边框样式 */ .posts-item { position: relative; overflow: hidden; transition: all 0.3s ease; border: 1px solid transparent; border-radius: 8px; } .posts-item::before { content: ""; position: absolute; top: 0;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-13
评论可见
子比主题 – 禁止使用余额购买会员功能-识趣者资源

子比主题 – 禁止使用余额购买会员功能

这是一款子比主题的余额扩展功能，此次分享的代码有两种不同的模式，分别为普通模式以及严格模式，两种模式的用法、要求等截然不同，代码搭配的有详细注释，可根据自己的情况进行部署！有用得到的朋友自行部署吧！ [hidecontent type="reply"] 温馨提示：普通模式状态下会禁止用余额开通/续费会员，不影响其他功能（如购买文章、购买商城商品、购买积分等），严格模式状态下只能用于文章内的资源/内容购买，禁止用于购买会员、积分、商城商品等其他一切消费！ 普通模式严格模式 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ // 子比主题：禁止使用余额购买会员 add_filter('zibpay_is_allow_balance_pay', function($allow, $pay_type){ // pay_type: 4=购买会员 if($pay_type == 4){ return false; // 禁止 } return $allow; // 其他情况保持默认 }, 10, 2); 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ // 子比主题：余额仅允许用于文章内消费 add_filter('zibpay_is_allow_balance_pay', function($allow, $pay_type){...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-07
评论可见
子比美化-幻灯片底部虚化-识趣者资源

子比美化-幻灯片底部虚化

教程 放到后台自定义CSS [hidecontent type="reply"] .absolute::before { content: ''; display: block; position: absolute; left: 0; top: 58%; right: 0; bottom: 0; transform: scale(1.01); background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, var(--body-bg-color) 100%); } [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2025-12-13
评论可见
子比主题 – 全局B2弹窗提醒样式美化-识趣者资源

子比主题 – 全局B2弹窗提醒样式美化

这个是子比主题全局B2弹窗提醒样式的美化，可以看本站的复制、签到等等更多按钮，就是把子比默认的弹窗替换了B2样式美化，部署之前要确保之前没有引入过其他的弹窗样式，话不多说直接开始！ 代码部署 [hidecontent type="reply"] 一共三个地方的代码，跟着我的步骤走不会有问题，确保之前没有部署过其他的弹窗样式！ CSS自定义底部HTML代码JS代码 我们先丢CSS样式到：子比主题–>>自定义CSS样式即可！ /*弹窗提醒*/ .qmsg.qmsg-wrapper { box-sizing:border-box; margin:0; padding:0; font-size:13px; font-variant:tabular-nums; line-height:1; list-style:none; font-feature-settings:"tnum"; position:fixed; top:136px; left:0; z-index:9999999; width:100%; pointer-events:none; color:#000; } .qmsg .qmsg-item { padding:8px; text-align:center; -webkit-animation-duration:.3s; animation-duration:.3s; position:relative; }...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
12345…23跳转