Saltar al contenido
themeforge
ES
Empieza gratis
Menú
  1. Inicio
  2. Referencia de atributos
  3. tax-image
Básico Categorías

Una imagen propia para cada categoría

tax-image="Nombre del campo"

Una portada sobre la lista de entradas, un icono en el menú de categorías: WordPress no tiene imagen para las categorías. tax-image añade ese campo, y la página de la categoría muestra la imagen de esa misma categoría.

Dónde va

En un <img> de archive.html: la generación cambia su src.

Para una imagen de fondo, tax-bg-image en el bloque, como fld-bg-image.

El campo aparece en el panel solo si la página tiene un nombre de grupo: wp-fields-group en su <body>.

Ejemplo: la portada de una categoría

Marcado archive.html
<header class="category">
  <img class="category__cover" src="images/coffee.jpg"
       srcset="images/coffee-p-800.jpg 800w" sizes="100vw"
       alt="" tax-image="Category cover">
  <h1 wp="term-title">Coffee</h1>
</header>
En el panel Posts → Categories → Coffee
Name Coffee
Category cover beans.jpg
En el sitio la página de la categoría
beans.jpg Coffee

El cliente eligió una portada en la categoría; en el marcado había otra.

Lo importante

  • A la imagen se le quitan srcset y sizes; si no, el navegador mostraría la imagen del diseño.
  • alt se queda como en el marcado, uno para todas las categorías: en una portada déjalo vacío si el nombre de la categoría está al lado.
  • La imagen se elige de la biblioteca de medios en cada categoría; «Cargar datos» no la lleva allí.

Errores frecuentes

El registro de la generación es la pestaña «Registros» de tu proyecto en themeforge.pro; la revisión gratuita del marcado muestra los mismos avisos.

Así no
<div class="category__cover" tax-image="Category cover"></div>

tax-image en un bloque sin imagen: no hay nada que cambiar, y el registro de la generación señala el elemento equivocado.

Así sí
<div class="category__cover" tax-bg-image="Category cover"></div>

tax-bg-image pone la imagen como fondo del bloque.

Escritura alternativa

t_image funciona igual: la generación da un tema idéntico.

Se usa en recetas

Cuando quieras

Mira el panel de WordPress de tu sitio antes de pagar.