子比美化 第7页
子比主题美化相关教程
分类
排序
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天前
#子比美化
 2026-01-22
子比主题-论坛九宫格图片插件-识趣者资源

子比主题-论坛九宫格图片插件

演示截图 论坛九宫格插件：自己新增一个WordPress插件把代码放在里面。 插件代码 [hidecontent type="reply"] <?php /** * Plugin Name: 子比论坛九宫格图片插件 * Description: 将子比主题论坛帖子图片显示改为九宫格样式（最多显示9张图片） * Version: 1.0.0 * Author: 大海 * Requires PHP: 7.0-8.5 */ if (!defined('ABSPATH')) exit; // 激活时修改主题文件 register_activation_hook(__FILE__,function(){$f=get_template_directory().'/inc/functions/bbs/inc/posts.php';if(file_exists($f)){$c=file_get_contents($f);file_put_contents($f,preg_replace('/\\$imgs_max\\s*=\\s*4\\s*;/','$imgs_max = 9;',$c));}}); // 停用时恢复主题文件...
识趣资源的头像-识趣者资源至尊会员识趣资源· 13天前
#子比美化
 2026-01-22
子比主题-页脚分享-识趣者资源

子比主题-页脚分享

效果预览 [hidecontent type="reply"] 将代码直接到themes/zibll/footer.php文件全选覆盖就行 <?php /** * * @link https://www.47zhe.cn/ * * @package 宇凌云界 */ $company_name = 'YourCompany'; // 公司名称 $company_description = '我们是一家专注于创新和品质的企业，致力于为客户提供最优质的产品和服务。'; // 公司描述 // 二维码配置 $wechat_qr = 'https://picsum.photos/seed/wechat-qr/150/150.jpg'; // 微信二维码图片URL $qq_qr = 'https://picsum.photos/seed/qq-qr/150/150.jpg';...
识趣资源的头像-识趣者资源至尊会员识趣资源· 13天前
#子比美化
 2026-01-22
子比主题 – 登录管理后台邮件提醒功能-识趣者资源

子比主题 – 登录管理后台邮件提醒功能

