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.

Conheça a hierarquia dos templates

Comecei a escrever um post sobre como alterar o template de uma determinada página, porém percebi que seria interessante explicar antes sobre a hierarquia dos templates em um tema do WordPress. É uma resposta a questão: Qual o arquivo do template o WordPress utiliza para exibir um determinado tipo de página?

No Codex existe uma imagem chamada wp_Template_Hierarchy.png que exprime graficamente esta hierarquia e torna bastante simples a compreensão.

WordPress Template Hierarchy

Se você analisou a imagem acima, percebeu que na prática um tema do WordPress precisaria apenas do index.php (e do style.css), pois caso não seja encontrado as páginas específicas é exibido sempre o index.php. Por exemplo, se um visitante acessa a página de uma determinada categoria cujo ID é 3, o WordPress irá procurar pelo template category-3.php, caso não exista este arquivo no seu template ele tentará o category.php, se também não existir irá para o archive.php e por último o index.php.

Desta forma o WordPress garante uma maior flexibilidade para criar temas, assim cada tipo de página pode ser exibido de uma forma diferente. Além disso é possível criar templates exclusivas para cada página que você crie, é o que veremos no próximo post! :)

Temas do Deziner Folio

Deziner Folio.O N.Design Studio é admirado por muita gente (inclusive nós), mas há outros designers/estúdios fazendo trabalhos notáveis em se tratando de temas para WordPress. Um que conheci há pouco tempo, e cujo trabalho é excelente, é o Deziner Folio. O blog é mantido por dois indianos, os irmãos Navdeep e Naveen, de 19 e 21 anos, respectivamente, que amam design, fotografia e desenvolvimento web.

Há vários temas disponíveis, todos na página de download, ao lado de ícones, layers e galerias de imagens. Para facilitar a consulta, compilei a lista abaixo. Basta clicar, conferir e baixar:

E se você entende alguma coisa de inglês, vale a pena acompanhar os textos de lá. Vez ou outra aparecem pequenas pérolas, como este guia compacto de conversão de layouts para temas de WordPress.