目标循环中倒数第二个帖子

时间:2017-04-27 作者:Chris Joseph Parsons

对于以三行为一行呈现的特色帖子,我总共有5篇特色帖子要处理。五个贴子中的三个呈现直线中心,但剩下的两个浮动:左内联在前三个下方。我希望剩下的两个在前三名的下方居中。我可以使用CSS并将左边距分配给倒数第二个帖子,但当客户向循环中添加另一个帖子时,一个新的倒数第二个帖子就会被推到特色帖子容器中的位置。那篇倒数第二的新帖子没有合适的CSS。

下面允许定位循环中的最后一篇文章,如果特色文章的总数是10篇,那么效果会很好。十篇文章允许最后一篇文章排在所有其他文章之后(之前的九篇文章以三行的形式呈现)。我可以通过指定一个自定义模板\\u部分来完成最后一篇文章的居中(我使用的是\\u主题)

如何针对倒数第二篇文章而不是下面查询的最后一篇文章?

$prelimartPosts = new WP_Query($args2);

 while ($prelimartPosts->have_posts() ) : $prelimartPosts->the_post();

 if (($prelimartPosts->current_post +1) == ($prelimartPosts->post_count)) {

    get_template_part( \'template-parts/content\', \'front-center\' );

 } 

 if (($prelimartPosts->current_post +1) != ($prelimartPosts->post_count)) {

    get_template_part(\'template-parts/content\', \'front-bottom\');

    }

    endwhile;
请参见此处。滚动至页面底部“PRELIMINARY ART“:

1 个回复
最合适的回答,由SO网友:Vinod Dalvi 整理而成

您可以通过如下修改上述共享代码来实现这一点。

$prelimartPosts = new WP_Query($args2);

 while ($prelimartPosts->have_posts() ) : $prelimartPosts->the_post();

    if (($prelimartPosts->current_post +2) >= ($prelimartPosts->post_count)) {
       // This is last post and second last post
       get_template_part( \'template-parts/content\', \'front-center\' );

    } else {
       // These are all other posts except last and second last posts
       get_template_part(\'template-parts/content\', \'front-bottom\');

   }

endwhile;
如果要对每个条件使用单独的条件,请使用下面的代码,而不是上面的代码。

$prelimartPosts = new WP_Query($args2);

 while ($prelimartPosts->have_posts() ) : $prelimartPosts->the_post();

    if (($prelimartPosts->current_post +1) == ($prelimartPosts->post_count)) {
        // This is last post
       get_template_part( \'template-parts/content\', \'front-center\' );

    } else if (($prelimartPosts->current_post +2) == ($prelimartPosts->post_count)) {
        // This is second last post
       get_template_part( \'template-parts/content\', \'front-center\' );

   } else {
        // These are all other posts except last and second last posts
       get_template_part(\'template-parts/content\', \'front-bottom\');

   }

endwhile;

相关推荐