如何添加類到循環中的最後一篇文章的最後一個圖像[Wordpress]

好的，我創建了一個投資組合頁面，我想添加一個類到我的上一個投資組合縮略圖。目前我有一個課程添加到最後一個投資組合項目的分部。我想將它添加到縮略圖中，而不是div本身。如何添加類到循環中的最後一篇文章的最後一個圖像[Wordpress]

我的代碼：

<?php $args = array('post_type' => 'portfolio', 'order' => 'ASC'); 
$loop = new WP_Query($args); 
while ($loop->have_posts()) : $loop->the_post(); ?> 
<div class="testing_imran<?php echo $loop->current_post + 1 === $loop->post_count ? ' imd_last' : '' ?>"> 
<?php the_post_thumbnail('thumbnail', array('class' => 'main-image portfolio')); ?> 
</div>   
<?php endwhile; ?>

我想要的「imd_last」類添加到縮略圖後不股利。我該怎麼做？順便說一下，縮略圖有一個附加的類，你可以看到，我只想添加一個額外的類到最後一個縮略圖。 enter image description here

來源

2014-12-24 Aohor Arsalan

是你上面的代碼中添加此類「imd_last」到最後的縮略圖div？ – Zeeshan

是的，它的確如此。＆我希望這個類添加到縮略圖，而不是div。附上截圖。 –

請檢查我的回答 – Zeeshan

試試這個，

<?php $args = array('post_type' => 'portfolio', 'order' => 'ASC'); 
$loop = new WP_Query($args); 
while ($loop->have_posts()) : $loop->the_post(); ?> 
<?php $extraLastClass = $loop->current_post + 1 === $loop->post_count ? ' imd_last' : '';?> 
<div class="testing_imran"> 
<?php the_post_thumbnail("thumbnail", array("class" => "main-image portfolio $extraLastClass")); ?> 
</div> 
<?php endwhile; ?>

來源

2014-12-24 09:34:38 Zeeshan

哇，變化很簡單。很棒的工作，非常感謝你。 –

它是我的榮幸@Aohor Arsalan – Zeeshan

如果妳想要做到這一點，u可以使用CSS：最後一個孩子或使用jQuery並添加動態的最後一節課爲$("div").last().addClacss("myclass");

來源

2014-12-24 08:51:15 DarveL

如何添加類到循環中的最後一篇文章的最後一個圖像[Wordpress]

回答

相關問題