Цикл wordpress: как добавить css определенным по счету постам?

Question

[Андрей]

Здравствуйте! Есть такой вот цикл в теме wordpress:

<main id="main" class="site-main" role="main">


			<?php if ( have_posts() ) : ?>
	
				<?php /* Start the Loop */ ?>
				<div class="posts-loop">
				<?php while ( have_posts() ) : the_post(); ?>
	
					<?php
						/* Include the Post-Format-specific template for the content.
						 * If you want to override this in a child theme, then include a file
						 * called content-___.php (where ___ is the Post Format name) and that will be used instead.
						 */
						get_template_part( 'template-parts/' . $post_template );
					?>
	
				<?php endwhile; ?>
				</div><!-- / .posts-loop -->
				
				<div class="postnav">
					<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
				</div>
	
			<?php else : ?>
	
				<?php get_template_part( 'template-parts/content', 'none' ); ?>
	
			<?php endif; ?>

		</main><!-- #main -->

А вот содержимое файла content.php, куда нужно добавить CSS для постов.

<article id="post-<?php the_ID(); ?>" <?php post_class( 'list-post grid_item' ); ?> >
Здесь вся информация постов и т.д.
</article>

Необходимо добавить CSS, скажем, "custom-post" для каждой 5-й записи (или любой другой, 6, 7....)

<article id="post-<?php the_ID(); ?>" <?php post_class( 'list-post grid_item' ); ?> >

Важное уточнение! Класс "custom-post" необходимо добавить, начиная с первого поста и дальше каждый 5-й. Получается css класс должен добавляться таким по счету постам: 1, 5, 10 и т.д.

Нашел простое вроде бы решение, но не знаю рабочее ли оно для моей ситуации, и не знаю куда всталять код.
Outside your loop:

$classes = array(
    0=>'first-column',
    1=>'second-column',
    2=>'third-column'
);
$i = 0;

In your loop:

<article id="post-<?php the_ID(); ?>" <?php post_class($classes[$i++%3]); ?>>

output like :

<article class="first-column format-standard hentry category-uncategorized">
<article class="second-column format-standard hentry category-uncategorized">
<article class="third-column format-standard hentry category-uncategorized">
<article class="first-column format-standard hentry category-uncategorized">
<article class="second-column format-standard hentry category-uncategorized">
<article class="third-column format-standard hentry category-uncategorized">

Answer 1

[WP Panda]

Деление по модулю
https://toster.ru/q/313738#answer_803827/

Ваш случай
ideone.com/4SG66m

Comments

[Андрей]

А куда этот код вставлять?

[WP Panda]

Андрей: Андрей: Это пример таго как работает счетчик с делением по модулю

прям вот конкретно для вас.
т.к. get_template_part не передаст значение счетчика итераций вам надо вынуть оберку поста из файла content.php в файл archive.php и все манипуляции проделать там.
В вашем конкретном случае файл будет таким.

<main id="main" class="site-main" role="main">


    <?php if ( have_posts() ) : $n = 1; ?>

        <?php /* Start the Loop */ ?>
        <div class="posts-loop">
            <?php while ( have_posts() ) : the_post();
                $class = $n % 5 === 0 || $n === 1 ? ' class-5' : ''; ?>
                <article id="post-<?php the_ID(); ?>" <?php post_class( 'list-post grid_item' . $class ); ?> >
                    <?php
                        /* Include the Post-Format-specific template for the content.
                         * If you want to override this in a child theme, then include a file
                         * called content-___.php (where ___ is the Post Format name) and that will be used instead.
                         */
                        get_template_part( 'template-parts/' . $post_template );
                    ?>
                </article>
                <?php $n++; endwhile; ?>
        </div><!-- / .posts-loop -->

        <div class="postnav">
            <?php if ( function_exists( 'wp_pagenavi' ) ) {
                wp_pagenavi();
            } ?>
        </div>

    <?php else : ?>

        <?php get_template_part( 'template-parts/content', 'none' ); ?>

    <?php endif; ?>

</main><!-- #main -->

а в файле content.php останется
//Здесь вся информация постов и т.д.

[Андрей]

WP Panda: огромное спасибо! Ваш код подошел идеально!

Answer 2

[Алексей Скляров]

Создаете обычный счетчик $k = 0
После чего проверяете условие:

if($k%5 == 0) {

}

Если выполняется - добавляете класс. В общем все.

Раз ноль, то вот:

<main id="main" class="site-main" role="main">


      <?php $k = 0;
       if ( have_posts() ) : ?>
  
        <?php /* Start the Loop */ ?>
        <div class="posts-loop">
        <?php while ( have_posts() ) : the_post(); ?>
  
          <?php
            /* Include the Post-Format-specific template for the content.
             * If you want to override this in a child theme, then include a file
             * called content-___.php (where ___ is the Post Format name) and that will be used instead.
             */
            get_template_part( 'template-parts/' . $post_template );
          ?>
  
        <?php endwhile; ?>
        </div><!-- / .posts-loop -->
        
        <div class="postnav">
          <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
        </div>
  
      <?php else : ?>
  
        <?php get_template_part( 'template-parts/content', 'none' ); ?>
  
      <?php endif; ?>

    </main><!-- #main -->

Файл content.php

<?php if($k%5 == 0){ post_class( 'list-post grid_item' );} else {post_class( 'list-post grid_item' );} ?> 
Здесь вся информация постов и т.д.
</article>

Comments

[Андрей]

Спасибо. Но я полный ноль в php. Собственно поэтому и задал на тостере вопрос.