Question

我的客户希望将其主页更改为与此网站类似：http://www.eatliverun.com/ 最新帖子在一列中排在最前面，其他帖子在两列专栏摘录中。

她希望只有一个最近的帖子显示，其余的是两列格式。我只是不确定如何正确地做到这一点。

Answer 1

将计数器集成到循环中可以轻松帮助您实现此布局。尝试以下内容（注意：“六列”类代表12列网格中的2列布局）：

<?php $count = 1; ?>
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
        <?php if ($count == 1) { ?>
            <article>
                    <div>
                        <h2><a href="<?php the_permalink(); >"><?php the_title(); ?></a></h2>
                        <?php the_excerpt(); ?>
                    </div>
            </article>
            <?php $count++; ?>
            <?php } else { ?>
            <?php if($count % 2 == 0) { ?>  
            <div>
                <? } ?>
                <div class="six columns">
                    <article>
                        <div>
                            <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                            <?php the_excerpt(); ?>
                        </div>
                    </article>
                </div>
                <?php if($count % 2 == 1) { ?>
            </div>
            <? } ?>
            <?php $count++; ?>
        <? } ?>
    <?php endwhile; else: ?>
        <p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
    <?php endif; ?>

Answer 2

只需在循环中添加一个计数器，并为第一次迭代设置不同的样式。

<?php $i = 0; while ( have_posts() ) : the_post(); //inside loop ?>
    <?php if ($i++ == 0) : ?>
        <div>First Post</div>
    <?php else: ?>
        <div>Other Posts</div>
    <?php endif; ?>
<?php endwhile; ?>

在index.php或其他模板文件中^

Answer 3

只需使用计数器查看您所在的邮政编号。

<?php
if (have_posts()) {
    $i = 0;
    while (have_posts()) {
        the_post();

        if (++$i == 1) {
            echo '<div class="entry-large">';
        } else {
            echo '<div class="entry-small">';
        }
        the_content();
        echo '</div>'
    }
}

Wordpress：一栏中的最新帖子，两列中的其他帖子

3 个答案: