子比美化 第11页
标签
排序
2026-02-01
评论可见
子比美化-登录注册弹窗页面添加logo小萝莉-识趣者资源

子比美化-登录注册弹窗页面添加logo小萝莉

实现美化 给登录注册弹窗页面顶部添加一个漂亮的小萝莉位于logo上方logo上方 效果图 代码部署 [hidecontent type="reply"] 在子比后台自定义css里加入 /*登录小狐狸*/ .sign-img+.sign::before {content:'';position:absolute;top:-144px;left:80px;width:191px;height:187px;background:url(https://oss.14wl.cn/wp-content/uploads/2026/02/20260201234301867-20240824182029399-202408121354352571.webp) no-repeat center / 100%;} [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 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]...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 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);...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-23
子比主题 – 社区LOGO单独设置插件-识趣者资源

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

这是一款子比主题社区logo单独设置插件，有一些站长既有博客又有论坛，但是不想用同一...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
 2026-02-03
评论可见
子比主题-文章右上角显示当页二维码「手机浏览」-识趣者资源

子比主题-文章右上角显示当页二维码「手机浏览」

在子比主题文章页的右上角显示一个二维码图标，鼠标悬停时展开显示当前文章链接的二维码，方便用户用手机扫码访问。 实现细节： 仅在文章详情页（is_single()）生效 图标定位在 article.article 容器的右上角（position:absolute;top:0;right:0） hover时弹出面板从右上角展开，覆盖图标位置（top:-1px;right:-1px） 使用子比主题自带的 jQuery qrcode 插件生成二维码 面板样式：白色背景、描边、无阴影 在线演示 [hidecontent type="reply"] /** * 文章页右上角二维码 - hover显示 - 大海 * 在 article 右上角显示二维码图标 */ function dahai_article_qrcode() { if (!is_single()) return; ?> <style>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-02-07
评论可见
子比主题 – 动态背景符号元素效果-识趣者资源

子比主题 – 动态背景符号元素效果

第一步 首先我们将下面的代码放到：子比主题–>>自定义底部HTML代码即可！ [hidecontent type="reply"] <link rel="stylesheet" href="/wp-content/themes/zibll/css/tengfei/yuansufuhao.css" /> <script>$('head').before('<div class="container1"><div class="inner-container1"><div class="shape"></div></div><div class="inner-container1"><div class="shape"></div></div></div>');</script> <script>$(document).ready(function(){var html='';for(var i=1;i<=50;i++){html+='<div class="shape-container--'+i+' shape-animation"><div class="random-shape"></div></div>'}document.querySelector('.shape').innerHTML+=html});</script> [/hidecontent] 第二步 我们将附件直接下载然后在：/wp-content/themes/zibll/目录下上传，也就是子比根目录 [hidecontent type="reply"] 动态元素符合背景样式1.zip下载 [/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 =>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-22
520积分
子比主题 – 底部背景切换器小工具-识趣者资源

子比主题 – 底部背景切换器小工具

给大家做了一款底部背景切换器，这款切换器很实用，这个很适合做插件，但是小工具更方便，插件还是对于我来说多了的话影响速度，适配了手机端，鼠标点击切换器出现，鼠标悬停背景预览背景，点击切换背景，话不多说喜欢的自行部署吧！ 效果图 小工具配置 代码部署 [hidecontent type="payshow"] 打开主题根目录进入/functions.php 把下面代码复制进去 /** * 识趣资源网https://47zhe.cn */ // 底部背景切换器小工具 class Zib_Background_Switcher_Widget extends WP_Widget { public function __construct() { parent::__construct( 'zib_background_switcher', '星空知-底部背景切换器', array( 'description' => '在页面底部显示背景切换器，允许用户切换网站背景，放在所有页面-顶部全宽度', ) ); } // 小工具显示...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-12
评论可见
子比美化-新春灯笼-识趣者资源

子比美化-新春灯笼

[hidecontent type="reply"] 把下面代码放在子比设置 自定义底部HTML代码即可 <script defer src="https://cdn.jsdelivr.net/gh/mulingyuer/web-denglong/dist/denglong.js"></script> JS代码 (function(){"use strict";try{if(typeof document!="undefined"){var t=document.createElement("style");t.appendChild(document.createTextNode('[class^=lantern],[class^=lantern]:before,[class^=lantern]:after{-webkit-box-sizing:border-box;box-sizing:border-box}.lantern-left,.lantern-right{position:fixed;top:0;z-index:9999;pointer-events:none}.lantern-left{left:50px}.lantern-right{right:50px}.lantern-container{width:150px;height:100px;position:relative;line-height:0;-webkit-animation:lantern 5s infinite ease-in-out;animation:lantern 5s infinite ease-in-out;-webkit-transform-origin:50% -100px;transform-origin:50% -100px}.lantern-center{position:relative;height:100%;background-color:red;border-radius:120px;-webkit-box-shadow:0 0 80px -10px #f00;box-shadow:0 0 80px -10px red}.lantern-line{height:100%;text-align:center}.lantern-line:before,.lantern-line:after{content:"";position:absolute;top:0;left:50%;border:2px solid #ecaa2f;border-radius:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%)}.lantern-line:before{width:75%;height:100%}.lantern-line:after{width:35%;height:100%}.lantern-text-wrap{display:inline-block;vertical-align:top;height:100%}.lantern-text{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:28px;font-weight:700;color:#ecaa2f;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;text-align:center;letter-spacing:5px}.lantern-top,.lantern-bottom{width:40%;height:8px;background-color:#ecaa2f;position:relative;z-index:1}.lantern-top{margin:0 auto -2px;border-radius:5px 5px 0 0}.lantern-bottom{margin:-2px...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 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]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
1…910111213…36跳转