Criando uma página apenas para a Nuvem de Tags

É comum encontrar em alguns blogs uma pequena nuvem de tags no menu lateral, sua função é exibir aos visitantes de forma gráfica qual o conteúdo mais recorrente no blog. Em alguns casos porém, não há espaço no menu lateral ou se deseja ter um espaço maior para exibir a nuvem de tags. Uma opção é criar uma página somente para ela e é isto que irei mostrar neste post.

O procedimento é bastante simples, visto que desde o WordPress 2.3 já existe uma tag nativa para exibir a nuvem de tags, wp_tag_cloud(). Primeiro iremos criar um novo arquivo chamado nuvem.php baseado no template page.php do seu próprio tema, assim a página terá o mesmo visual do seu blog. Abra o arquivo page.php, copie todo o seu conteúdo e cole no arquivo nuvem.php. Adicione no início do arquivo nuvem.php o seguinte código:

  1. Template Name: Nuvens de Tags
  2. */ ?>

Desta forma o WordPress saberá que este arquivo é um template. Agora substitua a tag the_content() pela tag wp_tag_cloud(), sempre no arquivo nuvem.php, ok? Depois destes procedimentos criaremos uma nova página com o título "Nuvem de Tags", na opção Page Template escolha "Nuvem de Tags" e publique esta página e sua nuvem de tags está pronta.

Template Nuvem de Tags

Você pode ainda configurar alguns parâmetros nesta tag, vejamos alguns:

  • smallest: define o menor tamanho da fonte (default=8);
  • largest: define o maior tamanho da fonte (default=22);
  • unit: unidade de medida para smallest e largest, os valores possíveis são pt, px, em ou % (default=pt);
  • number: define o número de tags que será exibido (utilize "0" para exibir todas as tags).

Aqui no pBlog eu criei uma página com a nuvem de tags com os seguintes parâmetros: wp_tag_cloud('smallest=8&largest=40&number=0'). Saiba mais sobre esta tag no Codex.

This entry was posted in Customização and tagged , , . Bookmark the permalink.

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

12 Responses to Criando uma página apenas para a Nuvem de Tags

  1. Daniel says:

    Cara, fiz isso esses dias!

    Eu usava a nuvem no rodapé, mas ela começou a ficar muito grande, aí escolhi algumas tags pra ficar lá e coloquei o link pra página com todas.

    Bem útil teu artigo.
    Só podia ter vindo um pouquinho antes, aí tinha me poupado várias buscas no Codex. :)

  2. Pingback: página de tags

  3. Hener says:

    Alguém sabe me dizer exatamente como essa nuvem de tags interfere na indexação do google?

  4. Acredito que a página possa ficar com um excesso de links e inclusive ser considerada spam pelos motores de busca.

  5. Geometrik says:

    Hener,

    O WP cria uma url para cada página que traz os artigos (posts) relacionado a este.

    Ou seja, cada Tag se torna uma URL e isso é muito bom para indexação.

    Vai no Google e faz uma procura no seu site e veja quantas URLs estão relacionadas com as Tags.

    É bom para caramba.

  6. Renato says:

    Parabéns pelo blog! E pelas dicas também!

    Abraços.

  7. thebuffalo says:

    Pra mim vai ser muito útil… tô com problemas para aparecer as nuvens na parte incial do blog, mas vou resolver isso e depois criar essa página.. os leitores gostam muito porque mostra quais termos mais requisitados.. e acaba atraindo mais clicks nesses termos que não ficam esquecidos..

  8. Wagner Beethoven says:

    Eu lutei pra deixar com o mesmo estilo do blog, mas tinha esquecido que ficava faltando o get header() no começo :p

    cara ajudou pra carai@

  9. Pingback: página de tags

  10. Pingback: BlogTuga » Criar uma página de tags

  11. O site tem apresentado um conteúdo muito bom. Ajuda principalmente aqueles que estão começando a estudar wordpress. Acho que o tutorial apresentado acima é útil não apenas para uma página exclusiva para a nuvem de tags, mas para qualquer nova formatação que você queira dar a uma “page” via admin no wordpress.

  12. Interessante, esse procedimento serve para criar uma págia só para arquivos também?

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>