php - PHP を使用して、画像タイルの一貫性のないパターンに基づいて CSS クラスを適用する方法は?

Question

一度に 1 週​​間の投稿を表示しています。その特定の週のそれぞれの日には、個々の投稿のサムネイル画像が含まれます。フィードの目標は、以下のスクリーンショットの図のようになります (括弧は、それぞれの投稿数を含む投稿を示します)。

ご覧のとおり、私は毎日不規則な数の投稿を作成しています。公開する投稿の数を知る方法はありません。CSS クラスを適用できるようにしたいと思います (以下のコード スニペットでは、CSS クラスを「マージン」と呼んでいます)。これは CSS で使用されるため、すべての中央の画像にマージンを適用できます。

図の各行には、最大で 3 つの画像があります (つまり、3 つの列: 左、中央、右)。ただし、無制限の数の行を下に置くことができます。この「余白」クラスを中央の列のすべての投稿に適用できるようにしたいと考えています。

これがどのように達成されるかをコーディングし始めましたが、理解できないのは、クラスをすべての中間ポストにのみ適用する方法です。モジュラスを使用するよう友人に言われましたが、適切に実装する方法がわかりません。さらに説明が必要な場合はお知らせください。

私が達成しようとしていることを説明するために作成した図のスクリーンショットをご覧ください。これは、質問をよりよく理解するのに役立つと思います：

<section class="post-by-date">
<?php 
    $day_check = '';
    $today = get_the_date();
    $year = date('Y');
    $week = date('W');
    $news_query = new WP_Query('category_name=main&year=' . $year . '&w=' . $week);

    while ($news_query->have_posts()) : $news_query->the_post();
    $day = get_the_date('j');
    if ($day != $day_check) {
        echo "<h3>" . get_the_date() . "</h3>";
    }

    $post_count = $news_query->current_post;
    $found_posts = $news_query->found_posts;

    if ($post_count % 3 == 0) {
        $apply_css_margin = TRUE;

    }
    else {
        $apply_css_margin = FALSE;
    }

?>
<article id="post-<?php the_ID(); ?>" <?php if($apply_css_margin) { post_class('margin'); } else { post_class(); } ?>>
    <a href="<?php the_permalink(); ?>">
        <?php the_post_thumbnail('featured'); ?>
    </a>
</article>
<?php $day_check = $day; endwhile; ?>
</section>