Si bé WordPress incorpora de sèrie el bloc anomenat Últimes Entrades, que permet mostrar de diferents formes i segons diferents criteris els continguts del teu lloc web, en Portaledu et recomanem estos altres blocs per a realitzar esta mateixa funció:
Bucle de consulta amb paginació
Si desitges afegir paginació al teu bucle de consulta, per a mostrar de forma paginada un major nombre de continguts, t’ensenyem com fer-ho.
1-En la barra de ferramentes del bucle de consulta, apareix l’opció d’afegir paginació. Només cal polsar el botó:
2-Se’ns mostrarà llavors el bloc de paginació, just davall de les entrades del bucle de consulta. El propi bloc de paginació incorpora una barra de ferramentes que ens permetrà algunes operacions com centrar-lo.
3-Seleccionant després els diferents subblocs, és a dir els indicadors de pàgina anterior i pàgina següent, o els números de pàgina, podrem modificar nombrosos paràmetres des de la columna de configuració, a la dreta de la pantalla. Per exemple, podem modificar els colors del fons i dels números del paginador.
Com sempre, et recomanem explorar totes les opcions de configuració disponibles si desitges modificar els valors per defecte.
Recorda la informació general sobre el bloc de bucle de consulta:
Data de l’últim login
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.
Finalització Beaver Builder en Portaledu
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ó.
Vista responsiva: ordre de visualització
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.
Actualització de Portaledu a WordPress 6.6
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:
Afegeix les xarxes socials del centre al teu web
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!
Altes i baixes d’usuaris. Sincronitzador des d’Itaca
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ó
Sincronització manual (Alta d’usuaris) (RECOMANADA!)
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.
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
Informació relacionada:
Conversió d’un post de Beaver Builder a Gutenberg
Introducció
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 Contingut lliscant, Acordió, Barra lateral i Pestanyes. Ni tampoc dels elements dinàmics englobats dins de la pestanya “Entrades” de l’editor i que són Carrusel d’entrades, Control lliscant 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ó.
Taula guia per al punt 4.
| Element | Mòdul de Beaver Builder | Bloc de Gutenberg |
|---|---|---|
| Text | Editor de text | Paràgraf / Titular |
| Encapçalat | Encapçalat | Encapçalat / Titular |
| Imatge | Mòdul d’Imatge | Imatge |
| Botó | Botó | Generate Blocks / Botó |
| Vídeo | Vídeo | Vídeo |
| Carrusel d’imatges | Galeria | Metaslider / Contenidor animat |
| Galeria | Galeria | GVA Blocs – Galeria d’imatges (Nou bloc de galeria d’imatges – Portaledu) |
| Columnes | Fila amb columnes | Columnes / Quadrícula |
| Fons amb text | Fila amb fons + Text | Fons (Coberta) / Contenidor / Contenidor animat |
| Separador | Separador | Separador |
| Espaiat | Marge/Padding | Espaiador |
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ó) GVA-Blocs – Contenidor animat Patrons disponibles |
Reemplaçament de fitxers: substitució de fitxers sense modificar l’URL
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ó).
