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:
Com sabeu, el nostre portal es visualitza des de tota mena de dispositius electrònics i pantalles. La major part del contingut generat amb l’editor estàndard té un comportament responsiu i s’adapta automàticament a la grandària i orientació de la pantalla en què es visualitza.
A vegades, podem requerir un major control de la disposició dels elements del nostre contingut, en funció de la grandària de la pantalla. Això és possible gràcies a les opcions que ens oferix l’editor estàndard de WordPress (Gutenberg), combinat amb el nostre tema (GeneratePress), i amb la funcionalitat d’alguns blocs, com els bloc de quadrícula i contenidor.
Mostrarem un exemple senzill sobre com alterar l’orde de visualització de dos elements quan passem a vista amb telèfon mòbil.
La següent imatge representa la vista d’una pàgina des d’un PC, la qual cosa es coneix com a vista en mode escriptori:
Observem dos imatges, una al costat de l’altra
Este contingut està format per un bloc de quadrícula que conté dos blocs contenidors. Cada un, al seu torn, conté una imatge. Explorant la vista de l’editor en mode llista:
El comportament per defecte, quan es visualitza este contingut en un dispositiu mòbil, seria mostrar a dalt el que està a l’esquerra i a baix el que està a la dreta, així:
Doncs bé, si desitgem que en vista mòbil es mostren les imatges de manera inversa, això és, la de la dreta a dalt i la de l’esquerra a baix, podem fer-ho, gràcies a l’ajust de “ordre” que ens permet el bloc contenidor. Per a això, seleccionarem el bloc contenidor de la primera imatge:
Anirem als ajustos del bloc i seleccionarem els ajustos per a dispositiu mòbil:
Després en la secció d’ajust “flex child”, posarem un nombre natural que especifique l’ordre del bloc (per defecte és zero o buit).
Només amb posar un 1, veurem que ja canvia la disposició de les imatges, ja que el contenidor de l’altra imatge, té per defecte l’ordre 0, que és inferior a 1 i per això es mostrarà abans (a dalt, en este cas).
En cas de tindre més de dos elements, podem igualment assignar un ordre a cada un d’ells, alterant el comportament de la vista responsiva al nostre gust.
Recordeu que és un ajust del bloc contenidor de generateblocks.
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:
Ens complau anunciar una nova millora disponible en el vostre lloc de PortalEdu: ara podeu mostrar les xarxes socials del centre directament en la capçalera del vostre lloc web! Aquesta funcionalitat us permet enllaçar fàcilment els perfils de X (Twitter), Telegram, Youtube, Instagram, Facebook i Tiktok perquè la comunitat educativa puga accedir-hi ràpidament.
📌 Com es veurà en el lloc web?
Quan configureu les xarxes socials, apareixeran automàticament a la dreta del menú principal del vostre portal. Aquesta és una forma visual i directa de mantenir informades les famílies, alumnat i personal docent sobre l’activitat del centre.
⚙️ Com activar-ho?
Des del panell d’administració de WordPress, podeu accedir a la nova funcionalitat a través de la secció:
Aparença > GVA Capçalera i Peu
Una vegada dins, trobareu un espai on podeu introduir els enllaços a les vostres xarxes socials i decidir quines voleu mostrar.
💡 Nota
Només cal que completeu el camp amb l’URL de la xarxa corresponent i seleccioneu “Mostrar”. Quan guardeu els canvis, les icones apareixeran automàticament en la capçalera del lloc.
Aquesta funcionalitat busca facilitar la comunicació amb la comunitat educativa i donar més visibilitat a la presència digital del centre. No dubteu a activar-la i començar a compartir!
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:
Entrades. Permet seleccionar les entrades d’una o diverses categories i visualitzar els títols, deixant el cos o l’inici del cos de l’entrada ocult fins que se selecciona la pestanya corresponent. Esta modalitat resulta recomanable per a presentar informació relacionada.
Contingut personalitzat. Si es tria contingut personalitzat, el component ens permetrà crear elements amb un títol i un contingut que es visualitzaran tal com succeïx en el cas de triar el model d’entrades. Mostrant el títol i ocultant el contingut que es visualitzarà en seleccionar la pestanya corresponent.
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 pestanyes no és configurable. Canviarà automàticament de negre a blanc en funció del fons triat, per a afavorir el millor contrast i llegibilitat dels textos.
L’opció de contingut complet només està disponible quan el bloc s’inserix en una pàgina i no en una entrada.
Podem veure un exemple de bloc de pestanyes de tipus «Entrades» a continuació
Amb l’actualització a WordPress 6.9.4 s’incorporen diverses millores en l’editor de blocs que afecten directament la creació i gestió de continguts. A continuació es resumixen les novetats més rellevants. 1.- Ocultació de blocs WordPress 6.9 incorpora una opció nativa per a ocultar blocs sense necessitat d’eliminar-los. Fins ara, en PortalEdu s’utilitzava una solució pròpia que permetia ocultar blocs tal com
En este article explicarem la vista de llista de blocs de l’editor Gutenberg de WordPress, la seua utilitat, el funcionament de l’arrossegament i reordenació de blocs, i els avantatges específics quan es treballa amb blocs contenidors. 1.-Introducció La vista de llista de Gutenberg (o List View) és una de les ferramentes més potents i menys aprofitades de l’editor de blocs
Com sabeu, WordPress oferix una sèrie de patrons (o plantilles) genèrics que podem incorporar a les nostres entrades o pàgines. Estos patrons ens oferixen dissenys concrets, elaborats amb blocs de l’editor estàndard. Una vegada afegits al nostre contingut, podrem editar-los i personalitzar-los al nostre gust. Vegem com fer-ho. 1-Accés als patrons Quan creem una nova entrada o pàgina, o bé
1-Com ens ajuden les categories en wordpress? Les categories de WordPress ens permeten agrupar les entrades en grans grups per a poder gestionar o visualitzar aquelles entrades relacionades amb eixa categoria. Un lloc web pot tindre categoritzats diferents temes. Per exemple, novetats, secretaria, general, preguntes freqüents, o nivells educatius com a primària, secundària, etc… La categorització del contingut és útil
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. 1-Animació de textos. Efecte d’escriptura o tecleig. 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
La persona amb rol direcció, com a responsable del lloc web del centre, és qui ha de donar d’alta els usuaris i assignar-los rols, en funció del paper que hagen d’exercir en el portal. També pot eliminar usuaris que ja no pertanguen al centre; l’eliminació es pot dur a terme d’un en un, o seleccionant diversos usuaris i aplicant després l’acció massiva de “suprimir”.
Només per a usuaris amb rol direcció
Des de l’escriptori d’administració del lloc es pot executar la sincronització dels usuaris del centre.
Per a això cal navegar al menú: Usuaris > Sincronització
Segurament no tot el personal d’un centre educatiu tindrà tasques d’edició en Portaledu. Es poden sincronitzar manualment només alguns usuaris seleccionant les caselles de cada fila. A continuació caldria desplegar “Accions massives” i seleccionar “Sincronitzar selecció”.
Eliminació manual d’usuaris
Des del Tauler –> Usuaris –> Tots els usuaris
Quan una persona ja no pertany al centre o no desenvolupa cap funció en Portaledu, la persona amb rol de direcció pot eliminar-la del lloc web. Esta acció es pot realitzar de manera individual (d’un en un) o de forma massiva.
Cal tindre en compte que l’eliminació de l’usuari només afecta al lloc web des del qual es fa l’operació. L’usuari no s’elimina de Portaledu, sinó que deixa d’estar adscrit a eixe lloc concret.
En cas que l’usuari eliminat haja creat contingut en el lloc web, l’autoria es conservarà, ja que l’usuari continuarà existint dins de Portaledu.
Eliminació un per un. Pas 1
Eliminació un per un. Confirmació.
També és possible seleccionar diversos usuaris i eliminar-los tots alhora (eliminació massiva)
Ens demanarà confirmació, igual que si ho fem d’un en un.
Sincronització Completa
Este tipus de sincronització afegirà i llevarà usuaris al lloc web, en funció de les dades de personal adscrit al centre en Ítaca.
Només recomanem esta opció si, per algun motiu, considereu que tot el professorat ha de tindre un paper en Portaledu, la qual cosa no és habitual.
Per a iniciar una nova sincronització de tot el personal del centre cal prémer sobre el botó “Sincronització professorat”. Aquesta acció recuperarà tots els professors d’Ítaca i els assignarà el rol que els corresponga segons la configuració establida per l’administrador de la xarxa.
En cas que hi haja usuaris no sincronitzats o canvis entre Ítaca i WordPress, les files afectades apareixeran amb fons roig.
La sincronització d’usuaris (completa) eliminarà del lloc a tot el personal que no pertanga ja al centre (segons conste en Ítaca).
Assignació de permisos
La direcció del centre podrà atorgar o remoure rols als membres del lloc. Tot això pot fer-se des de la secció d’Usuaris –> Tots els usuaris
Es tracta d’un potent editor visual que es va reforçant constantment amb la incorporació de plugins i desenrotllaments que aporten nous blocs per a enriquir les nostres publicacions.
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 han d’anar abandonant este editor. Este plugin va ser incorporat en els inicis de Portaledu perquè oferia una forma d’edició visual que no aportava en aquell moment l’editor clàssic de WordPress, en la seua versió 4.9. Este plugin ha continuat oferint a alguns usuaris de Portaledu una edició visual i nombrosos components de visualització, que han sigut i són apreciats per ells. No obstant això, eixe editor resulta excessivament pesat per a assegurar un funcionament òptim de la nostra plataforma. Malgrat això, s’ha mantingut en Portaledu durant diversos anys, per a donar temps a una transició gradual a Gutenberg. Mentrestant, l’editor de blocs de WordPress ha anat evolucionat en funcionalitat.
En este moment, la funcionalitat que oferix l’editor de blocs resulta més que suficient per a satisfer els requeriments de qualsevol web en Portaledu.
Us recordem algunes funcionalitats (blocs) disponibles en l’editor estàndard:
Gutenberg és l’editor natiu de WordPress, basat en blocs.
Ateses les limitacions de l’editor clàssic de WordPress en els inicis de PortalEdu; es va decidir afegir Beaver Builder com a editor al projecte.
Ara, gràcies a la potència aconseguida en funcionalitat per l’editor natiu de WordPress, atesa la seua millor integració amb la plataforma, que es traduïx en un millor rendiment i major compatibilitat amb futures actualitzacions, és el moment de realitzar la transició per part d’aquells usuaris que han continuat utilitzant Beaver Builder en Portaledu.
És per això que amb este article es vol oferir informació sobre com crear continguts amb Gutenberg, per a aquells usuaris habituats a usar Beaver Builder, o fins i tot migrar continguts fets amb l’editor Beaver Builder a Gutenberg.
Passos per a convertir un “Post senzill”
Per “un post senzill” ens referim a entrades/pàgines que no fan ús dels mòduls més elaborats de disseny de Beaver com són Contingutlliscant, Acordió, Barralateral i Pestanyes. Ni tampoc dels elements dinàmics englobats dins de la pestanya “Entrades” de l’editor i que són Carruseld’entrades,Controllliscant i Entrades.
Per a convertir este tipus de posts senzills, és suficient amb fer clic en Editar des del llistat de pàgines o entrades i en la següent pantalla fer clic sobre “Usar l’editor estàndard” en comptes de sobre “Launch Editor Visual”. En fer això es carregarà l’editor Gutenberg que intentarà migrar els continguts automàticament.
Advertiment: En fer això i donar-li a guardar, l’entrada original creada amb l’editor visual serà reemplaçada amb la nova versió en Gutenberg, i no hi haurà marxa arrere. Així doncs, si es vol mantindre l’entrada original mentres es fan proves de conversió del contingut, caldria fer-lo seguint els passos que a continuació es detallen:
En cas de voler mantindre la còpia original creada amb l’editor visual, és suficient amb copiar els continguts de l’entrada des de l’editor visual (en visualització, no en edició), pegar estos en un post nou creat amb l’editor estàndard i retocar/maquetar allò copiat. Estos són els passos:
Crear un Nou Post en Gutenberg
Ves a “Entrades” en WordPress i crea un nou post (o pàgina, segons corresponga).
Per defecte, les noves pàgines i posts es creen amb l’editor estàndard.
Copiar el Contingut des de Beaver Builder
En una pestanya del navegador, obri el post de Beaver Builder que desitges convertir.
Selecciona i còpia el contingut rellevant que desitges convertir.
Pegar i Reestructurar el Contingut
Pega el contingut copiat en el nou post Gutenberg.
Convertix cada part en el seu bloc natiu corresponent (paràgraf, encapçalat, imatge, etc.). La majoria d’estes conversions seran realitzades automàticament per Gutenberg per als blocs que siguen equivalents dins d’este editor (textos i imatges).
Reemplaçament d’Elements Visuals no compatibles
Substituïx els mòduls de Beaver Builder amb els blocs equivalents de Gutenberg (vegeutaula a baix).
Assegura’t que els estils i formats es mantinguen.
Ajustar el Disseny
Gutenberg permet columnes, encapçalats, imatges i botons sense necessitat d’un constructor extern.
Utilitza blocs avançats de Gutenberg com a “Grup“, “Columa” , “Quadrícula“, “Coberta” per a un millor disseny.
Revisió i Publicació
Una vegada completada la conversió, revisa que el disseny i els formats siguen correctes.
Publica el post en Gutenberg quan estigues satisfet amb la conversió.
Passos per a convertir un post amb elements de disseny o dinàmics
La conversió de posts més elaborats que incloguen mòduls de disseny o dinàmics, encara que senzilla, no és tan directa com la migració de posts més senzills.
En este cas en comptes de partir d’una còpia del contingut del post original en Beaver, caldrà anar creant amb Gutenberg un post nou replicant el post a migrar. Per a això s’aniran afegint els blocs de Gutenberg que proporcionen la mateixa funcionalitat que els elements utilitzats en Beaver seguint la taula de conversió mostrada a continuació.
Element
Mòdul de Beaver Builder
Bloc de Gutenberg
Carrusel de contingut propi
Mèdia / Contingut lliscant
GVA-Blocs – Contenidor animat
Text / MetaSlider
Acordió
Disseny / Acordió
GVA Blocs – Acordió
Barra lateral
Disseny / Barra lateral
Columnes o Taula o Quadrícula
Pestanyes
Disseny / Pestanyes
GVA Blocs – Pestanyes
Carrusel d’entrades
Entrades / Carrusel d’entrades
GVA Blocs – Carrusel d’Entrades
Visualitzador d’entrades
Entrades / Entrades
GenerateBlocks / Bucle de consulta
Slider
Entrades / Control lliscant
GVA Blocs – Visor lliscant d’Entrades
Contenidor amb imatges, text, botons
Crida
Bloc contenidor (combinat amb altres blocs en el seu interior com Titular, Imatge, Botó)
Accessible des de la Mediateca, el plugin de reemplaçament de fitxers permet substituir un fitxer mantenint l’URL del fitxer original. Degut la naturalesa d’esta operació, que pot afectar qualsevol document publicat en la web, és una utilitat disponible només per als rols direcció i manteniment.
Esta funcionalitat pot resultar útil per a actualitzar documentació en la web de centre sense necessitat de modificar l’entrada/pàgina on s’ha publicat un enllaç al document.
Cas pràctic: Si es disposa d’un post informatiu que enllaça o mostra el menú mensual del menjador (PDF o imatge), bastaria amb reemplaçar mensualment el fitxer per a mantindre actualitzada la informació, sense necessitat d’editar l’entrada.
Instruccions d’ús
Accedir a la Mediateca
Seleccionar el fitxer a reemplaçar fent clic sobre ell
En el diàleg d’edició, a la dreta, amb els detalls del fitxer ara apareix un nou botó Reemplaçar arxiu.
Després de polsar-ho, en la nova pantalla, arrossegar o seleccionar el fitxer que substituirà a l’arxiu actual.
Les limitacions són que només es poden reemplaçar fitxers que no siguen fitxers d’imatge. Sí que es poden reemplaçar fitxers PDF. El fitxer reemplaçat només pot reemplaçar-se amb un fitxer del mateix tipus (mateixa extensió).
Este lloc web utilitza només cookies tècniques necessàries per al seu funcionament. No s’emmagatzemen dades amb finalitats publicitàries ni es comparteixen amb tercers. S’utilitza analítica interna sense cookies, i només es recull la IP amb finalitats de seguretat.