Como Numerar Post no WordPress

Exemplo Vamos editar o arquivo da página de post, no exemplo, ela se encontra em /wp-content/themes/nome-do-seu-tema/ e tem o nome de page-post-numerada.php caso você não saiba, nesse tutorial eu ensino detalhadamente como criar uma página de post.

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