子比美化 第4页
子比主题美化相关教程
分类
排序
2025-12-13
评论可见
子比主题 – 文章上方推广样式代码-识趣者资源

子比主题 – 文章上方推广样式代码

这是一款子比推广样式代码，很简约的一款，并且修复了css一些问题，并且这款适配了昼夜和手机端，喜欢的自行部署吧！ [hidecontent type="reply"] 定位：WP后台–>>外观–>>自定义HTML，将下面的代码放里面即可，建议放到：文章页-主内容上面 <style> .tengfei-info-module-box,.tengfei-info-module-box *{margin:0 !important;padding:0 !important;font-size:1em !important;border:0 !important;width:auto !important;height:auto !important;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;list-style:none !important;max-width:none !important;max-height:none !important;line-height:1 !important;background:0 0 !important}.tengfei-info-module-box{margin:1.5em 0 .8em 0 !important;max-width:100% !important;margin-left:auto !important;margin-right:auto !important}.tengfei-info-module-btn{display:inline-flex !important;height:2.4em !important;align-items:center !important;justify-content:center !important;padding:0 1em !important;border-radius:4px !important;background-color:var(--tengfei-module-color1)...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-22
评论可见
子比主题 – 自定义HTML小工具_扩展版-识趣者资源

子比主题 – 自定义HTML小工具_扩展版

这是一款子比主题自定义HTML小工具扩展，WP自带的有自定义html，但是只有一个输入代码的，这款小工具就是方便自己放自己的代码，并且功能加了一点，喜欢的自行部署吧！ [hidecontent type="reply"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_html.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_html.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_html.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 子比主题自定义HTML小工具扩展版下载提取码WC5L [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 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-01-22
免费
评论可见
子比主题-论坛九宫格图片插件-识趣者资源

子比主题-论坛九宫格图片插件

演示截图 论坛九宫格插件：自己新增一个WordPress插件把代码放在里面。 插件代码 [hidecontent type="reply"] <?php /** * Plugin Name: 子比论坛九宫格图片插件 * Description: 将子比主题论坛帖子图片显示改为九宫格样式（最多显示9张图片） * Version: 1.0.0 * Author: 大海 * Requires PHP: 7.0-8.5 */ if (!defined('ABSPATH')) exit; // 激活时修改主题文件 register_activation_hook(__FILE__,function(){$f=get_template_directory().'/inc/functions/bbs/inc/posts.php';if(file_exists($f)){$c=file_get_contents($f);file_put_contents($f,preg_replace('/\\$imgs_max\\s*=\\s*4\\s*;/','$imgs_max = 9;',$c));}}); // 停用时恢复主题文件...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-07
密码验证
子比主题-页脚美化-识趣者资源

子比主题-页脚美化

预览图 教程 [hidecontent type="password" password="5211314" img_id="" img_url="" desc="5211314"] 首先到后台，找到下面图片的位置开启自定义底部页脚颜色，然后页脚背景色修改为 #e68282 前景色改成白色 #ffffff 把下面代码复制替换子比主题的 footer.php文件 <?php /* * @Author : Qinver * @Url : zibll.com * @Date : 2020-09-29 13:18:36 * @LastEditTime: 2023-09-16 13:53:11 * @Email...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2026-01-13
500积分
子比主题-好看的底部导航-识趣者资源

子比主题-好看的底部导航

前言前面已经写过一遍教程了(在美化教程里->编号22)！发了一篇教程后，我又更新了下！本来我不打算更新教程的，因为在捣鼓那个打赏功能，想着写个打赏完之后支付成功的小伙伴可以在表里显示出来，可惜站长之前没有捣鼓过支付，只借鉴了烟雨那个要饭网站，写的不好也有bug，所以想着不分享出来了，可是有小伙伴想要，我就分享一下初始的打赏吧！更新功能：加入了本篇文字的点赞、分享数量加入了一个简单的打赏功能修改了几个iconfont图标效果图在functions.php加上下面这段代码图片是站长放在自己腾讯云里的，这里我就删除了，请自行添加自己的图片(//弹窗提醒)[hidecontent type="payshow"]//获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=comment&post_id='.$postid); //获取文章的所有评论 if ($comments) { $i=0; $j=0; $commentusers=array(); foreach ($comments as $comment) { ++$i; if ($i==1) { $commentusers[] = $comment->comment_author_email; ++$j; } if ( !in_array($comment->comment_author_email, $commentusers) ) {...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-15
50积分
子比主题-多会员体系插件-识趣者资源
子比插件

插件子比主题-多会员体系插件

本插件拥有单文章会员控制，单板块会员控制功能，用户下载插件后上传，启用后配置相关功能...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 40天前
#子比美化
 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个月前
#子比美化
 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...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 43天前
#子比美化
 2026-02-27
150积分
子比主题-添加一个弹窗猫耳朵-识趣者资源
子比美化

美化子比主题-添加一个弹窗猫耳朵

效果图 代码部署 [hidecontent type="payshow"] 放到后台自定义CSS即可 .modal-open .modal::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ff6ac3; -webkit-mask: url(https://oss.14wl.cn/wp-content/uploads/2026/02/20260227124410561-20250617143848171.png) no-repeat center/contain; mask: url(https://oss.14wl.cn/wp-content/uploads/2026/02/20260227124410561-20250617143848171.png) no-repeat center/contain; z-index: -1; } [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 28天前
#子比美化
 2026-01-30
300积分
次元守护·WordPress殿堂级维护页面插件（子比主题专版）-识趣者资源

次元守护·WordPress殿堂级维护页面插件（子比主题专版）

在浩瀚的数字宇宙里，每一个WordPress网站都是一颗璀璨的星辰而你的网站，正是那...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 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"...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-03
2588积分
子比主题 – 简约右侧悬浮按钮美化-识趣者资源

子比主题 – 简约右侧悬浮按钮美化

这是一款侧边的悬浮按钮美化，首先就是这款很简约，不太喜欢花里胡哨的，在之前也换过花里胡哨的侧边，但是不好看，喜欢的自行部署吧！ 功能说明 会员按钮带波纹效果，鼠标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">...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 52天前
#子比美化
 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:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-07
评论可见
子比美化-粉色细节优化-识趣者资源

子比美化-粉色细节优化

教程 后台自定义CSS [hidecontent type="reply"] /*粉色细节优化*/ .navbar-top .navbar-right .sub-menu { -webkit-box-shadow: 0 1px 4px 0 #ef71b2 inset; -moz-box-shadow: 0 1px 4px 0 #ef71b2 inset; box-shadow: inset 0 1px 4px 0 #ef71b2; } .posts-item.card{ -webkit-box-shadow: 0 1px...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
123456…23跳转