向WP循环中的最后一项添加额外的类

Question

我用这个来从评论中找出四个最受欢迎的帖子：

        <?php
            $pc = new WP_Query('orderby=comment_count&posts_per_page=4'); ?>
            <?php while ($pc->have_posts()) : $pc->the_post(); ?>
            <div class="popular-post-item">
            <span class="popular-title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" class="post-links"><?php the_title(); ?></a></span>
            <span class="popular-author">by: <?php the_author() ?></span> 
            <a href="<?php the_permalink(); ?>" class="action">Read Full Article</a>
            </div>
        <?php endwhile; ?> 

我需要的是第四个：

        <div class="popular-post-item"> 

添加另一个名为.last的类

有什么想法吗？

Answer 1

使用$pc->post_count获取WP_Query返回的post数，并将其与迭代器进行比较。

    <?php
        $pc = new WP_Query('orderby=comment_count&posts_per_page=4'); 
        $count = $pc->post_count;
        $i = 0;
        ?>
    <?php while ($pc->have_posts()) : $pc->the_post(); ?>
        <div class="popular-post-item<?php if ($i === $count) echo ' last'; ?>">
            <span class="popular-title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" class="post-links"><?php the_title(); ?></a></span>
            <span class="popular-author">by: <?php the_author() ?></span> 
            <a href="<?php the_permalink(); ?>" class="action">Read Full Article</a>
        </div>
        <?php
            // incriment counter
            $i++;
        ?>
    <?php endwhile; ?> 

Answer 2

您需要将查询结果的current_post和post_count属性与三元组一起使用。

与某些建议不同，您不必创建单独的计数器变量(因为current_post属性已经是结果的索引号)：

<?php
$pc = new WP_Query('orderby=comment_count&posts_per_page=4');
while ($pc->have_posts()) :
    $pc->the_post();
?>
<div class="popular-post-item<?php echo $pc->current_post + 1 === $pc->post_count ? ' last' : '' ?>">
    <span class="popular-title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" class="post-links"><?php the_title(); ?></a></span>
    <span class="popular-author">by: <?php the_author() ?></span>
    <a href="<?php the_permalink(); ?>" class="action">Read Full Article</a>
</div>
<?php endwhile; ?>

(请注意，添加的代码部分只是<?php echo $pc->current_post + 1 === $pc->post_count ? ' last' : '' ?>，您必须在当前帖子编号上加1的原因是因为一个数字是从零开始的索引，另一个是从1开始的计数。)

另一种选择是使用伪选择器，但这取决于您需要支持的浏览器。