Imágenes destacadas y alternativas
Las imágenes aparecen en tres lugares de un sitio POM Events, y hay una alternativa global para los eventos que no tienen ninguna.
Dónde se usan las imágenes
| Lugar | Imagen |
|---|---|
| Elementos de la lista de eventos | La imagen destacada del evento, o el marcador de posición global |
| La subcabecera del evento individual | La imagen destacada del evento, o una imagen personalizada para todos los eventos |
| Encima del contenido del evento | La imagen destacada del evento, cuando esa opción está activada |
| Tarjetas de contenido relacionado | La imagen destacada del elemento relacionado |
Establece una imagen destacada en cada evento
Es la decisión de contenido más visible de un sitio de eventos. Sin una:
- los elementos de la lista recurren al marcador de posición, de modo que todos los eventos sin imagen tienen el mismo aspecto;
- la subcabecera se muestra sin fondo;
- las tarjetas relacionadas dejan huecos.
El marcador de posición de la lista
Settings → POM Events → Archive → Events thumbnail placeholder — Imagen que se muestra cuando un evento no tiene una imagen destacada.
Configúrala. Incluso en un sitio donde cada evento debería tener su propia imagen, tarde o temprano se publicará un evento sin ella, y una imagen de casa neutra es mejor que un círculo vacío.
Elige algo que funcione como una marca genérica y no como una fotografía concreta: un logotipo, una textura, una ilustración.
La imagen de la subcabecera
Settings → POM Events → Single event → Header image elige el origen para cada evento:
| Opción | Comportamiento |
|---|---|
| Event featured image | Cada evento usa la suya propia |
| Custom | Todos los eventos usan la única imagen definida en Custom header image |
Usa Custom cuando los eventos del sitio no tengan fotografía individual y una banda coherente sea mejor que una mezcla. Usa Event featured image cuando sí la tengan.
No existe una anulación por evento de esta elección.
La imagen destacada en el contenido
Display featured image before content imprime la imagen destacada de nuevo, encima del contenido, en la columna principal.
Ten en cuenta lo que produce junto a la subcabecera: con ambas activadas, la misma foto aparece dos veces en la página. Combinaciones sensatas:
| Subcabecera | Imagen antes del contenido | Resultado |
|---|---|---|
| Activada | Desactivada | La elección habitual |
| Desactivada | Activada | Una página sencilla con la imagen dentro del flujo |
| Activada | Activada | La misma imagen dos veces — pocas veces deseable |
Elegir imágenes que sobrevivan a los recortes
La misma imagen se recorta como círculo en las listas y como banda ancha en la subcabecera:
- mantén el sujeto centrado;
- evita el texto dentro de la imagen — se cortará;
- usa una proporción de aspecto coherente entre eventos, idealmente apaisada;
- comprueba el contraste, porque la subcabecera imprime el título y las categorías sobre la imagen;
- sube la imagen al tamaño en que la publicas; nada se redimensiona ni se vuelve a encuadrar por ti.
La imagen de carga
Settings → POM Events → Archive → Events list loader es otra cosa: la imagen que se muestra mientras se cargan los resultados de la búsqueda.
Usa algo pequeño y neutro. Una imagen grande aquí retrasa la sensación de velocidad en lugar de mejorarla.
Verifica
- Publica un evento con imagen destacada y otro sin ella.
- Confirma que el segundo usa el marcador de posición en las listas.
- Abre ambos eventos y confirma que la subcabecera se comporta según lo configurado.
- Cambia el origen de la imagen de la cabecera a Custom y confirma que todos los eventos la usan.
- Comprueba ambos eventos en un teléfono, donde los recortes son más ajustados.