La página individual del evento

Cada evento tiene su propia página, renderizada por la plantilla propia del plugin. Esto es lo que contiene, en el orden en que se renderiza, y qué partes puedes desactivar.

La estructura

  1. Subcabecera — el título del evento sobre la imagen de cabecera, con sus categorías.
  2. Flechas anterior y siguiente — navegación entre eventos, ordenados por fecha de inicio.
  3. Bloque de fecha — las fechas de inicio y fin, una al lado de la otra.
  4. Barra lateral de detalles — fecha, categoría, lugar, organizador, teléfono, Añadir a mi calendario y botones de enlaces adicionales.
  5. Plazas restantes — cuando está activado en el evento.
  6. El botón — inscripción, o Get access con WooCommerce.
  7. Volver atrás — cuando está activado en todo el sitio.
  8. Título — cuando está activado en todo el sitio.
  9. Introducción — el texto introductorio del evento.
  10. Imagen destacada — cuando está activada en todo el sitio.
  11. Contenido — el contenido del editor.
  12. Contenido relacionado — cuando está configurado.

Los campos vacíos no renderizan nada, así que un evento con poca información produce una página limpia en lugar de una página llena de etiquetas vacías.

Lo que controlas en todo el sitio

Settings → POM Events → Single event:

Ajuste Efecto
Desactivar subcabecera Elimina la banda de título sobre la imagen de la parte superior
Mostrar título Imprime el título de nuevo en la columna de contenido
Ocultar el botón \"Añadir al calendario\" Elimina el enlace de calendario de la barra lateral
Mostrar el botón \"Volver atrás\" Añade un enlace de volver, con su propia etiqueta y URL
Imagen de cabecera Si la subcabecera usa la imagen destacada del evento o una imagen personalizada para todos los eventos
Imagen de cabecera personalizada Esa imagen personalizada
Mostrar la imagen destacada antes del contenido Imprime la imagen destacada encima del contenido
Etiqueta de contenido relacionado, extracto, enlace La presentación del bloque relacionado

Estos se aplican a todos los eventos. No hay forma de anularlos evento por evento.

La subcabecera y el título

Ten en cuenta la interacción: la subcabecera ya imprime el título sobre la imagen. Mostrar título lo imprime de nuevo en la columna de contenido.

Combinaciones sensatas:

Subcabecera Mostrar título Resultado
Activada Desactivado La elección habitual: un solo título, sobre la imagen
Desactivada Activado Una página sencilla con un encabezado normal
Activada Activado El título dos veces: rara vez deseado
Desactivada Desactivado Sin título en ninguna parte: casi nunca correcto

La barra lateral de detalles

La barra lateral es la ficha de datos y omite todo lo que esté vacío. Imprime, en orden: la fecha y la fecha de fin, la categoría del evento, el lugar, el organizador, el teléfono, el enlace de añadir al calendario y los botones de enlaces adicionales.

Como es fija, la forma de controlarla es controlar los campos del evento. Deja un campo vacío y su línea desaparece.

Anterior y siguiente

Las flechas se mueven entre eventos en orden de fecha de inicio, no por orden de publicación. Ofrecen a los visitantes una forma de explorar el programa desde cualquier página de evento.

Son automáticas y no se pueden seleccionar manualmente. Para una relación deliberada entre dos eventos, usa contenido relacionado.

La zona de inscripción

Entre la barra lateral y el contenido se sitúa la zona de acción: la visualización de plazas restantes y, después, el botón. Ambos dependen de los ajustes propios del evento y de si la funcionalidad de asistentes está activada en todo el sitio.

Con la funcionalidad de asistentes desactivada, nada de esta zona se renderiza y la página se convierte en un simple anuncio.

Lo que no está en la página

  • El hashtag del evento, que se almacena pero no lo imprime esta plantilla.
  • La lista de asistentes, que nunca es pública.
  • El precio, que vive en el producto de WooCommerce.
  • Un mapa, que añades como enlace adicional o en el contenido.

Comprobar

  1. Abre un evento completo sin iniciar sesión.
  2. Comprueba cada elemento de la lista de estructura anterior.
  3. Abre un evento con poca información y confirma que los campos vacíos no renderizan nada.
  4. Alterna los ajustes de subcabecera y título y confirma el efecto.
  5. Comprueba la página en un teléfono, donde la barra lateral se apila debajo del contenido.