Muitas pessoas usam o widget de nuvem de tags no WordPress para mostrar suas tags de postagem na barra lateral com widgets, mas você também pode adicionar manualmente uma nuvem de tags ao seu tema, o que é perfeito para criar um modelo de página de nuvem de tags personalizado ou para adicioná-los ao seu tema em áreas que você não necessariamente deseja widgetized.
Este snippet de código diário mostrará como exibir uma nuvem de tags personalizada em qualquer lugar do seu site por meio de seus arquivos de tema e estilizá-los para que pareçam limpos e modernos.
Como exibir uma nuvem de tags manualmente
Para exibir sua nuvem de tags, tudo o que você precisa fazer é inserir a função “ wp_tag_cloud() ” onde quiser mostrar suas tags e aplicar seus parâmetros. Abaixo está uma amostra rápida de uma tag incluindo alguns dos muitos parâmetros – veja mais em WordPress.org Tag Cloud Reference .
<?php wp_tag_cloud( array(
‘smallest’ => 8, // size of least used tag
‘largest’ => 22, // size of most used tag
‘unit’ => ‘px’, // unit for sizing the tags
‘number’ => 45, // displays at most 45 tags
‘orderby’ => ‘name’, // order tags alphabetically
‘order’ => ‘ASC’, // order tags by ascending order
‘taxonomy’ => ‘post_tag’ // you can even make tags for custom taxonomies
) ); ?>
Estilize sua nuvem de tags
Você pode facilmente estilizar suas tags com CSS para torná-las melhores do que uma simples lista de links. Abaixo estão alguns CSS se você quiser estilizar as tags para se parecerem com as do meu tema premium MyWorks Portfolio. Observe que isso também mudará a aparência dos widgets da barra lateral, pois estou estilizando diretamente a classe div “tagcloud”, basta adicionar um DIV contendo para estilizá-los de maneira diferente.
O olhar:
O código:
.tagcloud a{
display:block;
float:left;
padding:4px 10px;
margin-right:7px;
margin-bottom:7px;
background:#EEE;
color:#666;
font-size:11px;
font-weight:bold;
text-transform:lowercase;
text-shadow:1px 1px 1px #FFF;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border:1px solid #CCC;
text-decoration:none;
}
.tagcloud a:hover{
background:#F3F3F3;
color:#000;
text-decoration:none;
}
Como exibir uma nuvem de tags com um plug-in
Você também pode adicionar suas tags a qualquer postagem ou página com o Custom Tag Cloud Plugin. Basta instalar este plug-in para poder adicionar nuvens de tags personalizadas aos seus widgets, postagens e páginas usando um código de acesso. O plug-in inclui opções para exibir postagens, categorias e tags de categoria de link. Além disso, você pode definir o número mostrado, adicionar um separador de tags personalizado e escolher um modo de nuvem. E se você quiser mais recursos (como tamanho, layout e ordem), também há uma versão premium do plug-in.
