Cómo mostrar una nube de etiquetas en WordPress

Cómo mostrar una nube de etiquetas en WordPress

Muchas personas usan 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 perfecto para crear una plantilla de página en la nube. Etiquetas personalizadas 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 darles un estilo limpio y moderno.

Cómo mostrar manualmente una nube de etiquetas

Para mostrar su nube de etiquetas, simplemente inserte el “wp_tag_cloud ()»Dónde desea mostrar sus etiquetas y aplicar su configuración. A continuación se muestra un ejemplo rápido de una etiqueta que incluye algunos de los muchos parámetros. Obtenga más información en WordPress.org. Referencia de la 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
) ); ?>

Personaliza tu nube de etiquetas

Puede diseñar fácilmente sus etiquetas con CSS para que se vean mejor que solo una lista de enlaces. A continuación se muestra algo de CSS si desea personalizar las etiquetas para que se parezcan a mi tema premium de MyWorks Portfolio. Tenga en cuenta que esto también cambiará la apariencia de los widgets de la barra lateral, ya que estoy diseñando la clase div “tagcloud” directamente, solo agregue un DIV que 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 Custom Tag Cloud. 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 artículos, 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.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Ir arriba