Desenvolupament web responsive amb alta personalització basat en Wordpress

Context

Sostre cívic és una entitat que promou un model alternatiu d’accés a l’habitatge: l’habitatge cooperatiu en cessió d’ús. En aquest model, les persones s’agrupen per viure en comunitat reservant uns espais privats per a cadascú a la vegada que es disposen d’un seguit d’espais comuns per tota la comunitat. A més, la titularitat de la propietat és col·lectiva.

Com a resposta a la crisi de l’habitatge a Barcelona, les veines de la ciutat s’estan apropant al model habitacional de Sostre Cívic. En aquest moment de creixement, l’entitat ha apostat per fer un nou web en el marc d’una estratègia de comunicació que pugui oferir les respostes que moltes de les usuàries necessiten. De la mateixa manera que el web de Grup Ecos i el de la cooperativa Arç, el nou web de Sostre Cívic se’ns presenta com un procés de co-creació en què els companys de L’Apòstrof estarien al càrrec del disseny i Jamgo estaria al càrrec de la part de programació.

Repte

El projecte parteix d’un web anterior amb moltes pàgines que es volen mantenir. A més, el disseny de l’Apòstrof comptava amb molts elements i efectes distintius. D’altra banda, el web anterior també era molt estàtic, un dels principals problemes pel seu equip de comunicació.

El repte consisteix, doncs, en trobar elements que es repeteixen al disseny de les diferents pàgines per tal d’unificar-los creant blocs reutilitzables. L’objectiu és que aquests blocs, on s’inclouen per exemple els menús anchor laterals o els llistats amb uns estils concrets puguin ser reutilitzats i editats fàcilment per l’usuari administrador.

Solució

Com en la major part de projectes, hem fet servir de base la plantilla buida open source Joints WP. En aquest cas, l’hem combinat amb l’ús de shortcodes. D’altra banda, per tal de crear els blocs reutilitzables per l’usuari hem fet servir Advanced Custom Fields, que hem unificat amb la part nova del editor Gutenberg de Blocks de WordPress 

Un altre element distintiu del web és que moltes pàgines clau del projecte, com la que parla dels diferents projectes a Sostre Cívic, compten amb uns filtres per categories. Aquesta funcionalitat l’hem aconseguit amb Ajax. Per últim, l’apartat d’esdeveniments del web, s’ha construït amb el plugin The Events. La resta de funcionalitats i efectes han estat desenvolupats a mida per les necessitats del client.