子比美化 第20页
标签
排序
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;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 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(...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-01-27
1588积分
子比主题美化 – 首页页脚美化（白色）-识趣者资源

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

很多朋友跟狐狸说这个页脚有没有白色的呀？原本是不管昼夜都是固定黑灰色显示，这次改成跟随主题颜色显示，取消了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">...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-01-27
500积分
子比主题美化 - 脚页高级修改-识趣者资源

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

美化简介 今天我在翻网站的时候，发现了一个很好看的尾页，就给扒了下来并且修复了一下，可能会与某些东西会有些冲突，下面是效果图 美化效果 代码教程 [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子比主题 *...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 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...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-01-27
688积分
子比主题 – 狐狸库自定义底部样式-识趣者资源

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

这是一款狐狸库自定义底部样式，这款页脚是黑色的，代码虽然很多，但是跟着我的步骤走不会有问题，话不多说直接开始，喜欢的自行部署！ 代码部署 [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...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-01-27
2
子比主题DIV-文章页面顶部添加文章信息v3.0插件版-识趣者资源

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

介绍 本插件设计轻巧，易于安装。本插件大小仅仅只有3.51K，安装后，它将自动...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-01-27
评论可见
子比主题美化 – 二次元悬浮菜单按钮-识趣者资源

子比主题美化 – 二次元悬浮菜单按钮

前言 该效果是初一扒的，给子比主题做了适配。 效果图 代码教程 function内添加代码 [hidecontent type="reply"] function内添加代码 // 二次元悬浮按钮 function adjust_footer_buttons_based_on_device() { if (vxras_pz('acg_float_right')) { // 判断是否开启二次元悬浮按钮 if (wp_is_mobile()) { // 对于手机用户，确保原版按钮不被移除 remove_action('wp_footer', 'acg_float_right'); add_action('wp_footer', 'zib_float_right'); } else { // 对于PC用户，移除自带悬浮按钮，确保使用二次元悬浮按钮 remove_action('wp_footer', 'zib_float_right'); add_action('wp_footer',...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 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...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-01-27
评论可见
子比主题美化 – 列表文章封面添加动态缩略图-识趣者资源

子比主题美化 – 列表文章封面添加动态缩略图

给自己子比主题加一个列表文章封面添加动态缩略图 教程 把css代码加入后台即可 [hidecontent type="reply"] /*动态圆圈*/ .item-thumbnail:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0); transition: background .35s; border-radius: 8px; z-index: 2; max-width: 765px; margin: 0 auto; pointer-events:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
1…1819202122…36跳转