如何创建第一个柱子、第五个柱子全宽、三列休息等

我是wordpress开发的新手，我正在学习如何从头开始创建主题。我不想使用任何插件来实现这一点。

如何创建第一个立柱/第五个立柱/第九个立柱全宽、三列中的其余立柱等。

我试过了，但第一篇帖子没有重复

    <?php get_header() ?>



<div class="container-fluid">
    <div class="row">
        <?php $i = 0; while ( have_posts() ) : the_post();  ?>
        <?php if ($i++ == 0) : ?>
        <div class="col-sm-12 blog">
            <div class="row">
                <div class="col-sm-8 p-0">
                    <?php the_post_thumbnail()?>
                </div>

                <div class="col-sm-4 align-self-center">
                    <div><h3><?php the_title()?></h3></div>
                    <div><?php the_excerpt()?></div>
                </div>
            </div>
        </div>
        <?php else: ?>
        <div class="col-sm-4 blog py-3">
            <?php the_post_thumbnail()?>
            <div><h3><?php the_title()?></h3></div>
            <div><?php the_excerpt()?></div>
        </div>
        <?php endif; ?>
        <?php endwhile ?>
    </div>
</div>
 <?php get_footer() ?>

<?php get_header() ?> <div class="container-fluid"> <div class="row"> <?php $i = 0; while ( have_posts() ) : the_post(); ?> <?php if ($i == 0 || $i % 4 == 0) : ?> <div class="col-sm-12 blog"> <div class="row"> <div class="col-sm-8 p-0"> <?php the_post_thumbnail()?> </div> <div class="col-sm-4 align-self-center"> <div><h3><?php the_title()?></h3></div> <div><?php the_excerpt()?></div> </div> </div> </div> <?php else: ?> <div class="col-sm-4 blog py-3"> <?php the_post_thumbnail()?> <div><h3><?php the_title()?></h3></div> <div><?php the_excerpt()?></div> </div> <?php endif; ?> <?php $i++; endwhile ?> </div> </div> <?php get_footer() ?>

<?php if ( have_posts() ) : ?> <?php /* Start the Loop */ ?> <?php $i = 0; while ( have_posts() ) : the_post(); ?> <?php if ($i == 0 || $i % 4 == 0) : ?> <?php $i++; ?> <div class="col-sm-6"> <?php the_excerpt() ?> </div> <?php else: ?> <?php $i++; ?> <div class="col-sm-12"> <?php the_excerpt() ?> </div> <?php endif; ?> <?php endwhile; ?>

如何创建4列和2列Twitter-Bootstrap相结合的WordPress循环？

我想根据4列（桌面视图）、2列（mobile view 768px）和1列（mobile view 425px）的组合显示帖子。我在下面找到了很棒的代码：<?php $paged = ( get_query_var(\'paged\') ) ? get_query_var(\'paged\') : 1; $args=array( \'post_type\' => \'post\',

相关推荐

如何创建4列和2列Twitter-Bootstrap相结合的WordPress循环？