用于自定义 HTML/CSS 的 Wordpress 循环答案

【问题标题】：Wordpress Loop For Custom HTML/CSS用于自定义 HTML/CSS 的 Wordpress 循环
【发布时间】：2015-12-22 00:17:49
【问题描述】：

我对 PHP 还很陌生，我正在尝试做一些可能很容易的事情，但我似乎无法让它工作。我正在尝试设置一个 WordPress 循环，以便它为前 3 个加载一种样式，然后为接下来的 6 个加载另一种样式，依此类推。

到目前为止，我已经尝试过使用计数器，但没有成功。这个想法是主页上的前三个帖子将在大图像上方带有标题和元数据，在图像下方带有摘录。接下来的 6 个将是左侧的方形图像，右侧的标题和摘录。我能想到的唯一方法是使用两个单独的“内容”页面。

任何帮助将不胜感激！

            <?php while ( have_posts() ) : the_post(); ?>
                <?php $count = 1; ?>
                <?php if ($count <=3) { ?>
                    <?php get_template_part( 'content', '' );
                    $count++; ?>
                <?php } if ($count > 3) { 
                    get_template_part( 'content', 'small' );
                } ?>

            <?php endwhile; ?>

【问题讨论】：

标签： php html wordpress loops counter

【解决方案1】：

如果您想保持当前的方法，这应该可以解决您的问题。只需在循环之前声明并初始化$count，否则您总是将其值重置为1。

<?php $count = 0; ?>
<?php while ( have_posts() ) : the_post(); ?>
    <?php $count++; ?>
    <?php if ($count <=3) { ?>
        <?php get_template_part( 'content', '' ); ?>
    <?php } if ($count > 3) { 
        get_template_part( 'content', 'small' );
    } ?>
<?php endwhile; ?>

【讨论】：