WordPress在帖子foreach循环中定位最后一个项目

时间:2014-05-09 09:52:05

标签: php css wordpress loops foreach

我想在foreach循环上定位最后一个Item并添加一些类。那可能吗?

这是我的代码:

<?php
$args = array(
    'posts_per_page'  => -1,
    'post_type'       => 'art',
    'cat'             =>  '6',
    'orderby'         => 'name',
    'order'           => 'ASC',
    'post_status'     => 'publish'
);
$posts_array = get_posts( $args );

foreach($posts_array as $post) : setup_postdata($post);
if ( has_post_thumbnail() ) {
    $title = str_replace(" ", "&nbsp;", get_the_title());
    $thumb = get_the_post_thumbnail($post->ID, 'exhibition-pre');
    if (has_post_thumbnail()) { ?>
        <div class="grid-3 grid-tablet-4 grid-mobile-6 artythumbs">
                <a href="<?php echo get_permalink() ?>">
                    <?php echo get_the_post_thumbnail($page->ID, 'art-thumb', array('class' =>       'max-img ')); ?>
                    <div class="imgcont"><?php echo the_title();?></div>
                </a>

        </div>
    <?php
    }
}
endforeach; ?>
<?php wp_reset_postdata(); ?>

我想最终:

<div class="grid-3 grid-tablet-4 grid-mobile-6 artythumbs>...</div>
<div class="grid-3 grid-tablet-4 grid-mobile-6 artythumbs>...</div>
<div class="grid-3 grid-tablet-4 grid-mobile-6 artythumbs>...</div>
<div class="grid-3 grid-tablet-4 grid-mobile-6 artythumbs CLEAR-Tablet>...</div>
<div class="grid-3 grid-tablet-4 grid-mobile-6 artythumbs CLEAR-Screen>...</div>
<div class="grid-3 grid-tablet-4 grid-mobile-6 artythumbs>...</div>
<div class="grid-3 grid-tablet-4 grid-mobile-6 artythumbs>...</div>
<div class="grid-3 grid-tablet-4 grid-mobile-6 artythumbs>...</div>
<div class="grid-3 grid-tablet-4 grid-mobile-6 artythumbs CLEAR-Tablet>...</div>
<div class="grid-3 grid-tablet-4 grid-mobile-6 artythumbs CLEAR-Screen>...</div>

等等。

1 个答案:

答案 0 :(得分:1)

如前所述,您可以通过css完成此操作,但如果您想要服务器端解决方案,请尝试以下操作:

首先要注意两件事:

  1. 考虑使用WP_Query代替get_posts()这类事情,因为这是推荐的最佳做法
  2. 由于某种原因,您需要检查两次精选图片。
  3. 那么,如何在循环中每隔第4 /第5项附加一个类。

    //Step 1: Outside the loop setup a counter
    
    $i = 1;
    
    foreach($posts_array as $post) :
    
        setup_postdata($post);
    
        //Step 2: Once we're in the loop, setup our extra classes
        $classes = ' ';
    
        //for multiples of 4 
        if ( $i % 4 == 0) {
            $classes .= ' CLEAR-Tablet';
        }
    
        //for multiples of 5
        if ( $i % 5 == 0) {
            $classes .= ' CLEAR-Screen';
        }
    
        if ( has_post_thumbnail() ) {
            $title = str_replace(" ", "&nbsp;", get_the_title());
            $thumb = get_the_post_thumbnail($post->ID, 'exhibition-pre');
    
    
    
            //Step 3: Include our extra classes
            ?>
    
                <div class="grid-3 grid-tablet-4 grid-mobile-6 artythumbs <?php echo $classes; ?>">
    
                    <a href="<?php echo get_permalink() ?>">
                        <?php echo get_the_post_thumbnail($page->ID, 'art-thumb', array('class' =>       'max-img ')); ?>
                        <div class="imgcont"><?php echo the_title();?></div>
                    </a>
    
                </div>
    
            <?php
    
            //Step 4: Increment the counter (you might want to do this outside the if but I think it's better here.
            $i++;
        }
    
    endforeach; ?>
    
    <?php wp_reset_postdata(); ?>
    
    1. 在循环外部设置一个计数器,我从1开始,因为我们从1开始计算行数。
    2. 使用模数运算符,我们可以判断我们是否为4或5的倍数并适当地设置类变量。
    3. 打印出类变量
    4. 递增计数器