Como facilitar a navegação em um blog Wordpress

Autor Evandro Cesar | Jun 10, 2008

É muito interessante você ajudar os usuários a conseguirem ter uma boa navegação no seu blog com o Wordpress. As pessoas que estão navegando precisam saber onde encontrar as categorias, os artigos e arquivos de uma forma fácil.

Para isso existem várias formas e plugins também, como o similar posts, só para citar um.

Artigos anteriores e Artigos posteriores

Esse é um recurso muito bom para ser usado porque seu leitor pode facilmente pular de um artigo para outro dentro do blog ao final de cada artigo usando esse link. O código pode ser inserido tanto no final quanto no início dos posts.

<?php previous_post('« « %', '', 'yes'); ?>
| <?php next_post('% » » ', '', 'yes'); ?>

Esse código retorna o post anterior ao que está sendo visualizado e o próximo.

Onde incluir esse código?

O local mais comum é no arquivo single.php, procure dentro dele onde deseja inserir e cole esse código.

Sempre faça um backup antes de qualquer mudança, evita transtorno. Copie todo o código do single.php, abra um arquivo no bloco de notas, cole e salve. Se algo sair errado é só copiar o original de volta :)

Para inserir Arquivos, Categorias e Páginas existem códigos também, embora usando os widgets é bem mais fácil não é? Mas caso queira fazer uso desses códigos vou deixá-los logo abaixo:

Páginas:

<?php wp_list_pages(); ?>

Esse código retorna uma lista de páginas, como o Sobre, Contato e outras páginas que estejam no seu blog. Caso queira excluir algumas páginas dessa lista é só usar assim:

<ul>
<?php wp_list_pages('exclude=3,5' ); ?>
</ul>

Cada página tem um número, no caso acima as páginas 3 e 5 não serão mostradas nessa lista.

Categorias:

Código padrão para gerar lista de categorias:

<?php wp_list_cats(); ?>

<?php list_cats(); ?>

Mas de repente você quer usar a criatividade e dar destaque somente para algumas categorias, as mais visitadas por exemplo, e quer incluí-las no final de um artigo por exemplo:

<ul>
<?php wp_list_cats('exclude=10, 15'); ?>
</ul>

O código exclude=x, y é onde inserimos as categorias que queremos deixar de fora da lista. Confesso que nunca usei assim, muito menos no final de um post. ;)

A questão é que o uso de códigos dão maior liberdade para você otimizar seu blog Wordpress.

Eu e o Marcos vamos continuar com essa série de dicas para o Wordpress, simples e fáceis de usar.

Gostou do artigo? Compartilhe:
  • Ueba
  • diHitt
  • B!Links
  • Linkk
  • Rec6
  • Do Melhor
  • Link Loko
  • E-mail this story to a friend!
  • webSapiens
  • Print this article!
  • Digg
  • del.icio.us
  • Google
  • Furl
  • Live
  • Reddit
  • StumbleUpon
  • Technorati
6 Comentários
  1. Zackshinra June 23, 2008 7:38 pm

    Bem legais as dicas, eu particularmente só irei usar o de post anterior e seguinte. E nele tenho uma dúvida: eu gostaria que estes links ficassem um para a extrema esquerda e outra para a extrema direita, eu até tentei fazer isso colocando a primeira linha dentro de , e a segunda em mas não deu muito certo, pois cada um ficou em uma linha:

    <>

    o que eu queria era:
    <>

  2. Zackshinra June 23, 2008 7:42 pm

    Ops, os códigos não aparecerão:

    vamos ver se agora vai:

    a primeira linha coloquei: , na segunda a mesma coisa, só que ao invês de “left, coloquei “right”.

    Com isso ele ficou assim (uma em cada linha):
    XXXXX
    XXXXX

    Sendo que o que eu queria era (na mesma linha):
    XXXXX XXXXX

  3. Evandro Cesar June 24, 2008 9:54 am

    Olá Zackshinra,
    Adicione o seguinte código:

    Eu retirei o ” <>” onde aparece o $, é só substituir, esse tema não aceita o código, então tive que fazer algo que na minha terra chamamos de gambiarra, em blog também funciona de vez em quando :)

    $div class=”navigation”$
    $div class=”alignleft”$< ?php previous_post_link('« %link') ?>$/div$
    $div class=”alignright”$< ?php next_post_link('%link »') ?>$/div$
    $div style=”clear:both;”$$/div$
    $/div$

    Veja se funciona, abraço!

  4. Marcos A.T. Silva June 24, 2008 10:37 am

    Olá Zackshinra,

    Alternativamente, você pode utilizar o código abaixo, para “centralizar”.

    Só não se esqueça de inserir os devidos “< " e ">“, ok? :)

    div align=”center”< ?php previous_post('« « %', '', 'yes'); ?>
    | < ?php next_post('% » » ', '', 'yes'); ?>/div

    Abraços!

  5. Zackshinra June 24, 2008 4:23 pm

    Valeu Evandro, o seu código deu certo, porém tive que alterar de “alignleft” para “align left”, ou seja separar. No rigth foi a mesma coisa.

    Obrigado pela atenção.

  6. Zackshinra June 24, 2008 4:23 pm

    Valeu Evandro, o seu código deu certo, porém tive que alterar de “alignleft” para “align left”, ou seja separar. No right foi a mesma coisa.

    Obrigado pela atenção.

Deixe um comentário

Para fazer seu comentário, por favor preencha os campos corretamente.

Name (required)

Email (use um e-mail válido)

Blog/Website

Seu comentário

© 2008 PluginMania, - PassionDuo WordPress Theme - Política de privacidade