子比美化 第7页
子比主题美化相关教程
分类
排序
2026-02-18
888积分
子比主题 – 屏幕快照及网站信息GO跳转页面-识趣者资源
子比美化

功能子比主题 – 屏幕快照及网站信息GO跳转页面

在此之前博客发布过也是快照GO跳转页面，只不过那个有点简单了，今天这一款是带有整个网站的快照并且右侧还带有自动获取该网站图标，然后自动获取TDK信息，并且还会自动为跳转站生成二维码，很方便，喜欢的自行部署吧！ 示例图片 代码部署 [hidecontent type="payshow"] 请自行替换子比主题目录下的go.php文件内容 <?php // 安全过滤与初始化 if ( strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERVER['REQUEST_URI'], "eval(") !== false || strpos($_SERVER['REQUEST_URI'], "base64") !== false ) { @header("HTTP/1.1 414 Request-URI Too Long"); @header("Status: 414 Request-URI Too...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 38天前
#子比美化
 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)...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-26
评论可见
子比美化-文章列表果冻弹跳效果-识趣者资源
美化样式

美化子比美化-文章列表果冻弹跳效果

给网站添加一个鼠标放到文章上会有一个果冻弹跳的效果，主的看上去还是很好玩的，实现这个效果只需要一个CSS即可。 图片展示 教程开始 将下面代码放到主题设置里的自定义CSS即可 [hidecontent type="reply"] .posts.posts-item.card.ajax-item:hover { -webkit-animation: jumps-data-v-6bdef187 1.2s ease 1; animation: jumps-data-v-6bdef187 1.2s ease 1; } @-webkit-keyframes jumps-data-v-6bdef187 { 0% { transform: translate(0); } 10% { transform: translateY(5px) scaleX(1.2) scaleY(0.8); } 30%...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 29天前
#子比美化
 2026-01-22
免费
子比主题 – 简易聊天室插件-识趣者资源

子比主题 – 简易聊天室插件

这是一款子比主题简易聊天室插件，开启插件之后可通过代码来实现位置，代码功能实时同步聊天，很实用的一款插件，可自己放到自己的小工具来实现位置，喜欢的自行部署吧！ 代码部署下载插件之后，将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML，放到你自己想要放的位置！ <!-- 简易聊天室代码--> <div id="zibll-right-chat-toggle" class="float-btn" onclick="document.getElementById('zibll-right-chat').classList.toggle('active')"> <i class="fa fa-comments"></i> <text>聊天室</text> </div> <!-- 代码结束 -->
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2025-12-13
评论可见
子比主题美化 – 新发布文章列表角标NEW-识趣者资源

子比主题美化 – 新发布文章列表角标NEW

教程 [hidecontent type="reply"] 在主题目录 func.php 文件添加如下代码。 （func.php = functions.php）看过狐狸以前的文章应该都懂，以后就不解释了。 文件路径：/www/wwwroot/baicaima.com/wp-content/themes/zibll/functions.php /*新文章发布角标 */ function add_zbfox_new_post_label($title, $id) { if (!is_admin() && !is_single()) { $post_time = get_the_time('U', $id); if (time() - $post_time <= 24 * 60 * 60) { $title...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 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行...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 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>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 53天前
#子比美化
 2026-01-28
评论可见
子比主题-首页六格菜单PC版-识趣者资源

子比主题-首页六格菜单PC版

效果演示 Html代码 可直接添加到后台 小工具 >> 自定义HTML代码，里面的图片链接自行替换。 [hidecontent type="reply"] <div class="home-row-left content-area "> <div id="html-box-lg" class="html-box"> <div class="sort mobile-hidden"> <!-- 专题 --> <div class="sort-swiper-container swiper-container swiper-container-initialized swiper-container-horizontal"> <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-1178px, 0px, 0px);"> <ul...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 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;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 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]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2025-12-13
评论可见
子比主题 – 合作用户列表图片样式-识趣者资源

子比主题 – 合作用户列表图片样式

为子比主题首页增添一个合作伙伴列表的图片样式是许多子比站点运营者的共同需求。这样的样式不仅能够美化页面，还可以有效展示合作关系。下面是一些建议，帮助您创建一个优秀的合作用户列表样式，供有需要的朋友自行部署。 [hidecontent type="reply"] 一共两个部分的代码，一个是HTML，一个是css样式，跟着我的步骤走不会有错 HTMLCSS 这是HTML代码，将下面的代码放到：后台–>>外观–>>自定义HTML，放到你想要展现的地方即可，图片我已经放到图床，自行替换一下合作的LOGO <div class="home-page-container"> <div class="wrapper"> <div class="company-logo-box"> <div class="sub-title">与170000家企业用户共同见证改变</div> <div class="small-des">腾飞博客感谢每一位企业合作伙伴的支持与信任</div> <div class="company-logo"> <div class="row first-row"> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01oMqGNc1QbIlvWjCas_!!2210123621994.png");"></div> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01PHJLPJ1QbIlrKHnCC_!!2210123621994.png");"></div> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01c2RPRk1QbIltKsQk9_!!2210123621994.png");"></div> <div class="logo-box"...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-30
8
子比主题-文章顶部4.0版本的信息插件-识趣者资源

子比主题-文章顶部4.0版本的信息插件

这是一款子比主题文章顶部4.0版本的信息插件，我看了张洪站长的顶部样式，虽然跟他不是...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 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 =>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 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">...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 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' => '在页面底部显示背景切换器，允许用户切换网站背景，放在所有页面-顶部全宽度', ) ); } // 小工具显示...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
1…56789…23跳转