風格不同

Question

我一直在四處搜尋，找不到合適的解決方案。我的目標是將第一篇文章與其他文章區別開來。我把它們放在一個3 * 3的網格中，我想先發布爲全寬，然後在該文章中添加日期和類別等功能。

CSS無法使用。

下面這段代碼是在index.php中生成循環。

 <?php $i = 1; ?> 
     <?php if (have_posts()) : while (have_posts()) : the_post(); ?>      

      <?php get_template_part('content','grid'); ?>           
      <?php if ($i%3 == 0) : ?> 
       <div class="clearfix"></div> 
      <?php endif; $i++; ?> 

     <?php endwhile; wp_reset_query(); endif; ?> 

我不知道這可怎麼辦呢？

Answer 1

您可以分別輸出第一後，然後用循環後繼續：

<div class="first-post"> 
    <?php if (have_posts()) : the_post(); ?> 
    <!-- calling the_post(); will step the loop forward --> 
    <h1><?php the_title() ?></h1> 
    <?php the_content() ?> 
    <?php endif; ?> 
</div> 


<div class="other-posts"> 
    <?php $i = 1; ?> 
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>      
     <!-- the loop will be at the 2nd post here --> 
     <?php get_template_part('content','grid'); ?>           
     <?php if ($i%3 == 0) : ?> 
      <div class="clearfix"></div> 
     <?php endif; $i++; ?> 

    <?php endwhile; wp_reset_query(); endif; ?> 
</div>