子比美化 第11页
子比主题美化相关教程
分类
排序
2025-12-13
子比主题 – 顶部多功能组件上方时间显示-识趣者资源

子比主题 – 顶部多功能组件上方时间显示

教程 [hidecontent type="reply"] 把下面的的代码放到 <div class="header-slider-search-more text-center before"> <div id="timeDisplay" class="time-display">19:07:48</div> <!-- 日期显示区域 --> <p id="dateDisplay" class="date-display">Tuesday, November 25, 2025</p> <script> // 更新时间和日期的函数 function updateTimeAndDate() { const now = new Date(); // 格式化24小时制时间 (HH:MM:SS) const...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-25
子比美化 – 最新访客小工具-识趣者资源

子比美化 – 最新访客小工具

这是一款子比主题的文章最新访客小工具，这个小工具可以看到哪个用户看这篇文章，非常实用的一款小工具，这个小工具我加了移动端和电脑端分别不显示或者显示，因为我毕竟不是很喜欢手机端显示，那样的话文章页面太多东西了，喜欢的自行部署吧！ 更新说明 25/4/1 添加电脑端和手机端显示规则按钮 添加标签可自定义文字 更新手机端显示可以横向滑动展示 部署代码 附件上传到：/wp-content/themes/zibll解压！ 以下代码插入zibll/func.php 如果没有func.php这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！ 小工具配置 [hidecontent type="payshow"] 附件上传到：/wp-content/themes/zibll解压！ 以下代码插入zibll/func.php 如果没有func.php这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！ $widgets_files = array( 'tengfei_visitor_info.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_stylesheet_directory() . '/tengfei/widgets/' . $file; } 把小工具拉到文章内容...
识趣资源的头像-识趣者资源至尊会员识趣资源· 10天前
#子比美化
 2025-12-13
子比主题 – 文章付费模块单独位置教程-识趣者资源

子比主题 – 文章付费模块单独位置教程

这是一款子比主题为每篇文章单独设置付费模块的显示位置，而不再局限于全局设置，原本的子比主题是全局生效显示的位置，教大家怎么去单独每篇文章不同的位置，话不多说直接开始！ 部署教程 [hidecontent type="reply"] 定位：zibll/zibpay/functions/zibpay-post.php，第240行左右，可以搜索 $pay_box_position 定位。按图删除这几行代码，然后替换成下面的代码。 // 修改付费模块位置逻辑，支持单篇文章自定义设置 function zibpay_get_post_box_position($post_id = 0) { if (!$post_id) { global $post; $post_id = $post ? $post->ID : 0; } $pay_mate = get_post_meta($post_id, 'posts_zibpay', true); $custom_position = !empty($pay_mate['pay_box_position'])...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 会员购买页面添加背景图-识趣者资源

子比主题 – 会员购买页面添加背景图

给子比主题会员购买页面添加一个背景图样式，看上去非常的美观，给自己的子比网站加点样式美化吧 [hidecontent type="reply"] 直接将代码放到：子比主题–>>自定义CSS样式即可！ /*vip背景开始*/ .vip-card{ background: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01t6ynIT1QbIhcVZ38F_!!2210123621994.png); background-size: auto; background-size: 115%; } .sub-vip-card .vip-card{ background-size: 175%; } .payvip-icon{ background: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01t6ynIT1QbIhcVZ38F_!!2210123621994.png); } /*vip背景结束*/ [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 文章上方推广样式代码-识趣者资源

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

教程 [hidecontent type="reply"] WP后台–>>外观–>>自定义HTML，将下面的代码放里面即可，建议放到：文章页-主内容上面！当然你可以放在任何位置！ <style> .huijuf-info-module-box,.huijuf-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}.huijuf-info-module-box{margin:1.5em 0 .8em 0 !important;max-width:100% !important;margin-left:auto !important;margin-right:auto !important}.huijuf-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(--huijuf-module-color1)...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-28
子比主题美化 – 文章页高亮商用版权提示-识趣者资源

子比主题美化 – 文章页高亮商用版权提示

