Posts em listas - headlines

January 13th, 2007, 9:20 am Rodrigo P. Ghedin WordPress

O WordPress é muito flexível. Permite-nos, mesmo sem um único plugin, personalizar o blog de um jeito que, imagino, seja impossível com outros sistemas. No WinAjuda, exibo notícias no formato headline: apenas a data e o título na home page. Para o estilo do site, ou melhor, daquela área específica, que é de notícias, este formato é excelente, pois dá ao leitor uma visão ampla do conteúdo, possibilitando a ele ir de encontro somente ao que deseja ler.

Desde o lançamento do novo WinAjuda (hoje atual, enfim), muita gente já me perguntou como fazer aquela “mágica”. Sempre tentei, na medida do possível, ensinar, mas por ser algo complexo, dificilmente surtia resultado. E para evitar que se use plugins para inserir headlines (já vi pessoas fazerem isso :P), resolvi escrever este texto definitivo sobre o assunto, ensinando, passo-a-passo, como exibir posts em headlines.

Não é um bicho de sete cabeças… Para ser sincero, fica bem fácil a partir do momento em que se entende o funcionamento do loop. Vez ou outra abordo o loop em textos por aqui, e isso denuncia sua vital importância num blog.

Em termos gerais, o loop é a parte responsável por exibir os posts, previamente “puxados” do banco de dados, no blog. Note que, salvo o título e o texto, a estrutura dos posts é igual, em todos eles.

No WordPress, o loop começa neste trecho:

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

Note que, dependendo do tema, ou do que você deseja fazer, dá para “quebrar” este início. O término do loop é definido por um trecho mais ou menos assim:

<?php endwhile; ?>

Pois bem, trabalharemos apenas neste miolo. Para fazer headlines, usamos listas não-ordenadas, logo, nada mais lógico que iniciá-la, fora do loop. E por quê? Simples: porque tudo que é inserido dentro no loop será repetido em todos os posts. Insira a tag <ul> antes do loop, e a tag </ul> depois do loop.

Agora que temos a lista criada, basta fazer uma entrada dela no miolo, usando as tags do WordPress. Copiando a do WinAjuda, é assim:

<li class="lista_noticias"><span class="data"><?php the_time('d/m/y') ?></span> <a href="<?php the_permalink() ?>"><?php the_title(); ?></a> <small><a href="<?php the_permalink() ?>#comments" title="Comentários"><em>(<?php comments_number('0','1','%'); ?>)</em></a></small></li>

Bem simples, não? O código acima mostra, na primeira parte, a data do post, no formato dd/mm/aa; em seguida, o título linkado para o post; e por fim, a quantidade de comentários, entre parênteses, linkada para os mesmos. Uso CSS para personalizar as cores, fontes e remover a bolinha da lista (em tempo: no CSS, crie uma entrada ul { list-style:none; }).

Como já dito, o WordPress é extremamente personalizável. Usar headlines é apenas uma das possibilidades… Use a cabeça, teste, teste e teste. O resultado virá.

wordpress, tema, headlines, posts em lista