Добавить классы каждому div в цикле wordpress?

Question

[jobber27]

Здравствуйте! Как в цикле wordpress добавить каждому посту свой класс css? Именно класс, не id. Спасибо.

Answer 1

[Орхан Гасанлы]

Здравствуйте!
Заведите счетчик вне цикла и внутри цикла инкрементируйте, а затем присваивайте его в виде класса.
Только к счетчику добавьте какое-нибудь слово... myClass + $i

Comments

[jobber27]

ссылочку на пример не отправите?

[Орхан Гасанлы]

jobber27, хорошо, напишу сейчас

[Орхан Гасанлы]

jobber27,
простой пример

<?php if (have_posts()) :  
	$i = 0;
while (have_posts()) : the_post();
	$i++;
	echo "<div class='myClass_',$i>".get_the_content()."</div>";
endwhile; 
endif; ?>

[jobber27]

Спасибо, буду рыть в этом направлении.

[Дмитрий]

azerphoenix, фу так писать

можно ж вот так

<?php
global $wp_query;
if ( have_posts() ) {
  while( have_posts() ) {
    the_post();
    echo '<div class="myClass_' . ( $wp_query->current_post + 1 ) . '">' . get_the_content() . '</div>';
  }
}
?>

ну или так

<?php
if ( have_posts() ) {
  $i = 0;
  while( have_posts() ) {
    the_post();
    echo '<div class="myClass_' . ( ++$i ) . '">' . get_the_content() . '</div>';
  }
}
?>

или вообще вот так

<?php
if ( have_posts() ) {
  while( have_posts() ) {
    the_post();
    echo '<div class="myClass_' . get_the_id() . '">' . get_the_content() . '</div>';
  }
}
?>

но правильнее будет вот так

<?php
if ( have_posts() ) {
  while( have_posts() ) {
    the_post();
    ?>
    <div <?php post_class(); ?>>
       <?php the_content(); ?>
    </div>
    <?php
  }
}
?>

в этом случае и WordPress свои классы сможет прикрепить к записи, и контент весь через фильтры пройдет

[jobber27]

Дмитрий, Последний пример мне самому очень нравиться... НО с ним я не могу задать 3-му посту размер (допустим) а 6 цвет фона. А мне именно это и нужно. Насколько я понял, использование post_class() работает на следующие условия (не одно из них мне не подходит):
Одинаковые для всех постов
Если данным типом поста поддерживаются форматы
Если пост запаролен
Если пост не запаролен, не является вложением и имеет установленную миниатюру
is_sticky()
Если пост находится в одной или нескольких категориях
Если посту присвоены метки

Как то так... (Взял от блога Миши Рудрастых)

[Дмитрий]

jobber27, почему нельзя?
можно в функцию передать как-то так post_class( 'my-class-' . $i )
https://wp-kama.ru/function/post_class

[jobber27]

Отлично! Вот код который вышел...

<?php
if ( have_posts() ) {
	$i = 0;
  while( have_posts() ) {
    the_post();
    ?>
    <div <?php post_class( 'my-class-' . ++$i ); ?>>
    <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>	
    <?php the_excerpt(); ?>
    </div>
    <?php
  }
}
?>

[Дмитрий]

jobber27, можно еще и от $i отказаться
post_class( 'my-class-' . ( $current_post + 1 ) )

Answer 2

[wp_laba]

Прям чтоб каждой записи свой класс наверно ни как, но можно уникализировать класс добавив к нему например id поста, получится типа <div class="post-111"> поскольку id не повторяются его можно считать уникальным для каждой записи

Comments

[jobber27]

id каждому посту и так присваиваются - автоматом... Каждому посту, имеется в виду 1-2-3 и т.д. Это необходимо для верстки.

[wp_laba]

jobber27, как то трудно понять что Вам надо. Можно пример дива, который Вы хотите получить?

[jobber27]

стандарт идет:

<div id="post-111">************</div>
<div is="post-265">*************</div>

Нужно:

<div class="class-1" id="post-111">************</div> 
<div class="class-2" id="post-111">************</div>

Относительно конечно, но где то так. Причем, записи в этих дивах будут меняться на новые, по мере публикации, а названия дивов остается.

[wp_laba]

jobber27, azerphoenix Вам совершенно верно подсказал, сделать счетчик и подставлять его значение к классу.