<?php
// 获取热门文章的查询参数
$args = array(
'posts_per_page' => 5, // 显示文章数量
'meta_key' => 'post_views_count', // 文章阅读量的meta_key
'orderby' => 'meta_value_num', // 按照阅读量数值排序
'order' => 'DESC', // 降序排列
'post_status' => 'publish' // 仅显示已发布的文章
);
// 执行查询
$popular_posts = new WP_Query($args);
// 判断是否有文章
if($popular_posts->have_posts()) :
echo '<div class="popular-posts">';
echo '<h3>热门文章</h3>';
// 循环输出文章
while($popular_posts->have_posts()) : $popular_posts->the_post();
?>
<div class="popular-post-item">
<!-- 显示特色图像 -->
<?php if(has_post_thumbnail()) : ?>
<div class="post-thumbnail">
<a href="<?php the_permalink(); ?>">
<?php the_post_thumbnail('thumbnail'); ?>
</a>
</div>
<?php endif; ?> 
<!-- 显示文章标题 -->
<div class="post-title">
<a href="<?php the_permalink(); ?>">
<?php the_title(); ?>
</a>
</div>
<!-- 显示阅读量 -->
<div class="post-views">
阅读量：<?php echo get_post_meta(get_the_ID(), 'post_views_count', true); ?>
</div>
</div>
<?php
endwhile;
echo '</div>';
// 重置文章数据
wp_reset_postdata();
endif;
?>

// 设置文章阅读量
function set_post_views() {
if(is_single()) {
$post_id = get_the_ID();
$count = get_post_meta($post_id, 'post_views_count', true);
if($count == '') {
delete_post_meta($post_id, 'post_views_count');
add_post_meta($post_id, 'post_views_count', 1);
} else {
update_post_meta($post_id, 'post_views_count', $count + 1);
}
}
}
add_action('wp_head', 'set_post_views');

.popular-posts {
margin: 20px 0;
}
.popular-post-item {
display: flex;
align-items: center;
margin-bottom: 15px;
padding: 10px;
border-bottom: 1px solid #eee;
}
.post-thumbnail {
flex: 0 0 100px;
margin-right: 15px;
}
.post-thumbnail img {
width: 100%;
height: auto;
border-radius: 5px;
}
.post-title {
flex: 1;
}
.post-title a {
color: #333;
text-decoration: none;
font-weight: bold;
}
.post-views {
font-size: 12px;
color: #666;
margin-top: 5px;
}