这是一款子比主题的卡片三点和时间显示功能，这款样式星空知一直在用，而且很多人想要星空知的一模一样的样式，今天教程来了，本篇教程是卡片列表时间的教程，别看错图片了，代码很好部署，话不多说直接开始！

CSS是由AI生成的

效果图：

子比主题卡片模式时间显示功能（红色方框位置）代码很好部署，话不多说直接开始！

代码教程：

此教程分两步进行

第一步：添加css代码

第二步：修改zib-posts-list.php文件

找到 /wp-content/themes/zibll/inc/functions/zib-posts-list.php文件，我们在这个文件里面搜

function zib_posts_mian_list_card($args = array())

然后将此段代码删除 或者 注释掉，然后再将下面的代码 粘贴在此位置即可

//获取卡片模式的文章列表
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(empty($args['no_author']), true);
    $time_html = '';
    if (get_the_date()) {
        $time_html = '<div class="post-time-absolute">' . get_the_date() . '</div>';
    }

    $class = 'posts-item card ajax-item';
    $style = _pz('list_card_option', '', 'style');
    $class .= $style && $style != 'null' ? ' ' . $style : '';

    $html = '';
    $html .= '<posts class="' . $class . '">';
    $html .= $graphic;
    $html .= $time_html; 
    $html .= '<div class="item-body">';
    $html .= $title;
    $html .= $badge;
    $html .= $meta;
    $html .= '</div>';
    $html .= '</posts>';
    return $html;
}