Capçaleres visuals dinàmiques amb JetEngine

Projecte: Viatges Guitour

Com convertir una capçalera estàtica en un sistema visual dinàmic i administrable sense modificar les plantilles de la web.

|> WordPress · JetEngine · CPT · Arquitectura de continguts

Problema

Les pàgines principals d’Hotels, Excursions i Poblacions feien servir una única imatge de capçalera.

Tot i que visualment complia la seva funció, amb el pas del temps la navegació transmetia una sensació repetitiva en mostrar sempre la mateixa fotografia per a cada secció.

A més, qualsevol canvi requeria substituir manualment la imatge utilitzada a la plantilla, limitant la capacitat de mantenir la web visualment actualitzada de forma senzilla.

Anàlisi

L’objectiu no era només canviar una imatge per una altra.

La solució havia de permetre que cada secció pogués tenir un nombre il·limitat de fotografies, administrables des de WordPress i completament independents de les plantilles.

També era important evitar modificacions tècniques cada cop que es volgués incorporar una nova imatge. El sistema havia de permetre ampliar les galeries de forma progressiva i reutilitzar la mateixa lògica a qualsevol altra secció del lloc.

Solució

Es va dissenyar un sistema basat en JetEngine mitjançant un Custom Post Type anomenat Galeria de Capçaleres.

Cada element de la galeria incorpora una imatge destacada i un camp personalitzat de tipus Post Terms, que determina a quina secció pertany (Hotels, Excursions, Poblacions o Ofertes).

Les plantilles dinàmiques consulten automàticament la galeria corresponent i seleccionen una imatge de forma aleatòria a cada càrrega de pàgina.

El resultat és una capçalera que canvia automàticament sense necessitat de modificar el disseny ni intervenir sobre les plantilles, permetent ampliar la col·lecció d’imatges simplement creant nous registres des de WordPress.

Abans vs Després

Funcionament inicial del sistema

Cada secció utilitzava sempre la mateixa imatge de capçalera, oferint una experiència visual completament estàtica.

Canvi automàtic en actualitzar el contingut

Cada càrrega selecciona automàticament una fotografia diferent que pertany a la secció corresponent, aportant varietat visual i permetent ampliar la galeria sense modificar les plantilles.

Gestió des de WordPress

Totes les imatges s’administren des del CPT Galeria de Capçaleres.

Per afegir noves fotografies només cal crear un nou registre, assignar-li la categoria corresponent i publicar la imatge.

No hi ha un límit pràctic de fotografies per secció, per la qual cosa el sistema pot créixer progressivament sense afectar el funcionament de la web.

Valor aportat

Tecnologies

Una plantilla pot ser estàtica. L'experiència de l'usuari no ha de ser-ho.

També et pot interessar