子比美化 第3页
排序
2026-02-03
子比主题 – 左下角欢迎光临提示美化-识趣者资源

子比主题 – 左下角欢迎光临提示美化

这是一款子比主题左下角欢迎光临提示美化，在左下角可关闭，并且手机端是不显示的，这款提示有一个小铃铛带有动态的效果，喜欢的自行部署吧！ [hidecontent type="reply"] 定位：子比主题–>>自定义底部HTML代码，将下面的代码丢里面即可！ <div class="capsule-container"><div class="capsule-bar"><div class="capsule-content"><div class="capsule-icon"><svg t="1760148892394" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6215" width="32" height="32"><path d="M505.152 72.064c65.28 0 120.576 46.08 132.032 106.304 103.808 48.256 169.856 148.48 169.856 260.096v113.088l84.096 116.352c20.352 28.16...
识趣资源的头像-识趣者资源至尊会员识趣资源· 昨天
#子比美化
 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);...
识趣资源的头像-识趣者资源至尊会员识趣资源· 19天前
#子比美化
 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-13
子比主题 – 首页底部登录弹窗模块-识趣者资源

子比主题 – 首页底部登录弹窗模块

这是一款子比主题底部登入弹窗模块，在逛网站的时候扒的别人，优化了一下CSS代码，因为他那个样式是直接显示的，感觉不美观，我这里加了点显示延迟，话不多说直接开始！ 代码部署 [hidecontent type="reply"] func代码CSS代码 我们到：/wp-content/themes/zibll/func.php这个文件里面，没有这个文件创一个，记得加php头，要不然报错，将下面的代码放到里面 /*子比主题底部登录美化样式*/ function zibll_Add_ons_footer_sidebar_display() { if (is_user_logged_in()) { return; } $sidebar_html = ' <div class="wapnone"> <div class="footSideBar footNoSideBar" style="" data-v-468191f6=""> <div class="left_warp"> <p class="left_word">一键注册登录，免费下载更多的资源教程</p> <ul class="login_ad_list"> <li class="login_ad_item"> <img src="//pub-cdn-oss.chuangkit.com/ad_position/07b0bea0b5ff4a4a86821440 2dffbe06"...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 系统弹窗跳转引导提醒（第二版）-识趣者资源

子比主题 – 系统弹窗跳转引导提醒（第二版）

教程 [hidecontent type="reply"] 在子比后台-自定义底部HTML代码中添加以下代码（跳转链接自行替换） <script type="text/javascript"> try{ if($||jQuery){ tipsFun(); }else{ let script=document.createElement("script"); script.type="text/javascript"; script.src="https://cdn.mac89.com/common/static/static/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(script); script.onload=tipsFun; } function tipsFun(){ const platform=navigator.platform; if((platform=="Win32")||(platform=="Windows")||(platform=="MacIntel")||(platform=="MacPPC")||(platform=="Mac68K")||(platform=="MacOS")){ let curTime=new Date().getTime(); if(!window.localStorage.hasTips||((curTime-window.localStorage.hasTips)>=86400000)){ setTimeout(()=>{ $(document).ready(function(){ let tipHtml=` <div class="tip-box" id="tip-box" style=" position:...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-16
子比主题美化 – 首页自定义动态分类标题-识趣者资源

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

本文章只是个人无聊时的对子比主题美化记录集合，同时也是本人的备忘录。若您觉得可以的话就拿去贵站使用吧 代码部署： 后台 >>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; }...
识趣资源的头像-识趣者资源至尊会员识趣资源· 19天前
#子比美化
 2025-12-29
子比主题 – 文章页顶部卡片+会员高速线路_苹果样式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() {...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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> 修改大小后的影片长这样，这里的宽度和高度可以根据自己的需求修改...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2025-12-02
子比主题 – 列表悬停动态气泡与边框样式-识趣者资源

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

美化简介 这是一款子比主题类别动态气泡加上边框慢慢淡蓝色样式，这款样式是看到别人的站有这种效果，本篇适应于子比的所有列表，但是建议用：列表模式的，卡片的话有点臃肿不好看，喜欢的自行部署吧！ 美化效果 代码部署 直接丢到：子比主题–>>自定义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;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
12345…23跳转