风格不同

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>