子比美化 第5页
子比主题美化相关教程
分类
排序
2025-12-13
子比主题 – 右上角随机访问文章功能-识趣者资源

子比主题 – 右上角随机访问文章功能

这是一款子比主题的右上角随机访问文章功能，利用的子比自带的颜色和跳转图标，给自己的右上角加一个随机文章还是比较美观的，喜欢的自行部署吧！ [hidecontent type="reply"] 一共两个部分的代码，跟着我的教程走不会有问题！ func代码zib-header.php代码角标颜色 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加上php头，要不然会报错，将下面的代码直接丢里面即可！ function register_random_post_redirect_endpoint() { register_rest_route('wp/v2', '/random-post', array( 'methods' => 'GET', 'callback' => 'handle_random_post_redirect', 'permission_callback' => '__return_true' )); } add_action('rest_api_init', 'register_random_post_redirect_endpoint'); function handle_random_post_redirect($request) { // 获取所有已发布的文章 $args = array( 'post_type' =>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 可爱的返回顶部悬挂猫-识趣者资源

子比主题 – 可爱的返回顶部悬挂猫

这是一款子比主题右侧可爱的返回顶部悬挂猫，我觉得非常我不错，给自己的站点加了很多的趣味，喜欢的自行部署！ 代码部署 [hidecontent type="reply"] 部署之前先说好，这个我是打包好的，你跟着我的步骤走就行了，你不需要改目录，我这边打包好了已经！ 我们到目录：/wp-content/themes/zibll/func.php文件，没有func文件自己创一个，创了之后记得加php头，要不然会报错，把下面的代码放进文件里面， function back_to_top_cat() { echo '<script src="/wp-content/themes/zibll/cat/cat.js"></script> <script type="text/javascript" src="/wp-content/themes/zibll/cat/szgotop.js"></script> <link rel="stylesheet" type="text/css" href="/wp-content/themes/zibll/cat/szgotop.css" /><div class="back-to-top cd-top faa-float animated cd-is-visible" style="top: -600px;"></div>'; } add_action('wp_head', 'back_to_top_cat'); 放进去之后我们将下面的附件上传到：/wp-content/themes/zibll目录下，解压，解压之后就可以了！ 子比主题可爱的返回顶部悬挂猫下载提取码RgyE [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 文本超链接美化样式-识趣者资源

子比主题 – 文本超链接美化样式

给子比主题加一个文本超链接的美化样式，我这里可能是有一些小小的问题，但是不影响使用，我留个文章当作备份一下这个代码，省的再去找，话不多说直接看演示吧！ 代码部署 [hidecontent type="reply"] 丢到：子比主题–>>自定义CSS样式即可！ @font-face { font-family: 'tengfei-font'; src: url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.woff2?t=1741491889382') format('woff2'), url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.woff?t=1741491889382') format('woff'), url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.ttf?t=1741491889382') format('truetype'); } .wp-posts-content a:not([class]),.wp-block-list a:not([class]) { color: var(--focus-color); line-height: 1.15em; padding: .1em .35em; font-size: max(.75rem,.75em); border-radius: 2em; background: var(--focus-color-opacity1) linear-gradient(var(--focus-shadow-color)...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-13
子比主题 – 前台发布文章离开页面提示保存-识趣者资源

子比主题 – 前台发布文章离开页面提示保存

这是为子比主题前台编辑器添加的一个发布文章离开页面提示保存的功能，当我们在前台发帖或发文章页面编辑一大堆内容，如果忘记手动保存直接访问其他页面后，所有内容就丢失了。此功能就是为了避免这一情况发生，有需要的朋友自行部署吧！ 代码部署： [hidecontent type="reply"] 定位：子比主题后台 – 自定义代码 – 自定义底部HTML代码中添加以下代码（记得修改代码中的网站为你自己的）： <!-- 提示编辑保存js开始--> <script type="text/javascript"> let whiteList = ['/newposts','/posts-edit/'] let flag = whiteList.includes(window.location.pathname) ? true : false let formListenerAdded = false; function listeningForm() { var hasChanges =...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
 2025-12-13
子比主题 – 文章列表添加置顶和新文章角标-识趣者资源

子比主题 – 文章列表添加置顶和新文章角标

这是一款子比主题文章列表右上角置顶和新文章角标，置顶就是在后台设置，新文章就是当天发的文章，功能真的很不错，喜欢的自行部署吧，演示图我只是随便找了两个图标，下面我会教你怎么换图标！ 代码部署 [hidecontent type="reply"] 一共三个地方，跟着我的步骤走，别放错了地方，话不多说开始！ FUNC文件zib-posts-list.php文件CSS代码 我们到：/wp-content/themes/zibll/func.php文件里面，没有这个文件自己创一个，记得加php头，要不然报错，我们将下面的代码放到里面，里面的最新文章和置顶文章的图标我已经放上去了，就是我演示图里面的，你喜欢什么图标可以替换了！ //新文章发布New小图标 function tianyishangke_post_newicon($post){ //date_default_timezone_set('PRC'); $wiui_date = date("Y-m-d H:i:s"); $wiui_post_date = get_the_time('Y-m-d H:i:s', $post); $wiui_diff = (strtotime($wiui_date)-strtotime($wiui_post_date))/3600; if($wiui_diff<24){ $wiui_new_icon = '<div class="tianyishangke-new-icon"><img src="https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01jVZZB71QbInIvtWj6_!!2210123621994.png" draggable="false" alt="最新文章" /></div>'; }else if (is_sticky()){...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-16
子比主题美化-新用户注册滚动播报-识趣者资源

子比主题美化-新用户注册滚动播报

子比主题美化-新用户注册滚动播报 分享一段函数代码，挺简单的一个小功能，可以实现新用户注册滚动播报，有能力可以自行二次开发成小工具。 图片展示 教程开始 想要在自己网站显示这个效果就自行二开成小工具或者在合适的文件位置输出函数代码 例如在主题目录下的index.php文件main标签下方插入一行 index.php 在主题index.php文件main标签下面添加上以下代码 <?php echo DearLicy_notice(); ?> [hidecontent type="reply"] functions.php 在主题functions.php文件最下面添加上以下代码 function DearLicy_notice() { global $wpdb; // 定义SQL查询来获取最新注册的十个用户 $sql = "SELECT ID, user_login, user_registered FROM $wpdb->users ORDER BY user_registered DESC...
识趣资源的头像-识趣者资源至尊会员识趣资源· 19天前
#子比美化
 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]
识趣资源的头像-识趣者资源至尊会员识趣资源· 6天前
#子比美化
 2026-01-31
子比主题-标签自动加内链插件-识趣者资源

子比主题-标签自动加内链插件

分享一款自制的标签自动添加外链插件，适合各类内容站点提升运营效率。这款插件无需复杂配...
识趣资源的头像-识趣者资源至尊会员识趣资源· 3天前
#子比美化
 2026-01-27
子比主题DIV-文章页面顶部添加文章信息v3.0插件版-识趣者资源

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

介绍 本插件设计轻巧，易于安装。本插件大小仅仅只有3.51K，安装后，它将自动...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
 2025-12-13
子比主题 – 右侧二次元不到翁样式-识趣者资源

子比主题 – 右侧二次元不到翁样式

发现一个好玩的，就是给自己的子比右侧加上不到翁的样式，目前只测试了子比主题，其他的站应该都可以部署的，鼠标可以拖拽不到翁，喜欢的自行部署吧！ [hidecontent type="reply"] 定位：WP后台–>>子比主题–>>网站统计HTML代码，直接丢里面就可以了，但是要注意的是，里面的JS是引入我的，因为按钮里面有跳转链接在JS里面，所以你可以本地下载一下或者下载我的附件自己引入，在JS代码里面搜：tfbkw.com，替换你的就行了 <div id="left_layer" class="sakana-tfbk" style="position:fixed; bottom:250px; right:-38px;"> <div id="sakana-widget"></div> <script> function initSakanaWidget() { new SakanaWidget().mount('#sakana-widget'); } </script> <script async onload="initSakanaWidget()" src="你的js链接" ></script> </div> [/hidecontent] 右侧二次元不到翁样式附件下载提取密码ndH7
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-31
子比主题-等级图标分享-识趣者资源

子比主题-等级图标分享

1-100等级图标 新增20个动图等级图标
识趣资源的头像-识趣者资源至尊会员识趣资源· 3天前
#子比美化
 2025-12-13
子比主题 – 自带滑块验证图片修改教程-识趣者资源

子比主题 – 自带滑块验证图片修改教程

对于子比的滑动模块我们很多人都不是很喜欢自带的滑动模块的图片，接下来我来教大家怎么自...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-11
子比主题 – 文章重构图片类文章小工具-识趣者资源

子比主题 – 文章重构图片类文章小工具

这是一款子比主题文章重构图片类文章小工具，这款小工具可选很多版式，如：左一右二等，还是比较不错的，而且还带有鼠标悬停hover效果，喜欢的自行部署吧！ 代码部署 [hidecontent type="reply"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_posts_layou.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_posts_layou.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_posts_layou.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 子比主题文章重构图片类文章小工具下载提取码Sj8k [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 文章段落渐变背景样式（四款）-识趣者资源

子比主题 – 文章段落渐变背景样式（四款）

在逛论坛的时候发现一个四款渐变背景样式，于是腾飞博客就给他们单独分开，一开始腾飞用WordPress 区块开发的本地注册（即原生注册）自定义区块来写的wordpress插件，写了一半不想写了，就代码部署wordpress新样板吧，也挺方便的，而且插件多了还卡，话不多说直接开始！ [hidecontent type="reply"] 更新了原始编辑器，就是禁用古腾堡的那种WP原始编辑器，看好是古腾堡编辑器还是原始编辑器 古腾堡编辑器原始编辑器 首先这个教程需要WP古腾堡，古腾堡才有的哦，没有的话就不用部署了！ 定位：WP后台–>>新建文章，我们先把代码直接新建区块这样就很方便了，新建文章如下图！ 代码我放到最后，喜欢的哪个自己放哪个，或者也可以都放，我们把样式放到了自定义HTML之后，我们点右边的三个点，如下图！ 然后我们如上图有一个：创建新样板，然后我们点开他，然后我们创建比如这个名字是：蓝色渐变，就写这个名字，然后分类可以自己创建，如下图，就看懂了！ 然后我们添加就添加成功了，然后我们去哪里找这个呢，如下图，我已经添加了四个！ 然后搜到了之后我们喜欢哪个就点哪个，然后直接部署就行，如果添加自定义HTML，想看到样式，可以点一下预览就变成了可观的样式，当然你如果自己写了样式也可以用这个教程哦 代码部署 绿色渐变橙色渐变蓝到粉渐变灰色渐变 <p class="gradient-paragraph gradient-4"> 这是一个绿色渐变背景示例。清新的颜色让人联想到自然和成长，适合用于环保、健康或积极主题的内容。 </p> <style> .gradient-paragraph { margin-bottom: 30px; padding: 25px; border-radius: 12px; line-height: 1.8; font-size: 1.6rem; transition: all 0.3s...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-11
子比主题 – 订阅小工具插件_全开源-识趣者资源

子比主题 – 订阅小工具插件_全开源

这是一款子比主题的订阅小工具插件，为什么是小工具插件，因为是通过短标签来实现的小工具...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
1…34567…15跳转