子比美化 第6页
排序
2026-01-28
子比主题美化 - 文章页内容上方广告代码-识趣者资源

子比主题美化 – 文章页内容上方广告代码

在文章页面的上方，您可以设计一个类似优待卷的标签样式，具备跳转功能。这种设计不仅提升了页面的美观度，还非常适合用来放置站长的相关链接，提升网站的访问量与用户体验。这样的标签可以吸引读者的注意力，鼓励他们进行点击，从而实现更好的互动效果。 [hidecontent type="reply"] HTMLCSS 可使用小工具放置 网站后台->外观->小工具->自定义HTML 至任意位置。 <div class="single-gg"> <div class="single-gg-left"> <div class="single-gg-img"> <img src="修改为自己的图片"> </div> <div class="single-gg-desc">恭喜你发现了宝藏！</div> </div> <div class="single-gg-right"> <a href="https://huliku.com" target="_blank" class="single-gg-btn">立即去挖宝</a> </div> </div> 代码投放：网站后台 -> Zibll主题设置 -> 全局&功能 -> 自定义代码 ->...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 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-28
子比主题美化 – 幻灯片&页面过渡效果-识趣者资源

子比主题美化 – 幻灯片&页面过渡效果

过度效果 原效果 代码部署 [hidecontent type="reply"] 代码投放：网站后台 -> Zibll主题设置 -> 全局&功能 -> 自定义代码 -> 自定义CSS样式 /*幻灯片过渡效果 huliku.com*/ .swiper-slide::before { content: ''; display: block; position: absolute; left: 0; top: 58%; right: 0; bottom: 0; transform: scale(1.01); background:...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-28
子比主题美化 – 网站顶部加载进度条-识趣者资源

子比主题美化 – 网站顶部加载进度条

学习如何在子比主题中快速添加并美化网站顶部加载进度条，提升用户体验与网站视觉效果。详细步骤教你从零开始部署，让网站加载更直观。 代码部署 网站后台->Zibll主题设置->自定义代码->自定义头部HTML代码 [hidecontent type="reply"] 建议自行本地化，以免失效。 <script data-pjax src="//npm.elemecdn.com/pace-js@1.2.4/pace.min.js"></script> 样式1样式2 /* 顶部小进度条start */ .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 2000; position: fixed; margin: auto; top: 10px; left: 0;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-28
子比主题功能 – 随机评论弹窗-识趣者资源

子比主题功能 – 随机评论弹窗

前天发布了一个网易云热评弹窗小卡片，昨天就有小伙伴建议，能不能做成网站里的随机评论消息，于是今天就简单改了一下，参考了一下洪哥那边的设计，那么话不多说，先来看看效果吧！ 将下方代码放置在主题目录下的 function.php 或者新建一个 func.php 文件 [hidecontent type="reply"] // 注册自定义 REST API 接口 function register_hot_comments_endpoint() { register_rest_route('myapi/v1', '/hot-comments', array( 'methods' => 'GET', 'callback' => 'get_hot_comments', )); } add_action('rest_api_init', 'register_hot_comments_endpoint'); function get_hot_comments() { $args = array(...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-27
子比主题美化 – 首页页脚美化（白色）-识趣者资源

子比主题美化 – 首页页脚美化（白色）

很多朋友跟狐狸说这个页脚有没有白色的呀？原本是不管昼夜都是固定黑灰色显示，这次改成跟随主题颜色显示，取消了JS图片滚动波浪，使用了svg代码显示动态滚动波浪，具体的自行体验吧！ 白色 黑色 简介 更换滚动波浪（取消JS图片波浪） 修复论坛前台发帖选择板块错位 修复找回密码页错位 修复友情链接模块错位 修复页面右侧空白占位 修复文章数量上标 增加网站名称前爱心 增加每日签到链接 增加任务中心链接 增加网站标题调用 增加网站描述调用 增加网站年限调用 增加域名调用 去除原上方统计模块 代码部署 [hidecontent type="payshow"] PHP代码 首先我们要知道我们加这个底部之后，他官方的底部还存在，我们先把官方的代码删掉然后再按照下面的步骤来走，我们先到/wp-content/themes/zibll/footer.php，找到下面的代码，下面的代码是官方自带的底部，我们要给他删掉，避免后面出现两个底部。如果是子主题自己弄一下吧，在func判断一下如果启用这个页脚就隐藏子比自带的底部 查找代码 <footer class="footer"> <?php if (function_exists('dynamic_sidebar')) { dynamic_sidebar('all_footer'); }?> <div class="container-fluid container-footer">...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
 2026-01-27
子比主题美化 - 脚页高级修改-识趣者资源

子比主题美化 – 脚页高级修改

美化简介 今天我在翻网站的时候，发现了一个很好看的尾页，就给扒了下来并且修复了一下，可能会与某些东西会有些冲突，下面是效果图 美化效果 代码教程 [hidecontent type="payshow"] 打开本主题根目录进入footer.php把下面的复制进去 <?php /* * @Author : Qinver * @Url : zibll.com * @Date : 2020-09-29 13:18:36 * @LastEditTime: 2023-09-16 13:53:11 * @Email : 770349780@qq.com * @Project : Zibll子比主题 *...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
 2026-01-27
子比主题 – 仿张洪Heo页脚样式美化-识趣者资源

子比主题 – 仿张洪Heo页脚样式美化

今天来发一篇仿张洪Heo页脚样式的美化，我觉得这个页脚也许好看也许不好看，毕竟每个人的审观不一样，我这边没有完全模仿他的页脚，如果完全模仿的话我觉得适配手机端不好看，话不多说直接开始吧！ 代码部署 [hidecontent type="reply"] css我压缩了，然后你可以引入一个文件到footer文件里面，不会引入就用我直接部署的方法吧！ 我们首先要打开目录：/wp-content/themes/zibll/footer.php，然后我们接下来就要放入代码了，我们要知道子比自带的代码是什么，可以给他删掉，如果不删掉的话会出现两个页脚，所以我们将下面的代码删掉 <footer class="footer"> <?php if (function_exists('dynamic_sidebar')) { dynamic_sidebar('all_footer'); }?> <div class="container-fluid container-footer"> <?php do_action('zib_footer_conter');?> </div> </footer> 删掉之后我们将开始放入这篇的页脚美化，我们放到下面代码的上面，我就不截图了，你自己想想哪个代码的上面，就是下面的代码！ <?php wp_footer(); ?> 也就是说放到<?php这个的上面，我说的已经够明白了，不能再说了！接下来就是放入我们的页脚代码 代码如下 <style> @font-face{font-family:"11";/* Project id 4837858 */ src:url('//at.alicdn.com/t/c/font_4837858_4eqpwuln6r8.eot?t=1740467376348');/* IE9...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
 2026-01-27
子比主题 – 狐狸库自定义底部样式-识趣者资源

子比主题 – 狐狸库自定义底部样式

这是一款狐狸库自定义底部样式，这款页脚是黑色的，代码虽然很多，但是跟着我的步骤走不会有问题，话不多说直接开始，喜欢的自行部署！ 代码部署 [hidecontent type="payshow"] 投放路径：/wp-content/themes/zibll/func.php，没有func文件的自己创一下，然后记得加php头，要不然报错 本周发布 function get_posts_count_from_last_168h($post_type ='post') { global $wpdb; $numposts = $wpdb->get_var( $wpdb->prepare( "SELECT COUNT(ID) ". "FROM {$wpdb->posts} ". "WHERE ". "post_status='publish' ". "AND post_type= %s ". "AND post_date> %s", $post_type, date('Y-m-d...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
 2026-01-27
子比主题DIV-文章页面顶部添加文章信息v3.0插件版-识趣者资源

子比主题DIV-文章页面顶部添加文章信息v3.0插件版

介绍 本插件设计轻巧，易于安装。本插件大小仅仅只有3.51K，安装后，它将自动...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
1…45678…23跳转