Cómo agregar miniaturas a las categorías y etiquetas de WordPress

A veces, un sitio de WordPress se verá mucho mejor si pudiéramos mostrar una imagen junto a las categorías o etiquetas. Por ejemplo, podemos agregar una imagen sobre CSS en el “CSS” categoría o el logotipo de HTML5 en el “HTML” categoría (como se muestra abajo).

De vuelta en la versión 2.9, WordPress agregó la capacidad de añadir una miniatura de la imagen (más tarde renombrado Foto principal) para publicación, página y tipo de publicación personalizada. Esta característica de Miniatura de imagen no cubre Categoría, Etiqueta y Taxonomía personalizada, incluso para versiones posteriores (con la excepción de quizás Taxonomía personalizada, posiblemente en WordPress 4.4.)

Gracias a este consejo de WordPress y al complemento Taxonomía en miniatura, podemos hacer esto en nuestras categorías y etiquetas de publicaciones. Vamos a ver cómo esto se puede hacer con unas pocas líneas de código.

Empezando

Para empezar, implemente este complemento en su sitio de WordPress. Puede instalar el plugin a través de Plugins> Añadir Nuevo oa través de FTP. Una vez que haya activado el plugin, vaya a Publicar> Categorías. Ahora, deberías poder encontrar el botón. “Establecer una miniatura“.

Al hacer clic en este botón se mostrará el WordPress Media Manager. Aquí puede seleccionar la imagen que ha cargado previamente como la imagen de la categoría o puede subirla, personalizarla y finalmente seleccionarla como la miniatura de la imagen de la categoría (o la etiqueta).

La imagen se mostrará en el Categoría tabla, que le permite ver qué categoría tiene una categoría de imagen adjunta.

Las etiquetas de la plantilla

Este complemento viene con algunas etiquetas de plantilla útiles para recuperar imágenes similares a las etiquetas de plantilla Publicar miniatura. De esta manera, podemos recuperar fácilmente la miniatura del término..

get_term_thumbnail_id ($ term_taxonomy_id): para obtener el término de taxonomía ID en miniatura.
has_term_thumbnail ($ term_taxonomy_id): Para comprobar si el término de taxonomía tiene miniatura o no..
get_term_thumbnail ($ term_taxonomy_id, $ size = 'post-thumbnail', $ attr = ” ): Para recuperar la miniatura del término Taxonomía.

Como puede ver arriba, estas funciones requieren el ID de taxonomía (la categoría, la etiqueta o el ID de taxonomía personalizado) que puede recuperar utilizando el term_taxonomy_id función. El complemento viene con algunas funciones más, como configurar y eliminar la miniatura, pero son suficientes por ahora..

Cómo mostrar miniaturas

Obtener lista de términos

Primero usamos el get_terms () Función para obtener listas de términos de la taxonomía especificada. En este caso, obtendremos los términos de la categoría de publicación..

  'name', 'order' => 'ASC', 'hide_empty' => true, 'exclude' => array (), 'exclude_tree' => array (), 'include' => array (), 'number' => ", 'fields' => 'all', 'slug' =>", 'parent' => ", 'hierarchical' => true, 'child_of' => 0, 'childless' => false, 'get '=> ",' name__like '=>",' description__like '=> ",' pad_counts '=> false,' offset '=>",' search '=> ",' cache_domain '=>' core ',) ; $ términos = get_terms ($ taxonomía, $ args); ?>

La salida es una matriz que contiene información de cada término, incluida la term_id, nombre, babosa, term_group, term_taxonomy_id, descripción, Ahora, necesitamos mostrar el término nombre dentro de las listas usando el para cada bucle, como sigue.

 '. $ taxonomía. ':
'; eco ''; foreach ($ términos como $ término) echo $ término-> nombre;  eco '
'; ?>

El resultado se ve algo como esto:

Aquí tenemos CSS, HTML, JavaScript, jQuery y PHP. Adjuntamos la imagen respectiva (logo o icono) para cada uno de estos. condiciones. Ahora, necesitamos saber como mostrarlos..

Mostrar las miniaturas

Para mostrar la miniatura de la imagen, extenderemos el para cada bucle, como de nuestro código anterior.

Añadimos la etiqueta de la plantilla., get_term_thumbnail (), para obtener la miniatura y también agregamos un enlace a la página de archivo del término.

 if (! empty ($ términos) &&! is_wp_error ($ términos)) echo ''; foreach ($ términos como $ término) echo ''. $ term-> name. get_term_thumbnail ($ term-> term_taxonomy_id, $ size = 'category-thumb', $ attr ="). '
';  eco '
';

Y el resultado (después del CSS agregado) es como se muestra a continuación:

El complemento tiene opciones para elegir recuperar todos los términos o solo los términos con miniaturas. Para hacer esto, use el siguiente parámetro en la get_terms () función:

 $ taxonomía = 'categoría'; $ args = array ('with_thumbnail' => true, // true = recupera los términos que tiene miniatura, false = recupera todos los términos); $ términos = get_terms ($ taxonomía, $ args);

Aplicar a otra taxonomía.

Como se mencionó, puede aplicar este complemento no solo a las categorías, sino también a otra taxonomía, como la Etiquetas, Categoría de enlace, y Taxonomia personalizada. Este complemento es útil para habilitar la miniatura de imagen en cualquier taxonomía como en Publicación y Página.