子比美化 第22页
排序
2025-12-14
子比主题侧边栏悬浮按钮美化-识趣者资源

子比主题侧边栏悬浮按钮美化

教程 [hidecontent type="reply"] /*悬浮美化开始kobai.top*/ .float-right .ontop { --this-color: #ffffff; --this-bg: linear-gradient(123deg, #461B93 0%, #461B93 40%, #6A3CBC calc(40% + 1px), #6A3CBC 60%, #8253D7 calc(60% + 1px), #8253D7 70%, #F78F1E calc(70% + 1px), #F78F1E 100%); } .float-right...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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() {...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-31
子比主题 – 客服工单系统插件-识趣者资源

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

在此文章之前作者是别人写的，博客买来的，有一些资源网拿该插件去出售，博客今天免费给大...
识趣资源的头像-识趣者资源至尊会员识趣资源· 3天前
#子比美化
 2026-01-25
子比主题-原创评分插件-识趣者资源

子比主题-原创评分插件

新增 评分 小工具+文章内容底部综合评估框架
识趣资源的头像-识趣者资源至尊会员识趣资源· 10天前
#子比美化
 2025-11-24
子比美化-底部横向统计模块-识趣者资源

子比美化-底部横向统计模块

首先将我们的文件包解压出demo，将demo文件上传至网站根目录，如下图再将以下核心函数代码添加至子比根目录的header.php文件中[hidecontent type="reply"]<script type="text/javascript" > //文章总数 <?php $count_posts = wp_count_posts(); $published_posts =$count_posts->publish;echo "var tj_wzzs="."'$published_posts'";?> //本周发布 <?php $post_wpdb = get_posts_count_from_last_168h($post_type ='post');echo "var tj_bzfb="."'$post_wpdb'";?> //运行时间 <?php $wdyx_time = floor((time()-strtotime("2023-11-11 11:11:11"))/86400);echo "var tj_yxsj="."'$wdyx_time'";?> //用户总数 <?php global $wpdb;$users = $wpdb->get_var("SELECT...
识趣资源的头像-识趣者资源至尊会员识趣资源· 3个月前
#子比美化
 2026-01-13
子比主题 – 文章封面角标美化-识趣者资源

子比主题 – 文章封面角标美化

这篇文章就是我给大家搭建了一个新网站测试的，然后就是我给里面加了几个角标的样式，直接丢的颜色代码美化，我发现很多站一堆人发我这个美化，我想知道版权不留就说自己写的吗？真的懒得搭理，某些站长真的是恶心，直接免费，喜欢的自行部署！ 我这里修复了一下，之前搬运我这个文章的，忘了告诉你了，那些去拿去卖钱的人，用了之前的这个样式会卡顿，所以我这次就是免费分享一下，再搬运不留版权我真的要心里问候你家人怎么样了！正好记录一下！ [hidecontent type="payshow"] 一共三个代码，两个PHP代码和一个CSS代码，我会讲的很仔细，跟着教程操作不会有问题 metabox-options.phpzib-posts-list.phpCSS代码 定位：/wp-content/themes/zibll/inc/options/metabox-options.php文件，然后我们进入文件里面就去搜“文章、页面、帖子的独立seo”因为这个是子比主题更新后的注释，如下图和代码 if (class_exists('CSF')) { CSF::createMetabox('tf', array( 'title' => '文章封面自定义标识', 'post_type' => array('post', 'page', 'plate', 'forum_post'), 'context' => 'advanced', 'data_type' => 'unserialize', )); CSF::createSection('tf', array( 'fields' => array( array( 'title'...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
 2026-01-28
子比主题-修改“付费资源”文字为图标-识趣者资源

子比主题-修改“付费资源”文字为图标

很多使用子比主题的站长朋友都感觉付费资源图标显示太长，都有意想修改为图标显示，子比官网也有人分享过这方面的教程，但是需要付费购买，找了下相关教程，做一下记录，也跟大家分享一下怎么改掉它！ 效果演示 使用方法 [hidecontent type="reply"] 文件路径：zibll\inc\functions\zib-posts-list.php 搜索【$mark = zibpay_get_pay_mark();】后面添加以下代码 $svg = '<symbol id="icon-points" viewBox="0 0 1024 1024"> <path d="M419.886252 370.432927c119.605022 0 243.995044-26.302516 318.706976-76.460106v91.304594h69.207683V185.366307C807.800911 65.18189 607.999688 0.289697 420.006126 0.289697S32.091467 65.18189 32.091467 185.366307v545.629859c0 120.184417 199.801223 185.076609 387.794785...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-19
子比主题美化 – 首页排名榜样式美化-识趣者资源

子比主题美化 – 首页排名榜样式美化

首先我们要知道这个排名榜一共是三个文件代码，HTML、CSS和图片，话不多说直接开始(适配夜间） [hidecontent type="payshow"] <div id="syphb" class="container list clearfix"> <div class="ranking-item"> <a class="top-icon js-rank-bottom1">子比美化</a> <div class="class-box"> <?php query_posts('cat=3&showposts=5&orderby=views'); ?> <?php while (have_posts()) : the_post(); ?> <a class="class-item js-rank" href="<?php esc_url(the_permalink()); ?>" rel="external nofollow" rel="external nofollow" rel="external...
识趣资源的头像-识趣者资源至尊会员识趣资源· 16天前
#子比美化
 2025-12-13
子比主题 – 合作用户列表图片样式-识趣者资源

子比主题 – 合作用户列表图片样式

为子比主题首页增添一个合作伙伴列表的图片样式是许多子比站点运营者的共同需求。这样的样式不仅能够美化页面，还可以有效展示合作关系。下面是一些建议，帮助您创建一个优秀的合作用户列表样式，供有需要的朋友自行部署。 [hidecontent type="reply"] 一共两个部分的代码，一个是HTML，一个是css样式，跟着我的步骤走不会有错 HTMLCSS 这是HTML代码，将下面的代码放到：后台–>>外观–>>自定义HTML，放到你想要展现的地方即可，图片我已经放到图床，自行替换一下合作的LOGO <div class="home-page-container"> <div class="wrapper"> <div class="company-logo-box"> <div class="sub-title">与170000家企业用户共同见证改变</div> <div class="small-des">腾飞博客感谢每一位企业合作伙伴的支持与信任</div> <div class="company-logo"> <div class="row first-row"> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01oMqGNc1QbIlvWjCas_!!2210123621994.png");"></div> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01PHJLPJ1QbIlrKHnCC_!!2210123621994.png");"></div> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01c2RPRk1QbIltKsQk9_!!2210123621994.png");"></div> <div class="logo-box"...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-22
子比主题美化 – 文章列表多种动画效果美化-识趣者资源

子比主题美化 – 文章列表多种动画效果美化

效果一（加载上浮动画） 教程开始 将下面代码添加到自定义css代码中即可 [hidecontent type="reply"] .posts-item{animation:floatUp 0.8s ease forwards}@keyframes floatUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}} [/hidecontent] 效果二（上浮弹性动画） 教程开始 将下面代码添加到自定义css代码中即可 [hidecontent type="reply"] .posts-item{animation:floatUpBounce 0.9s ease forwards}@keyframes floatUpBounce{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}} [/hidecontent] 效果三（缩放旋转动画） 教程开始 将下面代码添加到自定义css代码中即可 [hidecontent type="reply"] .posts-item{animation:floatUpScale 0.7s ease forwards}@keyframes floatUpScale{0%{opacity:0;transform:translateY(30px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}} [/hidecontent]...
识趣资源的头像-识趣者资源至尊会员识趣资源· 12天前
#子比美化
1…20212223跳转