• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar a la barra lateral principal

DecodeCMS

Tu WordPress a otro Nivel ...

  • Acerca de
  • Contacto
  • Inicio
  • Tutoriales
    • Themes
    • Plugins
    • Core
    • Recursos
  • Cursos
  • Acceder
    • Mis cursos
    • Mi Cuenta
    • Acceder
Inicio / Tutoriales / Themes / Agregar imagen a categorías usando ACF en WordPress

Agregar imagen a categorías usando ACF en WordPress

[ hace 8 meses ] [ Autor: Jhon Marreros Guzmán ][ Themes - Intermedio] [ ]

mejoras

Suscríbete a DecodeCMS:  

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.

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • Relación bidireccional entre diferentes tipos de contenido con ACFRelación bidireccional entre diferentes tipos de contenido con ACF
  • Agregar Microdatos en campos de productos en WooCommerceAgregar Microdatos en campos de productos en WooCommerce
  • Campos personalizados en productos de WooCommerceCampos personalizados en productos de WooCommerce
  • Konami en WordPressKonami personalizado en tu sitio WordPress sin usar plugins
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (1 votos, promedio: 5,00 de 5)
Cargando...

Interacciones con los lectores

Para escribir código envolver con: <pre class="language-xxx"><code> </code></pre> ,reemplaza las xxx (php, css, html)

*

* Gravatar habilitado

Barra lateral principal

Curso Decodifica WordPress

Únete a DecodeCMS

Recibirás como regalo:

Guia práctica con video:
¿Quieres agregar código a WordPress? Revisa las diferentes opciones que tienes.Ver más

Omnisend
Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

accesibilidad css dashboard editor error funcionalidad herramientas imagen js librería mejoras optimización seguridad SEO social woocommerce

Populares

Mostrar subcategorías de una categoría en listado de entradas

Remover el slug de la página padre en WordPress

Deshabilita XML-RPC en WordPress y mejora tu seguridad

Mover la carga de Javascript y CSS al footer en WordPress

© logo decode pie
Política de Privacidad | Política de devoluciones
Copyrigth 2023 Todos los derechos reservados