PLUG-IN

El plugin: “Comptador de Visites Matomo” té com a objectiu poder mostrar el nombre de visites que es realitzen al lloc. Este comptador de visites obté la informació a partir del sistema d’analítica anomenat Matomo, el qual permet l’allotjament de les dades en els servidors de Conselleria, no depenent de tercers.

Inserció comptador mitjançant Giny (Senzill)

La forma més senzilla de mostrar les visites en el nostre lloc seria utilitzant un giny de WordPress que s’ha confeccionat expressament per a tal efecte. Per a poder-ho utilitzar haurem d’anar a la secció corresponent de PortalEdu des del menú lateral esquerre : Aparença –> Ginys. En accedir ací es mostraran en “Ginys Disponibles” el giny en qüestió, anomenat : “Matomo Comptador Visites Giny”

Tan sols hem de triar en quina secció de la nostra web volem que es mostre. A més tindrem unes opcions configurables per a una millor personalització. Aquestes són :

• Etiqueta: Si volem mostrar el títol o etiqueta del giny.
• Amb estil: Si marquem aquesta opció es mostrarà la xifra del comptador predissenyada amb una aparença visual més agradable.
• El giny es mostra per a: Podem triar l’idioma en el qual volem que es mostre el giny, o bé mostrar-lo per a tots els idiomes. Aquesta opció pot ser útil si prèviament hem escrit una etiqueta diferent segons l’idioma per a així personalitzar tants ginys com idiomes tinga el nostre lloc web.

L’aparença, quan triem l’opció “Amb estil” serà similar a aquesta :

Inserció comptador mitjançant Shortcode (Avançat)

Si volem tindre un major control sobre on es mostra el comptador, podrem inserir el valor del comptador de visites mitjançant la un shortcode (codi d’inserció) en la part del nostre lloc web que desitgem (qualsevol pàgina o contingut). D’aquesta manera podem inserir-lo en el conjunt d’una maquetació més personalitzada amb els nostres propis colors i/o estils. El codi d’aquest shortcode és:

615237
El compte de visites és independent de la pàgina o entrada on es mostre; correspon a les visites de tot el nostre lloc.

NOTA:

En altres comptadors, el compte mostrat correspon al nombre de pàgines vistes. Tanmateix, el comptador de Matomo mostrarà el nombre de visites (usuaris que visiten el nostre lloc web). No ens ha de sorprendre que el nombre de visites siga molt inferior al nombre de pàgines vistes.

La utilitat d’aquest plug-in radica en el fet que permet als editors de la web treballar sobre ella i realitzar proves sense que estes puguen ser visualitzades pel públic en general i si pels usuaris loguejats pertanyents a la web.

Per a això cal navegar en el panell d’administració del centre a l’opció de menú “Mode manteniment”.

El plug-in GenerateBlocks servix per a incloure blocs dins de l’editor de blocs Gutenberg, però alguns dels nous blocs afegits per este plug-in dupliquen funcionalitats dels blocs estàndard de Gutenberg, ja disponibles anteriorment en l’editor de blocs. Si bé no és possible eliminar cap dels blocs duplicats, ja que això afectaria les entrades que hagueren fet ús d’ells, cada usuari pot ocultar, en l’editor, aquells blocs que no desitge utilitzar. Els blocs enriquits que aporta GenerateBlocks, es distingixen per aparéixer la seua icona en color blau, en lloc de negre. Veure més informació sobre aquest tema ací.

Els nous blocs afegits i la funcionalitat dels quals estaria replicada són: Imatge, Titular, Botó i Bucle de consulta. Estos blocs esmentats, si bé reproduïxen funcionalitats ja presents anteriorment, permeten més opcions de configuració, sobretot a nivell visual.

Amb aquest plig-in es poden incloure les xarxes socials on podeu compartir les pàgines del vostre centre. Obri les opcions d’administrador de la web del centre per començar a gastar-ho!

Per a accedir al connector, cal anar a l’apartat de “Configuració > AddToAnny”

En entrar en la configuració trobareu dues pestanyes per a triar quin tipus d’icones desitgeu que s’hi mostren.

• “Estàndard” perquè les icones es mostren al costat d’algun element
• “Flotant” perquè es mostren sempre en el mateix lloc encara que us mogueu per la pàgina.

“Estàndard”

En la pestanya “Estàndard” tindrem les opcions tradicionals per definir l’estil de la icona:

Serveix per a definir la grandària en píxels així com el color de fons i el del primer pla. Us deixa triar tant l’original com el transparent i si triem personalitzat, podeu seleccionar-hi el color que desitgeu.

Botons per a compartir:

En aquesta pantalla podeu afegir les xarxes socials on vulgueu que els visitants puguen compartisquen aquesta pàgina.

