<?php

/*

Template Name: 读者排行

*/

get_header();

?>

<article class="article" itemscope itemtype="https://schema.org/Article">

<?php

if ( have_posts() ) {

while ( have_posts() ) {

the_post();

require_once( "inc/article-header.php" );

}

}; ?>

<ul class="article-cards columns reset-ul" itemprop="articleBody">

<?php foreach ( get_readers_wall() as $comment ) :

$url = $comment->comment_author_url;

$alt = mb_substr( $comment->comment_author, 0, 1 );

$avatar = get_avatar_url( $comment->comment_author_email ); ?>

<li class="column col-3 col-sm-4 col-xs-6 p-2">

<div class="card uni-card uni-shadow flex-center text-center p-2">

<a class="text-gray text-tiny m-2" href="<?= ( $url ?: 'javascript:void(0);' ); ?>"

target="<?= ( $url ? '_blank' : '_self' ); ?>">

<figure class="avatar avatar-xl bg-gray badge" data-badge="<?= $comment->cnt ?>"

data-initial="<?= $alt; ?>">

<img src="<?= $avatar; ?>" alt="<?= $alt; ?>" no-view/>

</figure>

<span class="d-block text-ellipsis mt-1"><?= $comment->comment_author ?></span>

</a>

</div>

</li>

<?php endforeach; ?>

</ul>

</article>

<?php

if ( comments_open() || get_comments_number() ) :

comments_template();

endif;

get_footer();

?>