Mucha gente usa el widget de nube de etiquetas en WordPress para mostrar sus etiquetas de publicación en su barra lateral con widgets, pero también puede agregar manualmente una nube de etiquetas a su tema, lo cual es perfecto para crear una plantilla de página de nube de etiquetas personalizada o para agregarlas a su tema. en áreas que no necesariamente desea widgets.
Este fragmento de código diario le mostrará cómo mostrar una nube de etiquetas personalizada en cualquier lugar de su sitio a través de sus archivos de temas y diseñarlos para que se vean limpios y modernos.
Cómo mostrar una nube de etiquetas manualmente
Para mostrar su nube de etiquetas, todo lo que necesita hacer es insertar el «wp_tag_nube()” funcione donde quiera que muestre sus etiquetas y aplique sus parámetros. A continuación se muestra una muestra rápida de una etiqueta que incluye algunos de los muchos parámetros; vea más en WordPress.org Referencia de nube de etiquetas.
<?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
) ); ?>
Dale estilo a tu nube de etiquetas
Puede diseñar fácilmente sus etiquetas con CSS para que se vean mejor que una simple lista de enlaces. A continuación se muestra un poco de CSS si desea diseñar las etiquetas para que se parezcan a las de mi cartera MyWorks de tema premium. Tenga en cuenta que esto también cambiará el aspecto de sus widgets de la barra lateral, ya que estoy diseñando directamente la clase div «tagcloud», simplemente agregue un DIV contenedor para diseñarlos de manera diferente.
La mirada:
El 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;
}
Cómo mostrar una nube de etiquetas con un complemento
También puede agregar sus etiquetas a cualquier publicación o página con el complemento Custom Tag Cloud. Simplemente instale este complemento para poder agregar nubes de etiquetas personalizadas a sus widgets, publicaciones y páginas usando un código abreviado. El complemento incluye opciones para mostrar publicaciones, categorías y etiquetas de categorías de enlaces. Además, puede configurar el número que se muestra, agregar un separador de etiquetas personalizado y elegir un modo de nube. Y si desea más funciones (como tamaño, diseño y orden), también hay una versión premium del complemento.