X

Agregar imagen a categorías usando ACF en WordPress

En este artículo aprenderás cómo agregar un campo de imagen a una categoría de WordPress usando el plugin Advanced Custom Fields (ACF), mostraremos el campo agregado por código, modificando los archivos del tema activo.

 

Resultado Final

Al final queremos obtener algo similar a lo que se muestra en la siguiente imagen:

 

Creación de grupo y campos en ACF

Desde el plugin ACF crearemos el grupo de campos y el campo imagen, tal como se muestra a continuación.

 

También para el grupo de campos configuraremos que sólo se muestren en la taxonomía de categorías, tal como se muestra en la imagen

 

Agregar imagen en categoría

Con las configuraciones anteriores en ACF entonces ya podremos ver en las categorías de WordPress un campo adicional para agregar una imagen

 

Mostrar imagen de categoría en el front-end del sitio

Finalmente para mostrar la imagen en el front-end del sitio será necesario hacerlo a través de código, la mayoría de temas deben tener un archivo category.php, o archive.php, el cual puedes usar, de acuerdo a la Jerarquía de archivos de plantilla de WordPress.

Puedes sobreescribir ese archivo como parte de los archivos de tu tema hijo.

En el archivo se tiene que agregar el siguiente código.

$term = get_queried_object();
$id_image = get_field('image-category', $term);
echo wp_get_attachment_image( $id_image, 'full', false, [ 'class' => 'img-category' ] );

 

Conclusión

Como has podido comprobar, si el tema que usas no tiene la funcionalidad para agregar imágenes a las categorías, puedes agregar esta funcionalidad con ayuda de ACF y código, tal como hemos visto en este artículo.

 

Categorías: Themes
Etiquetas: mejoras