Ticker

6/recent/ticker-posts

Ad Code

Responsive Advertisement

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:

Imagen categoría resultado final

 

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.

Campo imagen creació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

Mostrar en taxonomía categoría

 

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

Imagen categoría

 

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.

 
¿Aún con dudas?, en el siguiente video se detallan los puntos anteriores.

Suscríbete a DecodeCMS:  

 

La entrada Agregar imagen a categorías usando ACF en WordPress es un artículo reciente del sitio DecodeCMS.

Enregistrer un commentaire

0 Commentaires