Nota: si trieu una quantitat massa elevada de xarxes, pot ser que el disseny de la pàgina es desquadre, llevat que trieu l’opció “Botó universal”.

Botó universal:

Serveix per a englobar totes les xarxes socials en una única icona. Si hi premeu, s’hi desplegaran totes les xarxes socials configurades.

Resta d’opcions:

· Capçalera de compartició: Títol que figurarà en el quadre de les icones.

· Emplaçament: Llocs on es mostrarà.

· Opcions del menú: aquesta opció s’utilitza perquè la resta de xarxes socials del “botó universal” es despleguen en passar-hi per damunt o en fer-hi clic.

“Flotant”

Us trobareu amb dos subapartats: botons en vertical i botons en horitzontal. Tenen les mateixes opcions; bàsicament s’utilitzen per a col·locar i definir (en píxels) el quadre amb les icones.

· Emplaçament: molt important perquè farà que s’active el quadre d’icones i marcarà el lloc on anirà.

· Sensibilitat: mostra les opcions per a ocultar aquesta barra quan l’aplicació es mostre en pantalles com tauletes o mòbils o si es produeix un desplaçament de la pàgina en una quantitat determinada de píxels.

• Per a poder modificar més opcions, haureu de consultar l’administrador de la xarxa.

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.
• Indicar a Cau que una entrada/contingutno és registrable pel servidor cau. Pot ocórrer que a causa de la naturalesa d’un cert contingut, volem que aqueixa entrada/pàgina/contingut particular mai siga registrable pel servidor cau, i per tant habilitarem l’opció perquè el servidor de Cau obvie aquesta entrada i mai la registre. Això pot ser interessant, per exemple, si tenim una pàgina que continga un formulari amb captcha.

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.

Indicar que l’entrada és “no registrable pel servidor cau”

Està acció es durà a terme quan estiguem editant qualsevol contingut, principalment entrades o pàgines. En aquest cas en donar d’alta un nou contingut o editar-lo tindrem disponible un metabox en la secció “Document”:

Si marquem aquesta opció (No Registrar), estarem indicant al servidor de Cau que no ha de registrar de cap manera aquest contingut. Guardarem l’entrada per a aplicar els canvis.

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.
• Forçar el no registre d’entrades/contingut: Convé recordar que si no registrem mai un contingut repercutirà en el rendiment de càrrega de la pàgina. Habilitar aquesta opció ha d’estar prou justificat; s’ha d’utilitzar només si tenim formularis de recollida de dades amb captcha.

Característiques clau

• Disseny Flexible: Permet ajustar l’ample del contenidor per a adaptar-se a les necessitats específiques del disseny.
• Fons Personalitzable: Oferix opcions per a personalitzar el fons del contenidor, incloent-hi colors i gradients.
• Marges i Farciments: Facilita el control precís dels marges i farciments al voltant del contenidor.
• Opcions de Responsividad: Permet definir comportaments específics per a diferents grandàries de pantalla, assegurant una presentació adequada en dispositius mòbils i d’escriptori.

Ús comú

• Seccions i Blocs Complexos: Utilitzat per a crear seccions de pàgina o blocs més complexos en organitzar altres blocs dins d’ell.
• Personalització Estilística: És fonamental per a la personalització estilística avançada de seccions específiques d’una pàgina.

Integració amb Gutenberg

• Totalment integrat amb l’editor de blocs Gutenberg de WordPress, la qual cosa facilita la creació i personalització de contingut visualment atractiu.

Compatibilitat amb GenerateBlocks (Editor de blocs)

Interactua sense problemes amb altres blocs proporcionats per GenerateBlocks, la qual cosa permet una flexibilitat i coherència en el disseny.

Característiques clau

• Divisió en Columnes: Facilita la creació de sistemes de columnes personalitzables per al disseny de contingut.
• Alineació i Espaiat: Permet alinear i ajustar l’espai entre les columnes, brindant un control detallat sobre el disseny.
• Ample Variable: Possibilita establir amples variables per a cada columna, permetent dissenys més complexos.
• Personalització Estilística: Oferix opcions per a personalitzar el fons, vores i altres estils per a les columnes i el contenidor de la quadrícula.
• Opcions de Responsividad: Permet definir comportaments específics per a diferents grandàries de pantalla, assegurant una presentació òptima en dispositius mòbils i d’escriptori.

Ús comú

• Disseny de Pàgina Avançat: Ideal per a estructures de pàgina més complexes, especialment quan es requerix un disseny basat en columnes.
• Seccions Especialitzades: Utilitzat per a crear seccions amb columnes diferents, la qual cosa facilita la presentació visualment atractiva del contingut.

Integració amb Gutenberg

• Totalment integrat amb l’editor de blocs Gutenberg de WordPress, facilitant la construcció i personalització de contingut.

Compatibilitat amb GenerateBlocks (Editor de blocs)

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

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.

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: