Antes do inicio do loop que chama os posts da página, vamos criar uma variável contador, que tem valor 1, e ficará assim:
<?php $contador = 1 ?>
O inicio do seu loop WordPress deve ficar mais ou menos assim:
<!-- VERIFICA SE TEM POST PARA EXIBIR -->
<?php query_posts('cat=1');?>
<?php $contador = 1 ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
No exemplo, pra eu numerar Post WordPress, eu coloquei a numeração antes do título do post, então agora vamos colocar a variável contador com incremento ++ pra adicionar +1 a cada post. O código do titulo do post, ficou mais ou menos assim:
<h1><a class="tituloPost" href="<?php echo get_permalink(); ?>" title="<?php the_title(); ?>">
<?php echo $contador++ . '.'; ?> <?php the_title(); ?>
</a>
</h1>
O CSS do exemplo de como numerar Post WordPress, é bem simples e o código ficou assim:
.tituloPost {
font-size:18px;
color:#000;
text-decoration:none;
}
.resumoPostNumerado {
border-bottom: 1px dotted #333333;
font-size: 15px;
margin-bottom: 10px;
margin-top: 10px;
padding: 0 20px 10px;
text-align: justify;
width: 580px;
}
Postar um comentário