Cómo mostrar una nube de etiquetas en WordPress

Mucha gente usa el widget de nube de etiquetas en WordPress para mostrar las etiquetas de sus publicaciones en su barra lateral con widgets, pero también puede agregar manualmente una nube de etiquetas a su tema, que es perfecta para crear una plantilla de página de nube de etiquetas personalizada o para agregarlas a su tema. en áreas que no necesariamente desea que se incluyan en 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 tema 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_cloud ()”Función donde desee mostrar sus etiquetas y aplicar 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 Tag Cloud Reference.

 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
) ); ?>

Diseñe su 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 algo de CSS si desea diseñar las etiquetas para que se vean como las de mi tema premium MyWorks Portfolio. Tenga en cuenta que esto también cambiará el aspecto de los widgets de la barra lateral, ya que estoy diseñando directamente la clase div “tagcloud”, simplemente agregue un DIV que lo contenga para diseñarlos de manera diferente.

La mirada:

Etiquetas de WordPress

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 de nube de etiquetas personalizadas. Simplemente instale este complemento para poder agregar nubes de etiquetas personalizadas a sus widgets, publicaciones y páginas utilizando un código corto. El complemento incluye opciones para mostrar publicaciones, categorías y etiquetas de categorías de enlaces. Además, puede establecer 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.