Cabeceras visuales dinámicas con JetEngine

Proyecto: Viatges Guitour

Cómo convertir una cabecera estática en un sistema visual dinámico y administrable sin modificar las plantillas de la web.

|> WordPress · JetEngine · CPT · Arquitectura de contenidos

Problema

Las páginas principales de Hoteles, Excursiones y  Poblaciones utilizaban una única imagen de cabecera.

Aunque visualmente cumplía su función, con el paso del tiempo la navegación transmitía una sensación repetitiva al mostrar siempre la misma fotografía para cada sección.

Además, cualquier cambio requería sustituir manualmente la imagen utilizada en la plantilla, limitando la capacidad de mantener la web visualmente actualizada de forma sencilla.

Análisis

El objetivo no era únicamente cambiar una imagen por otra.

La solución debía permitir que cada sección pudiera disponer de un número ilimitado de fotografías, administrables desde WordPress y completamente independientes de las plantillas.

También era importante evitar modificaciones técnicas cada vez que se quisiera incorporar una nueva imagen. El sistema debía permitir ampliar las galerías de forma progresiva y reutilizar la misma lógica en cualquier otra sección del sitio.

Solución

Se diseñó un sistema basado en JetEngine mediante un Custom Post Type denominado Galería de Cabeceras.

Cada elemento de la galería incorpora una imagen destacada y un campo personalizado de tipo Post Terms, que determina a qué sección pertenece (Hoteles, Excursiones, Poblaciones u Ofertas).

Las plantillas dinámicas consultan automáticamente la galería correspondiente y seleccionan una imagen de forma aleatoria en cada carga de página.

El resultado es una cabecera que cambia de manera automática sin necesidad de modificar el diseño ni intervenir sobre las plantillas, permitiendo ampliar la colección de imágenes simplemente creando nuevos registros desde WordPress.

Antes vs Después

Funcionamiento inicial del sistema

Cabeceras visuales dinámicas con JetEngine

Cada sección utilizaba siempre la misma imagen de cabecera, ofreciendo una experiencia visual completamente estática.

Cambio automático al actualizar el contenido

Cada carga selecciona automáticamente una fotografía diferente perteneciente a la sección correspondiente, aportando variedad visual y permitiendo ampliar la galería sin modificar las plantillas.

Gestión desde WordPress

Gestión desde WordPress

Todas las imágenes se administran desde el CPT Galería de Cabeceras.

Para añadir nuevas fotografías únicamente es necesario crear un nuevo registro, asignarle su categoría correspondiente y publicar la imagen.

No existe un límite práctico de fotografías por sección, por lo que el sistema puede crecer progresivamente sin afectar al funcionamiento de la web.

Valor aportado

Tecnologías

Wordpress
WordPress
Elementor
JetEngine
JetEngine
LiteSpeed
LiteSpeed
WPML
WPML

Una plantilla puede ser estática. La experiencia del usuario no tiene por qué serlo.

También puede interesarte