Carregando...

Nuvem de tags sem usar Plugin em wordpress

Postado: 10 de maio de 2021 Tempo de Leitura: < 1 Minuto

Nuvem de tags sem usar Plugin em wordpress

Como inserir a nuvem de tag em seu blog WordPress sem usar plugin.

Para isso, basta escolher o lugar onde quer que a nuvem de tag apareça.

Geralmente usamos no sidebar.php do wordpress.

Vamos adicionar o Código php do wordpress

<nav class="nuvem-tags">
            
    <h3 class="titulo">Nuvem de Tags </h3>
    <?php wp_tag_cloud("number=100&largest=30&smallest=13&order=DESC&separator=,"); ?>
            
</nav>

Explicando o código.

O “number” define a quantidade de tags que você quer exibir

O “largest” define o tamanho da maior tag (em pontos).

O “smallest” define o tamanho da menor tag (em pontos).

O “order” Desc defina a ordem se você quer crescente ou decrescente.

O “separator” botamos uma vírgula para separar as tags.

Adicione Este css para estilizar as tags

.nuvem-tags .titulo { 
    
        width:100%;
        float:left;  
	margin-bottom:0.5em; 
	overflow:hidden; 
	text-align:left; 
	color:#353535; 
	font-size:1.5em; 
	font-family:'open_sansbold'; 
}

.nuvem-tags { 

	float:left; 
	width:100%; 
	background-color:#fff; 
	color:#eaeaea; 
}		

.nuvem-tags .tag-cloud-link       { 

	text-decoration:none; 
	padding:0.2em; 
	color:#00bec5; 
	display:inline-block; 
}

.nuvem-tags .tag-cloud-link:hover { 

	color:#353535; 
	text-decoration:underline; 
}

.nuvem-tags .tag-cloud-link .tag-link-position-1 { font-size:1em; }


Podemos também inserir a Nuvem de tags sem usar Plugin em wordpress usando outros parâmetros veja mais no código abaixo.

<?php wp_tag_cloud("number=60&largest=30'); ?>
<?php wp_tag_cloud("number=30&largest=20&order=ASC&separator=,"); ?>
<?php wp_tag_cloud("number=30&largest=20&order=DESC&separator=,"); ?>
//MAIS CONFIGURAÇÔES

function wp_tag_cloud( $args = '' ) {
    $defaults = array(
        'smallest'   => 8,
        'largest'    => 22,
        'unit'       => 'pt',
        'number'     => 45,
        'format'     => 'flat',
        'separator'  => "\n",
        'orderby'    => 'name',
        'order'      => 'ASC',
        'exclude'    => '',
        'include'    => '',
        'link'       => 'view',
        'taxonomy'   => 'post_tag',
        'post_type'  => '',
        'echo'       => true,
        'show_count' => 0,
    );

Veja uma lista completa com os vários parâmetros da wp_tag_cloud, na Na pagina do WordPress: http://codex.wordpress.org/Template_Tags/wp_tag_cloud

Publicado por: Loop Nerd

1.515 Visualizações

Tags

3 respostas para “Nuvem de tags sem usar Plugin em wordpress”

  1. Leonardo Florêncio disse:

    Olá Rafael, vamos ver se com essa solução eu conseguiria fazer o seguinte: Tenho um CPT e no painel do WP se pode incluir as tags, até aí tudo certo. Quero exibir essas tags incluídas na postagem num modelo de single post. Lá eu só estou exibindo as tags que incluí via jet engine e nesse caso elas já estão colocadas no glossaries. Bem, se tiver uma dica eu agradeço.

  2. loopnerd disse:

    Olá Rafael !
    Obrigado!

  3. Rafael disse:

    Muito obrigado! Salvou demais!

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *