Trabalhando com Tag Cloud no Word Press
Estava precisando fazer algumas coisas com o Tag Cloud do Word Press.
Essa Tag disponivel no WordPress 2.5, não necessita de Plugins, não vi essa opção nos wp anteriores a essa versão.
Pequisei algumas coisas.
Esse é o php que chama as tags:
<?php wp_tag_cloud(”); ?>
Porem o WP da de acordo com suas proprias caracteristicas, as fomas de fonte, textos, tamanho e tudo o resto.
Para que você possa obter, quantidade de tags, tamanho das fontes, posicionamento … sera necessaio fazer algumas alteraçoes, para que as tags se adaptem ao seu template.
Essas são algumas caracteristicas:
smallest: Tamanho menor da fonte valor dado pela unidade da fonte
largest: Tamanho grande da fonte, valor dado pela unidade da fonte
unit: Unidade da font, pode ser em pt, px, em, %, Geralmente usa-se pt (Pontos)
format: Formato de Exibição das Tags
- "flat" (Padrão) tags são separadas por espaços
- 'list' tags are in UL with a class=’wp-tag-cloud’ 'lista' tags estão em UL com uma class = “wp-tag-nuvem”
- 'array' tags are in an array and function returns the tag cloud as an array for use in PHP Note: the array returned, rather than displayed, was instituted with Version 2.5 . 'matriz' tags estão em um array e função retorna a tag nuvens como um vetor para uso em PHP Nota: a matriz devolvida, em vez de se mostrado, foi instituído com a versão 2,5.
orderby: Ordem das Tags
- none: Nenhuma (Padrão)
- count:Contagem
order: Ordem das Tags
- ASC: Alfabetica Crescente (Padrao)
- DESC: Alfabetica Decrescente
- RAND: as tags em orden aleatoria. Obs: Acrescentado na versao 2.5
Sendo assim o php fica assim:
<?php wp_tag_cloud(‘smallest=10&largest=25&unit=pt&number=0&
format=flat&orderby=name&order=ASC&exclude=include’); ?>
Agora para deixa-lo como quiser, é simples basta utilizar o CSS e pronto…
No meu caso, o meu estilo ficou dessa forma:
#tags
{
background-color:#F5F5F5;
width:890px;
height:100px;
padding-left:10px;
border:1px solid #EEEEEE;
}
#fonte_tags
{
color:#0063DC;
font-family:Arial;
font-weight:100;
text-align:left;
text-decoration:none;
}
#fonte_tags a:link
{
text-decoration:none;
color:#0063DC;
}
#fonte_tags a:visited
{
text-decoration:none;
color:#0063DC;
}
#fonte_tags a:hover
{
color:#FFFFFF;
text-decoration:none;
font-family:Arial;
background-color:#0063DC;
}
A sua nuvem de tags ficara assim:
Gustavo Henrique
Comentários