Consejo rápido usar la función wp_tag_cloud () de WordPress de la manera correcta

Todos sabemos que las etiquetas son una parte vital de las taxonomías de WordPress, que son una forma de agrupar cosas. Las etiquetas se crean sobre la marcha al crear publicaciones y nos ayudan a localizar publicaciones similares vinculadas por etiquetas particulares. Generalmente, en un blog de WordPress, las diferentes etiquetas se agrupan dentro de una nube de etiquetas, y el tamaño de cada etiqueta determina la frecuencia de sus asignaciones a las publicaciones. Aquí vamos a ver el uso correcto de la wp_tag_cloud () Función, que es responsable de todas estas nubes de etiquetas.

Introducción

Esta es la función principal incorporada para mostrar las etiquetas asociadas con sus publicaciones recientes, dentro de la nube de etiquetas.

  8, 'mayor' => 22, 'unidad' => 'pt', 'número' => 45, 'formato' => 'plano', 'separador' => "\ n", 'orderby' => ' name ',' order '=>' ASC ',' exclude '=> null,' include '=> null,' topic_count_text_callback '=> default_topic_count_text,' link '=>' view ',' taxonomy '=>' post_tag ' , 'echo' => verdadero); ?>

El códice de WordPress wp_tag_cloud () La página tiene una explicación clara de todos los parámetros de esta función, pero aún así, vamos a discutir rápidamente los más importantes..

'pequeñísimo' - Este parámetro es de tipo entero y especifica el tamaño de texto mínimo de la etiqueta en la nube
'más grande' - Este parámetro es de tipo entero y especifica el tamaño máximo de texto de la etiqueta en la nube
'número' - Este parámetro especifica el número total de etiquetas que se mostrarán en la nube. Puede especificarlo como '0' si desea que se muestren todos
'formato' - Este parámetro especifica el formato de la visualización de la nube. Puede ser cualquiera deplano','lista', o'formación'
'separador' - Este parámetro especifica el separador dentro de las etiquetas en la nube.
'topic_count_text_callback' - Este parámetro muestra el número de publicaciones asociadas con cada etiqueta a través de una información sobre herramientas
'taxonomía' - Este parámetro especifica el tipo de taxonomía de WordPress que se puede usar dentro de la nube de etiquetas. Aquí el valor predeterminado es el 'post_tags'pero también puedes usar una taxonomía personalizada

Estos parámetros juegan un papel clave en la personalización de la nube de etiquetas.

Uso

WordPress tiene un widget de nube de etiquetas predeterminado que se puede colocar en el área apropiada de la página. Pero sin usar un widget puedes usar el wp_tag_cloud () Función para mostrar y personalizar la nube de etiquetas en tu blog. Puede especificar los parámetros de varias maneras.

Parámetros separados por '&' en una simple cadena en línea.

Especificación de parámetros en formato de matriz.

  '10', 'más grande' => '50', 'unidad' => 'px', 'número' => '45', 'separador' => '::', 'orderby' => 'count', 'orden' => 'RAND')); ?>

Especificando solo los parámetros seleccionados, el resto se mantiene como predeterminado.

Devuelva la nube de etiquetas como una matriz sin mostrarla en el blog. Este resultado se puede utilizar más adelante dentro del código PHP.

Ejemplos prácticos

Ejemplo 1 Muestra la nube de etiquetas en la barra lateral o pie de página de tu tema

Crea una función en tu funciones.php presentar y devolver el wp_tag_cloud () función. Una vez que se define, puede llamar a la función desde cualquier lugar dentro de su blog..

 function my_cloud ($ echo = false) if (function_exists ('wp_tag_cloud')) devuelve wp_tag_cloud ();

Ahora vamos a abrir nuestro barra lateral.php y llamar a la función para mostrar la nube de etiquetas.

  Etiquetas Populares'; mi nube(); ?>

Vamos a añadir un poco de estilo CSS en nuestro style.css archivo para hacer que la nube de etiquetas se vea más profesional.

 .mycloud a background: # FFC414; color: # 0000FF; pantalla: bloque en línea; margen: 0 4px 8px 0; relleno: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; radio del borde: 20px; tamaño de fuente: 10px;  .mycloud h3 font-style: italic; font-weight: negrita; tamaño de letra: 30px; color: # FF00FF; Familia tipográfica: Comic Sans;

Ahora se ve así:

Del mismo modo utilizando el mismo en el footer.php de nuestro tema.

Puedes hacerlo más hermoso agregando tus estilos CSS personalizados.

Añadiendo diferentes parámetros dentro de la wp_tag_cloud () función en el funciones.php Archivo podemos personalizar nuestra nube de etiquetas. Por ejemplo, si desea incluir tanto sus etiquetas como sus categorías en la nube de etiquetas o más bien en la nube de taxonomía, la función se puede escribir como:

 wp_tag_cloud (array ('taxonomy' => array ('post_tag', 'category')));

Ejemplo 2 Crear una página de nube de etiquetas para tu blog

A veces no te gusta mantener la nube de etiquetas en tu barra lateral o pie de página y crear una página separada para mantener tu blog limpio. Puedes hacerlo usando el siguiente método.

Al principio, cree una plantilla de página personalizada en su carpeta de temas con la wp_tag_cloud () función. Aquí hemos nombrado el archivo. tagcloud.php.

Ahora inicie sesión en su administrador de WordPress y vaya a Páginas -> Añadir Nuevo. Ponga un buen título para la página y luego debajo de Atributos de página sección elegir la Modelo como Tag Cloud y luego haga clic en Actualizar. Eso es; Su página de nube de etiquetas está lista. Puedes estilizar la página con tus propios estilos CSS..

Ejemplo 3 Crear un cuadro de desplazamiento en la nube de etiquetas para su barra lateral

A veces, queremos que nuestros usuarios seleccionen etiquetas de un cuadro desplazable en nuestra barra lateral. Para lograr esto tenemos que crear una función en nuestro funciones.php expediente.

 function cloudbox () if (function_exists ('wp_tag_cloud')) $ tags = wp_tag_cloud (array ('smallest' => 10, 'most' => 10, 'orderby' => 'name', 'order' => 'ASC', 'formato' => 'matriz')); foreach ($ tags as $ tag) echo $ tag. '
';

En la función anterior hemos considerado el formato de matriz de wp_tag_cloud () función, junto con que el tamaño de la fuente se ha mantenido igual y la lista se ha ordenado por nombre en orden ascendente.

Ahora abre tu barra lateral.php y llamar a esta función.

 Por favor seleccione la etiqueta

Déjanos estilo con algunos CSS..

 #cloud fondo: #FFFFCC; altura: 200px; ancho: 200px; margen: 0 auto; desbordamiento: desplazamiento; borde: 4px sólido # 000000; relleno: 2px; alinear texto: justificar;  #cloud a background: # 400000; color: # FFFF00; pantalla: bloque en línea; margen: 0 4px 8px 0; relleno: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; radio del borde: 20px; tamaño de fuente: 15px;  #text font-style: italic; font-weight: negrita; tamaño de fuente: 20px; color: # FF9900; Familia tipográfica: Comic Sans;

Finalmente se ve como:

Gracias por leer y no dude en sugerir algunos usos más de este muy útil. wp_tag_cloud () función.

Código