Plugins implementats al WordPress (Projecte SMX)
A continuació es detallen els 5 plugins instal·lats i configurats a la pàgina web per cobrir les necessitats de disseny, optimització de rendiment (mida de les imatges), seguretat i compliment legal.
1. UpdraftPlus: Seguretat i Còpies de Seguretat
Aquest plugin actua com la xarxa de seguretat del lloc web. La seva funció principal és realitzar còpies de seguretat (backups) periòdiques i permetre la restauració del sistema en cas de fallada tècnica o error crític en les tasques de desenvolupament.
- Configuració recomanada: No s’ha de limitar a la còpia local al servidor. S’ha de configurar l’enviament automàtic dels respaldos a un emmagatzematge extern en el núvol (Google Drive, Dropbox o FTP).
- Justificació: Garanteix la continuïtat de la web i la integritat de les dades del projecte davant de possibles errors en actualitzacions o modificacions de codi.
- Evidència de la tasca: Captura de pantalla del missatge «Còpia de seguretat reeixida» i de l’arxiu guardat correctament al núvol extern.
2. WPCode: Inserció de Snippets Personalitzats
Permet afegir fragments de codi (PHP, JavaScript, CSS o HTML) al lloc web sense necessitat d’editar directament els arxius interns del tema (functions.php), evitant així que la web es trenqui en actualitzar-se.
- Configuració recomanada: Ideal per inserir de forma neta el codi de seguiment de Google Analytics al
<head>o per afegir estils CSS personalitzats que millorin l’experiència d’usuari (UX). - Justificació: Manté un entorn de desenvolupament net, ordenat i segur, permetent activar o desactivar funcions específiques de manera controlada.
- Evidència de la tasca: Captura de pantalla d’un snippet de codi actiu i aplicat correctament al disseny visible de la web.
3. Smush: Optimització i Compressió d’Imatges
Aquest plugin s’encarrega de reduir automàticament els píxels, la qualitat excessiva i el pes de totes les fotografies que es pugen a la biblioteca de mitjans, optimitzant la mida dels arxius.
- Configuració recomanada: Activar el Lazy Load (carga diferida, on les imatges només es carreguen quan l’usuari fa scroll fins a elles) i la comp壓縮 automàtica sense pèrdua visible de qualitat. Si és possible, habilitar la conversió a formats de nova generació com WebP.
- Justificació: Un web amb imatges lleugeres es carrega molt més ràpid, millora l’experiència de l’usuari i ajuda al posicionament als cercadors (SEO).
- Evidència de la tasca: Captura de la biblioteca de mitjans on es vegi l’estalvi de memòria (bytes reduïts) o test de velocitat abans i després de la optimització.
4. Elementor: Maquetador i Constructor Visual
És l’editor visual principal del WordPress. Substitueix l’editor per defecte per un sistema de «arrossegar i deixar anar» (drag and drop), fent que el disseny de les diferents pàgines del projecte sigui molt més ràpid i visual.
- Configuració recomanada: Definir els colors globals i les tipografies del lloc web des del primer moment per mantenir una coherència visual a tots els encàrrecs.
- Justificació: Permet estructurar els continguts i les tasques de forma professional sense necessitat de programar tot el disseny des de zero en codi HTML/CSS.
- Evidència de la tasca: Captura de pantalla de la interfície d’Elementor mentre s’edita una de les pàgines de la web.
5. CookieYes: Banner i Política de Privacitat
És l’eina utilitzada per complir amb la normativa legal vigent. Serveix per fer que salti l’avís de la política de privacitat i galetes (cookies) just en el moment en què un usuari entra per primera vegada a la pàgina web.
- Configuració recomanada: Bloquejar les galetes no essencials fins que l’usuari doni el seu consentiment explícit fent clic a «Acceptar» i enllaçar directament la pàgina legal de Política de Privacitat.
- Justificació: Imprescindible per assegurar que la web del projecte compleix correctament amb la Llei de Protecció de Dades (RGPD/LOPD).
- Evidència de la tasca: Captura de pantalla de la pàgina principal de la web on es vegi clarament el banner emergent de galetes actiu.