Desde Portaledu presentem una nova pàgina web formativa d’un centre fictici creada per a aprendre, inspirar i mostrar totes les possibilitats que oferix una web de centre en Portaledu amb l’editor estàndard que és el ‘Centre en Proves!’
Ací podràs:
💡 Descobrir exemples reals de disseny i estructura web
🧭 Accedir a píndoles formatives integrades en cada bloc
🛠️ Conéixer trucs i recursos per a millorar la presència digital del teu centre
| Hora | Dilluns | Dimarts | Dimecres | Dijous | Divendres |
|---|---|---|---|---|---|
| 09:00 – 09:45 | Valencià | Matemàtiques | Coneixement del medi | Castellà | Matemàtiques |
| 09:45 – 10:30 | Matemàtiques | Valencià | Castellà | Matemàtiques | Valencià |
| 10:30 – 11:15 | Castellà | Anglés | Valencià | Anglés | Educació artística |
| 11:15 – 11:45 | Pati | Pati | Pati | Pati | Pati |
| 11:45 – 12:30 | Educació física | Coneixement del medi | Matemàtiques | Educació artística | Coneixement del medi |
| 12:30 – 13:15 | Anglés | Educació artística | Educació física | Castellà | Anglés |
| 13:15 – 15:00 | Menjador / Temps lliure | Menjador / Temps lliure | Menjador / Temps lliure | Menjador / Temps lliure | Menjador / Temps lliure |
| 15:00 – 15:45 | Tutoria | Valors socials i cívics | Projectes interdisciplinaris | Informàtica | Taller de lectura |
| 15:45 – 16:30 | Música | Música | Biblioteca | Educació física | Joc cooperatiu |
| 16:30 – 16:45 | Recollida / Eixida | Recollida / Eixida | Recollida / Eixida | Recollida / Eixida | Recollida / Eixida |
Hem configurat un bloc modal amb alguns colors:
En esta entrada veurem com utilitzar el bloc modal. Este bloc ens permet mostrar contingut en una finestra modal, que se superposa al contingut que estem veient. La finestra emergix quan fem clic sobre un element configurat per a aquesta acció. Podeu veure un exemple en el botó següent:
Podem configurar com a elements “disparadors” de les finestres modals:
Vol dir això que en fer clic sobre algun d’eixos tipus de blocs, podem fer que es mostre contingut en una finestra modal. Anem a veure-ho pas a pas:
Després d’afegir el bloc, ens apareixerà en el contingut un bloc amb aquest aspecte:
En aquest pas, afegirem el contingut que desitgem mostrar en la finestra modal.
En fer clic sobre qualsevol part del bloc modal, aquest s’obrirà en edició:
Dins del contingut modal podem afegir blocs de gutenberg (imatges, text, taules…), igual que ho fem en qualsevol pàgina o post.
En este exemple, inclourem un titular i una taula amb un horari escolar:
Per a guardar el contingut del bloc modal, simplement premem el botó d’actualitzar o guardar la pàgina o post.
Per a tornar a editar la resta de blocs de la nostra entrada, simplement tanquem el bloc modal amb la “X” de la part superior dreta del bloc.
En la barra lateral dreta tenim les opcions de configuració del bloc modal, com ara:
Configuració d’estils
En la configuració d’estils, també en la barra lateral dreta, podem configurar diferents opcions de colors i tamany de lletra, a destacar:
Ara seleccionarem el bloc que ha de disparar que es mostre la finestra modal. Com hem dit, pot ser un paràgraf, un botó, etc.
Una vegada seleccionat, mirarem en la barra lateral dreta, baix del tot, la secció Avançat
Activarem l’interruptor de Mostrar modal en fer clic i seleccionarem el bloc modal que desitgem.
Guardem el nostre post i ja podem comprovar el funcionament del contingut modal en el front.
Ací teniu diversos exemples de finestres modals i diferents elements disparadors:
Hem incorporat a Portaledu el plugin Blocks Animation, que ens permet dotar d’efectes animats a pràcticament qualsevol bloc de Gutenberg. En este post us ensenyarem com utilitzar esta funcionalitat.
En els elements de text, com a paràgraf, titular, encapçalat, etc., veurem una nova opció en el menú contextual d’opcions del bloc. En primer lloc, seleccionem la part del text que volem animar; pot ser tota la frase o paràgraf o bé només una o diverses paraules.
En segon lloc, despleguem el menú de la barra de ferramentes del bloc, la fletxeta, on seleccionarem l’opció d’Animació d’escriptura. En fer-ho, podrem seleccionar un temps de retard d’inici i una velocitat per a l’animació.
Guardem l’entrada i la previsualitzem per a veure com ha quedat. Veurem un efecte de tecleig, anirà apareixent el text al qual hem aplicat l’animació.
En la majoria de blocs de gutenberg, com per exemple, en qualsevol bloc d’imatge, en la columna d’ajustos de la dreta, apareix una secció d’Animacions :
En el menú desplegable d’opcions d’animació, en trobarem una gran varietat. Una vegada hàgem seleccionat alguna, ens apareixeran nous ajustos, a saber, el retard d’inici i la velocitat de l’animació.
Reproduir en passar el cursor: S’oferix un ajust perquè l’animació s’execute (una vegada) en passar el ratolí sobre l’element. Hem de tindre en compte que si activem esta opció, l’animació s’executarà només quan li passem el punter del ratolí per damunt.
A més, el botó de Reproduir l’animació ens permet comprovar l’animació configurada per a eixe bloc. Podem comprovar l’efecte en esta imatge:
Com sabeu, el bloc contenidor s’utilitza per a agrupar blocs i ajustar de manera conjunta uns certs aspectes de la seua aparença (color de fons o imatge de fons, màrgens, espaiat, contorn…). En este cas, podem introduir en un bloc contenidor diferents blocs com a botons, text, imatges i configurar animacions tant per al contenidor, com per als subblocs. Vegem-ho amb un exemple:
Si vols saber com s’ha fet este bloc contenidor, tret de les animacions, Bloc contenidor: exemple 1 – Portaledu
Per motius d’accessibilitat, les animacions web es poden deshabilitar per tal de facilitar la lectura de les pàgines web. Esta configuració es troba habitualment en el sistema operatiu. Els navegadors respeten habitualment les configuracions d’accessibilitat del sistema operatiu, com ara la de “Reduir moviment“.
En el cas de Windows, trobarem esta opció en Configuració –> Accessibilitat –> Efectes visuals –> Efectes d’animació
Hem incorporat a Portaledu un nou bloc de galeria d’imatges, amb funcionalitat millorada per a la disposició i visualització de les imatges. Observa este exemple!
Fins ara, l’editor estàndard en Portaledu disposàvem de dos blocs de galeria que venen de sèrie amb WordPress i amb el nostre plugin de carpetes (Real Media Library)
-Galeria
-Real Media Gallery
Ara hem incorporat un bloc anomenat Galeria d’Imatges que permet una major configuració, adaptació responsiva i presentació d’imatges.
1-Selecciona el bloc Galeria d’Imatges:
2-Una vegada inserit el bloc, polsem sobre el botó de Seleccionar imatges. Podem utilitzar dreceres com CTRL+clic o MAY+clic per a seleccionar simultàniament diverses imatges de la mediateca.
3-Una vegada triades les imatges, podem editar les llegendes d’estes, en cas que vulguem mostrar-les en la galeria. Si no desitgem mostrar les llegendes, podem fer clic directament sobre el botó d’Inserir una galeria.
4-Després d’afegir la galeria, podrem modificar diferents configuracions de visualització, des de les opcions de la dreta:
Configuracions disponibles:
5-Est seria l’aspecte en visualitzar:
6-En fer clic sobre qualsevol imatge, s’accedix al mode presentació, en què es pot anar passant d’una imatge a una altra amb les fletxes
Per a augmentar la seguretat de Portaledu, ara es mostra la data i l’hora de l’anterior login de l’usuari.
Es pot observar fàcilment en la barra superior d’administració:
En vista mòbil, per a no reduir l’espai útil, se’ns mostrarà solament en l’escriptori, en un giny:
Amb esta informació, els usuaris poden fàcilment comprovar si hi ha hagut un accés no autoritzat al seu compte.
S’ha establit com a data de finalització del plugin Beaver Builder en Portaledu el 31/08/2026.
Es recorda a aquells usuaris de Portaledu en els llocs dels quals està encara actiu l’editor Beaver Builder (també conegut com a editor visual), que heu d’anar abandonant este editor.
Per a identificar els continguts fets amb l’editor visual, només heu de fixar-vos si en la barra d’administració (zona superior) us apareix l’opció d’edició amb Editor Visual:
Des del tauler, des dels llistats de pàgines i d’entrades, podem fàcilment identificar tots els continguts fets amb l’editor visual:
Cal que convertiu a l’editor estàndard les entrades i pàgines que vulgueu conservar. Es tracta d’una tasca que no pot ser automatitzada; per això s’avisa amb temps suficient perquè ho pugueu planificar i escometre. A partir de la desinstal·lació del plugin, els continguts romanents fets amb l’editor visual deixaran de visualitzar-se.
Pot ser un bon moment per a fer neteja d’informació obsoleta, que continua en el web per inèrcia.
En l’enllaç següent trobareu més informació al respecte:
Gutenberg: Editor estàndard – Portaledu
En este altre enllaç trobareu ajuda sobre com convertir els continguts confeccionats amb l’editor visual en continguts de blocs estàndard:
Conversió d’un post de Beaver Builder a Gutenberg – Portaledu
Agraïm la vostra col·laboració.
S’ha actualitzat el core de WordPress a la versió 6.6. També s’han actualitzat la majoria de plugins que conformen la funcionalitat de Portaledu.
Esta actualització menor incidix en un millor rendiment de l’editor Gutenberg. En este cas, ve acompanyada d’algunes millores funcionals per a Portaledu.
Podreu consultar algunes de les novetats en els següents posts que hem preparat:
El bloc pestanyes ens ajuda a mostrar continguts organitzats en pestanyes. Aquestes poden estar disposades vertical o horitzontalment.
Este bloc permet treballar de dos formes:
Els continguts personalitzats es confeccionen emprant blocs estàndard de gutenberg!
Selecció dels colors del contorn i de les pestanyes:
La configuració del plugin ens permet seleccionar els dos colors. El color del text de les pestanyesno és configurable. Canviarà automàticament de negre a blanc en funció del fons triat, per a afavorir el millor contrast i llegibilitat dels textos.
Podem veure un exemple de bloc de pestanyes de tipus «Entrades» a continuació
Portaledu està augmentant les ferramentes disponibles en l’editor Gutenberg. Dins d’esta sèrie de blocs que estem incorporant, presentem el bloc visor lliscant d’entrades.
Este bloc permet seleccionar les entrades d’una categoria i visualitzar-les en diapositives, d’una en una, de mode circular, realitzant una presentació d’aquestes i afegint així dinamisme a les pàgines. De cada entrada es mostrarà, a ample complet del contenidor, la imatge destacada i, opcionalment, l’extracte d’esta.
Resulta ideal per a la presentació visual de categories com a notícies o altres temes, ja que el bloc triarà les últimes entrades de la categoria seleccionada per a la seua presentació. Podem veure un exemple a continuació 👇🏽
Com sabeu, WordPress oferix una sèrie de patrons (o plantilles) genèrics que podem incorporar a…
Llegir més1-Com ens ajuden les categories en wordpress? Les categories de WordPress ens permeten agrupar les…
Llegir mésHem incorporat a Portaledu el plugin Blocks Animation, que ens permet dotar d’efectes animats a…
Llegir mésBloc contenidor amb titular i botó En este post aprendrem a utilitzar el bloc contenidor…
Llegir mésQuan estem treballant en continguts complexos, amb molts blocs, podem fer-ho més còmodament ampliant la…
Llegir mésEl bloc és fàcilment configurable des de l’editor, presentant les següents opcions:
El bloc acordió ens ajuda a mostrar continguts de manera desplegable, permetent al lector centrar-se inicialment només en els títols.
Este bloc permet treballar de dos formes:
Els continguts personalitzats es confeccionen emprant blocs estàndard de gutenberg!
Podem veure un exemple d’acordió de tipus “Entrades” a continuació 👇🏽
El bloc és fàcilment configurable des de l’editor, presentant les següents opcions en funció del tipus de contingut seleccionat:
