Как добавить 10 различных классов css в сообщения

Как я могу назначить другой класс css для каждого сообщения из 10 сообщений каждой страницы блога?

Как это :

<li class="first-post">.. <li class="second-post">.. . . . <li class="tenth-post"> -- Second page -- <li class="first-post">.. <li class="second-post">.. .. 

Скоро ! Большое вам спасибо за помощь.

Solutions Collecting From Web of "Как добавить 10 различных классов css в сообщения"

Используйте функцию post_class() в шаблоне:

 <div <?php post_class(); ?>> // your post content </div> 

Затем добавьте счетчик почтовых классов для каждого фильтра в post_class :

 // functions.php add_filter( 'post_class', function( Array $classes ) { static $number = 1; $classes[] = 'post-number-' . $number++; // reset the number if ( 11 === $number ) $number = 1; return $classes; }); 

Вы получаете новый класс для каждой записи, которая теперь выглядит следующим образом: post-number-1 , post-number-2 и т. Д.

Простой счетчик также может сделать это:

 <?php $counter = 1; ?> <?php //wp loop start ?> <div class="css-class-<?php echo $counter ?>"> </div> <?php $counter++; ?> <?php //end wp loop ?> 

Если вы хотите использовать лучшее имя класса css, вы можете использовать массив:

 <?php $class_name = array ( 'first-post', 'second-post', ........, 'tenth-post' ); $arrKey = 0; ?> <?php //wp loop start ?> <div class="css-class-<?php echo $class_name[$arrKey] ?>"> </div> <?php $arrKey++; ?> <?php //end wp loop ?> 

Как сказал @toscho, это прекрасно. Вы также можете различать каждое сообщение в блоге с их идентификатором сообщения следующим образом:

 <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> ... </article> 

Будет #post-1 для сообщения, где идентификатор сообщения равен 1, и так далее …