Оберните каждые три сообщения WordPress в div

4

Я хотел бы обернуть каждые три сообщения в новой строке (div), в общей сложности девять сообщений на странице. В конце есть пустая строка. Я думал, что это (Мне нужно обернуть каждые 4 сообщения Wordpress в div), но у меня больше сообщений на страницах 2, 3, 4 и т.д. Ниже упрощенная версия моего кода. $i = 1.

<div class="row">

    <?php while ( have_posts() ) : the_post(); ?>

        <div class="column">
        </div>

        <?php if ($i % 3 == 0 ) : ?>

            </div> <!-- .row -->
            <div class="row">

        <?php endif; $i++; ?>

    <?php endwhile; ?>

</div> <!-- .row -->
Теги:

2 ответа

0
Лучший ответ

Я использовал этот пост (https://www.nosegraze.com/display-wordpress-posts-2-3-columns/), чтобы решить мою проблему.

$i = 0;

<?php while ( have_posts() ) : the_post(); ?>

    <?php if ( $i == 0 ) : ?>

        <div class="row">

    <?php endif; ?>

    <div class="column">
    </div> <!-- .column -->

    <?php
        $i++;
        if( $i == 3 ) :
        $i = 0; ?>

        </div> <!-- .row -->

    <?php endif; ?>

<?php endwhile; ?>

<?php if ( $i > 0 ) : ?>

    </div> <!-- .row -->

<?php endif; ?>
2

Вы можете использовать get_next_post(), чтобы проверить, существует ли следующая почта.

<?php if ($i % 3 == 0 ) : ?>
</div> <!-- .row -->
<?php
    $next_post = get_next_post();
    if (!empty( $next_post )): ?>
        <div class="row">
    <?php endif; ?>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню