子比美化 第4页
子比主题美化相关教程
分类
排序
2026-01-28
子比主题美化 – 修改网站整站字体-识趣者资源

子比主题美化 – 修改网站整站字体

本文详细介绍了如何修改网站整站字体的步骤和技巧。通过精选合适的字体、设置字体大小和样...
识趣资源的头像-识趣者资源至尊会员识趣资源· 6天前
#子比美化
 2026-01-28
子比主题美化 – 添加说说&微语页面-识趣者资源

子比主题美化 – 添加说说&微语页面

详细教程教你如何对子比主题进行深度美化，包含如何快速、有效地添加说说页面功能。适用于博客、个人网站等平台，让内容更丰富多彩。说说页面只适配本站子比主题，但是主体的代码还是能用的，其他主题只需复制主题下的页面默认模板文件，然后在合适的位置添加本说说页面的核心代码，即可使用。 简介由于通过本站文章微语页面的函数代码进行修改，使用如果使用微语页面的朋友，请先删除 functions.php 中的函数，再进行以下步骤。 更新主题时记得备份代码，以免无法使用。 有一些CSS样式是直接采用子比主题的CSS，所以其他主题使用过程中出现样式的问题请自行修改一些CSS样式。 说说页面的点赞不是主题的代码，所以会存在一个Bug，如果介意请自己删除相关代码。 代码部署 [hidecontent type="reply"] functions.php版本1版本2 在主题目录下 functions.php 文件末尾把下面代码添加进去即可。 //说说 add_action('init', 'my_custom_init'); function my_custom_init() { $labels = array( 'name' => '说说', 'singular_name' => 'singularname', 'add_new' => '发表说说', 'add_new_item' => '发表说说',...
识趣资源的头像-识趣者资源至尊会员识趣资源· 6天前
#子比美化
 2026-01-28
子比主题功能 – 为单个文章设置有效期，到期自动下线-识趣者资源

子比主题功能 – 为单个文章设置有效期，到期自动下线

为子比主题添加文章有效期功能，允许您为每篇文章设定有效期。一旦到达设定时间，文章将自动下线，不再对外展示。这一功能不仅能帮助您有效管理内容时效性，还能提升用户体验，减少过期信息的干扰。轻松设置，高效管理，让您的网站内容始终保持新鲜与活力！ [hidecontent type="reply"] func.php 添加如下代码。 //文章有效期 CSF::createMetabox('post_validity_options', array( 'title' => '文章有效期', 'post_type' => ['post', 'page', 'forum_post'], 'context' => 'side', 'data_type' => 'unserialize', )); CSF::createSection('post_validity_options', array( 'fields' => array( array( 'id' => 'post_validity_time', 'type' => 'date',...
识趣资源的头像-识趣者资源至尊会员识趣资源· 6天前
#子比美化
 2026-01-28
子比文章归档页面模板【二次开发版】-识趣者资源

子比文章归档页面模板【二次开发版】

7b2那边有大佬开发了一个带图表的文章归档页面，那别人有的我们也必须要有，该页面仅子比主题可用，文章卡片使用的是子比主题自带的卡片函数生成 页面所使用的技术栈如下： Apache ECharts(精美的图表组件)WordPress自带的Transient瞬态API缓存子比主题内置函数该页面使用 Transient瞬态API缓存一天 在子比主题目录下的 pages 文件夹创建一个PHP文件，名字随便起，由于我是子主题所以我直接命名为了 archives.php [hidecontent type="reply"] <?php /** * Template name: Zbfox-文章归档 * Description: A archives page for displaying article statistics and monthly updates. */ // 获取分类统计信息并缓存 function get_category_statistics() {...
识趣资源的头像-识趣者资源至尊会员识趣资源· 6天前
#子比美化
 2026-01-28
子比主题美化 – 自定义右下角提示弹窗-识趣者资源

子比主题美化 – 自定义右下角提示弹窗

通过一段简单的CSS代码，修改主题自带的提示弹窗，颜色自行决定。 [hidecontent type="reply"] /*右下角提示美化 huliku.com*/ .notyf.success { background: linear-gradient(90deg,rgb(249 15 15 / 70%),rgba(61,189,249,.8)); border-radius: 18px 0 0 18px; } .enlighter-default .enlighter { max-height: 400px; overflow-y: auto !important; } .posts-item .item-heading>a { font-weight: bold; color: unset;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 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主题设置 -> 全局&功能 -> 自定义代码 ->...
识趣资源的头像-识趣者资源至尊会员识趣资源· 6天前
#子比美化
 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;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 6天前
#子比美化
 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:...
识趣资源的头像-识趣者资源至尊会员识趣资源· 6天前
#子比美化
 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">...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 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子比主题 *...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 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...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 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...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-27
子比主题DIV-文章页面顶部添加文章信息v3.0插件版-识趣者资源

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

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