优化用户体验，文章页高亮商用版权提示功能，帮助用户快速识别内容版权信息，确保合法使用，提升网站合规性与专业性。 效果预览 代码部署 [hidecontent type="reply"] HTMLCSS 代码投放：网站后台->子比主题->文章页面->文章页面底部 <div class="shangye">本站资源均为作者提供和网友推荐收集整理而来，仅供学习和研究使用，请在下载后24小时内删除，谢谢合作！</div> 商图下方下载！ 代码投放：网站后台 -> Zibll主题设置 -> 全局&功能 -> 自定义代码 -> 自定义CSS样式 .shangye { color: white; background: #5282f7 url(你的图片链接) 3px 3px no-repeat; border: 1px solid #5282f7; overflow: hidden;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-27
子比主题-置顶角标美化-识趣者资源

子比主题-置顶角标美化

使用教程 将下列代码加入后台CSS中即可 [hidecontent type="reply"] .posts-item badge.img-badge.left.jb-red { position: absolute; top: 10px; right: -50px; z-index: 1; width: 140px; height: 20px; background: var(--theme-color); color: #fff; line-height: 20px; transform: rotate(45deg); text-align: center; font-size: 12px; left: auto; border-radius: 0...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
 2026-01-28
子比主题美化 – 太空人时钟表盘-识趣者资源

子比主题美化 – 太空人时钟表盘

很火的华为太空人表盘源码，基于SVG+JavaScript实现网红华为太空人表盘GT...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2025-12-13
子比主题 – 侧边栏动态时间小工具-识趣者资源

子比主题 – 侧边栏动态时间小工具

这是一款子比主题侧边动态时间小工具，逛博客的时候看到好看就扒来了，这个是纯时间动态，带有一些特效，非常好看，喜欢的自行部署吧 代码部署 [hidecontent type="reply"] 将下面的代码放到：WP后台->>外观–>>小工具–>>自定义HTML即可，建议放到：文章页-侧边栏 <style> .times { margin: 0; padding: 0; height: 100%; } .times2 { height: 100%; background: #fff; } .times2 svg { height: 100%; width: 100%; margin-bottom: -34px; } .words { font-size:...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-31
子比主题 – 客服工单系统插件-识趣者资源

子比主题 – 客服工单系统插件

在此文章之前作者是别人写的，博客买来的，有一些资源网拿该插件去出售，博客今天免费给大...
识趣资源的头像-识趣者资源至尊会员识趣资源· 3天前
#子比美化
 2026-01-13
子比主题 – 首页统计卡片小工具-识趣者资源

子比主题 – 首页统计卡片小工具

这是一款子比主题首页统计卡片小工具，可自己上传背景，背景可随页面滚动进行动态不固定也可固定设置，用了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]
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
 2026-01-28
子比主题-内嵌其他网页-识趣者资源

子比主题-内嵌其他网页

操作步骤 首先到你的主题根目录，这里以本站子比主题为例，路径为：你的网址/wp-content/themes/zibll/ 新建一个空白文件 空白文件自定义命名，我这里内嵌狐狸论坛，所以就填写 bbs.php 命名后确认一下路径，然后打开刚新建的文件 将下方代码粘贴进去，记得更换你要内嵌的网址 代码 [hidecontent type="reply"] <?php /** * Template name: Huliku - 内嵌网页 * Description: Huliku - 内嵌网页 */ // 获取链接列表 get_header(); $header_style = zib_get_page_header_style(); ?> <!--开始--> <iframe src="你要内嵌的网址" width="100%"...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-24
子比主题 – 最新发布和逐字公告小工具-识趣者资源

子比主题 – 最新发布和逐字公告小工具

这是一款子比的最新发布和逐字公告小工具，很早的时候扒的mac站长的样式代码，今天发一下这款样式，我看很多人搬运也没有多少有动态逐字效果，话不多说直接开始 代码部署 [hidecontent type="payshow"] 我这边写了一个隐藏手机的样式，我觉得手机端显示不怎么好看，所以隐藏了！ 小工具代码CSS代码JS代码附件下载 我们将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码即可，最新发布那个地方记得换一下自己的logo，因为我这边是自己设计的，你可以设计一下自己的！ <div class="wapnone"> <div id="zuixinfabu" class="index-new"><img draggable="false" oncontextmenu="return false;" src="https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01W26eil1QbInKIXK6C_!!2210123621994.png" alt="最新发布"> <div class="file-format" data-v-2775696c=""> <span id="index-xtips" class="txt-file-format" data-v-2775696c=""></span> <span class="typed-cursor typed-cursor--blink" aria-hidden="true"></span> <span class="file-format-icons" data-v-2775696c=""> <i class="icon_ps" data-v-2775696c=""></i> <i...
识趣资源的头像-识趣者资源至尊会员识趣资源· 11天前
#子比美化
 2026-01-28
子比主题-网站底部添加【我也是有底线的】-识趣者资源

子比主题-网站底部添加【我也是有底线的】

效果演示 代码位置 在 zibll 主题目录下 themes/zibll/footer.php 文件中的“第一行”下面添加下面的代码： [hidecontent type="reply"] <!--底部可爱底线提示--> <center> <div class="lastpagenotice_text" style="color:#6699FF;font-weight:bold;">我也是有底线哒~</div> <img src="https://47zhe.cn/img/v.png" width="550" height="50" > </center> <!--底部可爱底线提示--> [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-28
子比主题-文章列表小工具-识趣者资源

子比主题-文章列表小工具

[hidecontent type="reply"] /** * Tab幻灯片小工具-大海 */ Zib_CFSwidget::create('zib_widget_tab_slider', array( 'title' => 'Tab幻灯片', 'zib_affix' => true, 'zib_show' => true, 'description' => '左侧幻灯片+右侧Tab条，hover切换', 'fields' => array( array( 'id' => 'source_type', 'title' => '数据来源', 'default' => 'custom', 'options' =>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
1…910111213…15跳转