如何为每个博客页面的10篇文章中的每篇文章分配不同的css类？
像这样：
<li class="first-post">..
<li class="second-post">..
.
.
.
<li class="tenth-post">
--
Second page
--
<li class="first-post">..
<li class="second-post">..
..
如何向帖子中添加10个不同的CSS类
3 个回复
SO网友:fuxia
使用该功能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 等等SO网友:тнє Sufi
一个简单的计数器也可以做到这一点：
<?php $counter = 1; ?>
<?php //wp loop start ?>
<div class="css-class-<?php echo $counter ?>">
</div>
<?php $counter++; ?>
<?php //end wp loop ?>
<?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 ?>
SO网友:Mayeenul Islam
正如@toscho所说，这是完美的。您还可以使用其帖子ID区分每个博客帖子，如下所示：
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
...
</article>
#post-1 对于帖子id为1的帖子，依此类推。。。结束