WP: Nuvem de Tags (Tag Cloud) e Categorias

Tutorial Wordpress

Chega de plugin que faz aparecer uma nuvem de categorias no WordPress (isso se você não se importa com a cor degradê que o plugin faz)! Quanto menos plugins você usar em seu WordPress e mais tags, melhor. Por isso aqui uma dica para você ter uma nuvem de categorias ou de tags para você utilizar onde quiser em seu tema WP.

Nuvem de tags

<?php wp_tag_cloud('smallest=7.5&largest=13&number=50&separator=, &order=RAND'); ?>

Legenda:
smallest=7.5 – Tamanho mínimo da fonte.
largest=13 – Tamanho máximo da fonte.
number=50 – Mostra apenas 50 tags. Deixe o número 0 caso queira que apareça todas.
separator=, – Usa-se vírgulas pata separar. Caso queira apenas um espaço, apague a parte separator=, que irá cair na exibição padrão, o espaço vazio.
order=RAND – Ordem aleatória. Caso queria ordem crescente, usa-se ASC e decrescente para DESC.

Nuvem de categorias

<?php wp_tag_cloud( array( 'taxonomy' => 'category', 'smallest' => 7.5, 'largest' => 12, 'separator' => '&#44; ', 'order' => 'RAND',  ) ); ?>

É o mesmo principio da nuvem de tags, percebeu? Só muda a taxonomia (classificação).

2º) Personalizando o CSS:

.tagcloudml {border:none; background:transparent; width:100%;}
.tagcloudml a {text-decoration: none; color: #corlink;}
.tagcloudml a:hover {text-decoration: none; color: #corlinkhover; border-bottom: 1px solid #corborda;}

Personalize e coloque o CSS acima no seu arquivo style.css de seu tema atual, e no código é só você colocá-lo entre <div class=" tagcloudml"> e </div> que dará certo ;D

Fácil, fácil!

Veja também...

Dica de série: Anne with an E, da Netflix
King's Cross + Tour completo pelos Studios de Harry Potter
Almoço no Las Nenas Café Bistrô (Goiânia)

6 Comentário(s)

(6 pelo blog e pelo facebook)
  • Marcello
    24 . 05 . 2016

    Eu gostaria de saber como vou inserir essa tag…em que elemento do wordpress eu vou colocar esse código. Obrigado

    Responder

    • Aninha
      Visitar blog
      24 . 05 . 2016

      @Marcello, em qualquer lugar do seu template você pode inserir o código. Caso queira colocar em uma widget, é só habilitar o PHP para conseguir ler o código (tutorial aqui) ou então, use o plugin EXEC PHP (veja aqui) para colocar em um post ou página.

      Responder

  • Paulo Gilberto
    25 . 09 . 2015

    Seu posto me caiu como uma luva, pois é exatamente o que estava procurando. Mas como sou um pouco leigo, não entendi a parte final que diz para colocar a personalização no código. Qual código ? Em qual arquivo ?

    Responder

    • Aninha
      Visitar blog
      28 . 09 . 2015

      @Paulo Gilberto, o código você pode colocar em qualquer parte que você desejar do seu template wordpress. Caso queira colocar nos widgets, basta você habilitar a linguagem PHP (pois por padrão os widgets aceitam só HTML) utilizando este plugin ou esta função. Caso queira colocar em alguma página interna ou post, basta habilitar o PHP utilizando o plugin EXEC-PHP.

      Responder

  • Raphael Ferreira
    Visitar blog
    12 . 01 . 2015

    Estou iniciando o uso do WordPress e achei a dica muito boa!!! Parabéns pelo trabalho!!! Desejo-lhe enorme sucesso…

    Responder