FORMACIÓ

Perquè tots els sites de Portaledu tinguen un bon rendiment i es puga abordar la càrrega de visites a aquests, tenim desplegat un servidor de cau per a servir pàgines prèviament ja servides i processades, per alleujar la càrrega dels servidors principals.

Però en realitzar cau de les pàgines ens podem trobar efectes no desitjats com que en actualitzar una entrada / pàgina / contingut no aparega immediatament reflectit ja que encara s’està servint la versió registrada i no la nova. Encara que existeixen unes regles d’invalidació automàtica del contingut d’acord amb un temps establit (habitualment 30 minuts), és habitual que vulguem tindre el control d’invalidar la cau actual o directament decidir que un cert contingut no siga registrable pel servidor cau.

Amb aquesta funcionalitat el que es pretén és habilitar eines per a poder controlar la cau de pàgines del nostre site de centre, interaccionant amb els servidors de Cau.

Funcionament

Els rols que tenen capacitat per a controlar els mecanismes de cau són: “Direcció” i “Manteniment”

Si el rol usuari disposa de capacitat per a realitzar accions de Cau, podrà realitzar aquestes accions:

• Invalidació de la cau general de tot el contingut del centre. Això vol dir que li direm al servidor Cau que retire totes les pàgines registrades del nostre centre, i per tant es tornarien a generar la cau de nou, amb les noves versions de pàgines i continguts.

Invalidació de la cau de tot el site

Aquesta acció la podem realitzar si tenim el rol “Direcció” o “Manteniment”. En el menú principal (menú de l’esquerra) de la zona d’administració de WordPress ens apareixerà l’item de menú Control Cau (NGINX).

En prémer sobre aquesta opció ens apareixerà un botó marró per a desencadenar l’acció d’invalidació:

Si premem, estem emetent l’ordre al servidor de Cau perquè invalide tota la cau del nostre lloc.

A tindre en compte

Per defecte, tot el contingut d’un site és registrat, és el desitjable per a aconseguir una funcionament òptim del nostre lloc.

• Invalidar tot el contingut del centre de manera general: Habitualment no hauria de ser necessari utilitzar està opció de manera recurrent, ja que la invalidació es produeix de manera automàtica als 30 minuts des que es va registrar inicialment el contingut. L’ús d’aquesta funcionalitat estaria indicat si hem de fer un anunci important en la nostra web i volem veure’l reflectit de manera immediata.

Característiques clau

• Textos Dinàmics: Permet ingressar text per al titular de manera fàcil i ràpida.
• Personalització Tipogràfica: Oferix opcions detallades per a personalitzar la tipografia, com el tipus de lletra, grandària, pes i color del text.
• Opcions de Fons: Permet agregar fons, ombres i altres efectes visuals al titular per a destacar-lo.
• Alineació i Espaiat: Proporciona controls precisos per a alinear i ajustar l’espaiat del titular.
• Animacions: Pot admetre animacions d’entrada, proporcionant un aspecte dinàmic al titular.

Ús comú

• Titulars Destacats: Ideal per a destacar seccions clau o informació important en una pàgina.
• Encapçalats de Pàgina: Utilitzat per a crear encapçalats visuals cridaners per a diferents seccions d’una pàgina o entrada.
• Text en general, amb tipografia i estils avançats.

Integració amb Gutenberg

• Totalment integrat amb l’editor de blocs Gutenberg de WordPress, la qual cosa facilita la inserció i personalització de titulars sense haver de recórrer al codi HTML.

Compatibilitat amb GenerateBlocks (Editor de blocs)

• Funciona sense problemes amb altres blocs proporcionats per GenerateBlocks, permetent una coherència en el disseny i la personalització.

Característiques clau

• Text Personalitzat: Permet ingressar el text del botó de manera fàcil i ràpida.
• Estilització Avançada: Oferix opcions detallades per a personalitzar l’aparença del botó, incloent-hi colors, tipografia, vores i ombres.
• Enllaços i Accions: Pot vincular-se a pàgines, publicacions, URL externes o realitzar accions específiques en resposta a clics.
• Grandàries Variables: Permet ajustar la grandària del botó per a adaptar-se al disseny general de la pàgina.
• Animacions: Admet animacions d’entrada per a agregar dinamisme visual al botó.

Ús comú

• Anomenades a l’Acció: Ideal per a botons que encoratgen als usuaris a realitzar accions específiques.
• Botons de Navegació: S’utilitza per a crear botons de navegació visualment destacats.
• Vinculació a Elements: Pot utilitzar-se per a vincular-se a altres seccions de la pàgina, publicacions relacionades o recursos externs.

Integració amb Gutenberg

• Totalment integrat amb l’editor de blocs Gutenberg de WordPress, la qual cosa facilita la inserció i personalització de botons sense la necessitat de coneixements de programació.

Compatibilitat amb GenerateBlocks (Editor de blocs)

• Funciona de manera coherent amb altres blocs proporcionats per GenerateBlocks, permetent una combinació eficient per a dissenys personalitzats.

Aprén a crear una presentació amb diapositives visible al teu Portaledu!

1. En primer lloc, accedeix a MetaSlider des de l’escriptori per a crear la teua presentació:

2. Una vegada hem accedit a la secció, farem clic sobre “Nou” (Afegir nou pas de diapositives)

3. Creada la nova presentació, començarem a afegir diapositives (imatges):

4. Amb aquesta versió podrem treballar només amb imatges. Podrem pujar imatges locals directament a la mèdia o utilitzar les que ja tenim en la biblioteca de mèdia del nostre lloc web:

5. Cadascuna de les diapositives de la presentació, podrem definir un text que acompanye a la imatge, així com convertir aquesta imatge en un enllaç

6. En la part dreta trobem les opcions de configuració bàsica, que apliquen a tota la presentació, com ara, l’ample, l’alçada, l’efecte de transició, etc. Hem de tindre en compte que el plugin és capaç d’ajustar l’amplada de les imatges al tamany especificat. Tanmateix, l’alçada es retallarà o es mostrarà completa, segons les opcions avançades que configurem.

Per eixe motiu, és convenient que les imatges d’una mateixa presentació tinguen proporcions semblants, de manera que quede més homogènia.

7. En les opcions avançades, podem configurar, per exemple, que l’amplada s’ajuste al contenidor (ample 100%). Això farà que no es tinga en compte l’amplada configurada en les opcions bàsiques. També hi trobarem altres configuracions com el mode carrusel, el retard de la diapositiva, etc.

8. Quan ja tinguem preparada la presentació, podrem maquetar-la en qualsevol entrada o pàgina del nostre lloc. Per a fer-ho, utilitzarem el bloc de MetaSlider.

9. Inserit el bloc, ens ofereix utilitzar alguna de les presentacions que hàgem creat:

10. Seleccionat el pas de diapositives, podem previsualitzar el resultat:

Mitjançant codi d’inserció

També es possible inserir la presentació de metaslider en qualsevol post mitjançant el seu codi d’inserció, entre claudàtors. Trobarem el codi de cada presentació en la vista general de presentacions de Metaslider.