在此之前博客发过类似的，只不过没有登录失败提醒，这一款跟我之前写的文章类似，这一款也是带提醒和登录失败功能，喜欢的自行部署吧！ [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件记得自己创建一个，记得加上php头，将下面的代码丢里面即可！ // WordPress 后台【登录成功】发送提醒邮件 function wp_login_success_notify($user_login) { date_default_timezone_set('PRC'); $admin_email = get_bloginfo('admin_email'); $to = $admin_email; $user = get_user_by('login', $user_login); $user_role = get_user_role_name($user->roles[0]); $subject = get_option('blogname').' - ✅ 网站后台登录成功提醒'; $message = '<p>你好！你的网站【'.get_option("blogname").'】后台登录成功提醒！</p>' . '<p>──────────────────</p>'...
识趣资源的头像-识趣者资源至尊会员识趣资源· 13天前
#子比美化
 2026-01-22
子比主题美化 – 底部横向网站信息统计模块-识趣者资源

子比主题美化 – 底部横向网站信息统计模块

介绍 分享一下子比的底部横向网站统计的模块，有博客播报、文章统计、浏览统计，用起来非常美观而且还非常实用的一个底部美化！！！不知道原创是谁，网上的资源整理测试的。 教程 子比主题的主题目录下，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'";?> //用户总数...
识趣资源的头像-识趣者资源至尊会员识趣资源· 13天前
#子比美化
 2026-01-22
子比主题美化 – 圆环进程时钟-识趣者资源

子比主题美化 – 圆环进程时钟

介绍 这是一个圆环进程的时钟，非常适合自己放在子比网站底部与横向统计使用，不过你也可以放在其他地方都可以！ 教程 此时钟可以配合横向信息统计来搭配放子比主题底部即可！ [postsbox post_id="1927"] [hidecontent type="reply"] 此时钟为单页html，复制代码带网站后台创建一个index.php粘贴进去，直接访问即可 <html> <head> <style> * { border: 0; box-sizing: border-box; margin: 0; padding: 0; } :root { --hue: 223; --bg: hsl(var(--hue),10%,90%); --fg: hsl(var(--hue),10%,10%); font-size: calc(16px + (24...
识趣资源的头像-识趣者资源至尊会员识趣资源· 13天前
#子比美化
 2026-01-21
子比美化教程 – 文章卡片样式美化（三点+时间）-识趣者资源

子比美化教程 – 文章卡片样式美化（三点+时间）

美化效果食用教程一、zib-posts-list代码文件路径：/wp-content/themes/zibll/inc/functions/zib-posts-list.php文件，我们在这个文件里面搜function zib_posts_mian_list_card($args = array())直接将zib_posts_mian_list_card整个函数都替换成下面的代码：[hidecontent type="payshow" desc="隐藏内容：付费阅读"]//获取卡片模式的文章列表 function zib_posts_mian_list_card($args = array()) { $graphic = zib_get_posts_thumb_graphic(); $title = zib_get_posts_list_title(); $badge = zib_get_posts_list_badge($args); $meta = zib_get_posts_list_meta(!$args['no_author'], true); $class = 'posts-item ajax-item card'; $style = _pz('list_card_option', '', 'style'); $class...
识趣资源的头像-识趣者资源至尊会员识趣资源· 14天前
#子比美化
 2026-01-20
子比主题 – 卡片模式时间显示功能-识趣者资源

子比主题 – 卡片模式时间显示功能

这是一款子比主题的卡片三点和时间显示功能，这款样式星空知一直在用，而且很多人想要星空知的一模一样的样式，今天教程来了，本篇教程是卡片列表时间的教程，别看错图片了，代码很好部署，话不多说直接开始！效果图：子比主题卡片模式时间显示功能（红色方框位置）代码很好部署，话不多说直接开始！代码教程：此教程分两步进行第一步：添加css代码后台子比主题设置 ––>>自定义CSS样式 位置放置下方CSS代码[hidecontent type="payshow" desc="隐藏内容：付费阅读"].posts-item { position: relative; } .post-time-absolute { position: absolute; top: 12px; right: 12px; padding: 8px 14px; border-radius: 12px; font-size: 12px; font-weight: 600; z-index: 2; backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); border:...
识趣资源的头像-识趣者资源至尊会员识趣资源· 14天前
#子比美化
 2026-01-19
子比主题-CSS 实现炫酷字体效果-识趣者资源

子比主题-CSS 实现炫酷字体效果

一、css3 空心文字 .hollow{ -webkit-text-stroke: 1px black; -webkit-text-fill-color : transparent; font-size: 30px; color:#fff;} 空心字/缕空效果 .hollow{ text-shadow: 0 0 2px hsl(40, 28.57% , 28.82%),0 0 2px hsl(40, 28.57% , 28.82%), 0 0 2px hsl(40, 28.57% , 28.82%);/*多个叠加*/...
识趣资源的头像-识趣者资源至尊会员识趣资源· 16天前
#子比美化
 2026-01-19
子比主题美化 – 子比主题拟态CSS-识趣者资源

子比主题美化 – 子比主题拟态CSS

展示 详情可查看此文章页面，本站不一定使用，仅作于记录。 CSS [hidecontent type="payshow"] .posts-item:not(.card) ,.author-header .avatar-img ,.full-widget-sm ,.header .sub-menu ,.modal-content ,.form-control ,.no_webshot.main-bg.theme-box.box-body.radius8.main-shadow ,.article ,.dropdown-menu ,.btn-score ,.float-right.round .float-btn ,.forum-posts.alone ,.zib-widget ,.posts-mini-lists ,.posts-item.card.style3 { background: linear-gradient(180deg, #ecf2ff, var(--main-bg-color)); border: 2px solid var(--main-bg-color); box-shadow: 6px 6px...
识趣资源的头像-识趣者资源至尊会员识趣资源· 16天前
#子比美化
 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天前
#子比美化
 2026-01-19
子比主题-新发布NEW-识趣者资源

子比主题-新发布NEW

[hidecontent type="payshow"] 函数源码： 在子比主题目录下“func.php”(子比主题推荐放这里）或者“functions.php”，在合适位置放下面PHP代码。 /** * 新文章发布New小图标 */ function xinwenzhang_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-icone"><img src="/wp-content/themes/zibll/img/ico_new.png" draggable="false" alt="最新文章" /></div>'; }else if (is_sticky()){...
识趣资源的头像-识趣者资源至尊会员识趣资源· 16天前
#子比美化
 2026-01-16
子比主题-用户自助注销功能-识趣者资源

子比主题-用户自助注销功能

 本篇文章来教大家实现子比主题的用户功能中的用户注销功能，可以让自己网站更较完善，并...
识趣资源的头像-识趣者资源至尊会员识趣资源· 19天前
#子比美化
 2026-01-16
子比主题拓展插件-用户中心拓展-识趣者资源

子比主题拓展插件-用户中心拓展

子比主题的大佬李初一在自己网站发布了关于子比主题的用户中心功能拓展的插件，省去了我们...
识趣资源的头像-识趣者资源至尊会员识趣资源· 19天前
#子比美化
 2026-01-16
子比主题美化-文章浏览量超过一定的数量就出现一个热帖图标-识趣者资源

子比主题美化-文章浏览量超过一定的数量就出现一个热帖图标

子比主题美化-文章浏览量超过一定的数量就出现一个热帖图标 效果展示 代码部署 根目录/wp-content/themes/zibll/找到functions.php添加到底部 把代码里面的图片链接替换最下面喜欢的图片链接即可 [hidecontent type="reply"] /*文章开头大于50浏览量出现热帖图片*/ add_filter('the_content', 'add_lu_content_beforde'); function add_lu_content_beforde( $content ) { if( !is_feed() && !is_home() && is_singular() && is_main_query() ) { $viewnum= (int) get_post_meta( get_the_ID(), 'views', true ); if ($viewnum >...
识趣资源的头像-识趣者资源至尊会员识趣资源· 19天前
#子比美化
1…56789…15跳转