0

我一次显示一个星期的帖子,并且该特定周的每一天都将包含每个帖子的缩略图。提要的目标类似于下面的屏幕截图(括号表示一个帖子及其各自的帖子数。)

如您所见,我每天发布的帖子数量不均。我无法知道我将发布多少帖子。我希望能够应用一个 CSS 类(在下面的代码片段中,你会看到我将 CSS 类称为“margin”),这将在我的 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>
4

0 回答 0