GENERAL

Tal com s’ha informat en ocasions anteriors (Gutenberg: l’editor per defecte de Portaledu – Portaledu), l’editor estàndard en Portaledu és l’editor estàndard de WordPress, anomenat també Gutenberg o Editor de blocs.

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:

Este post sobre com convertir continguts confeccionats amb Beaver Builder a Gutenberg pot resultar d’utilitat:

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:

1. 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.
2. 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.
3. 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).
4. 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.
5. 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.
6. 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.

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ó.

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.
• El plugin té la limitació que el tipus de fitxer ha de ser el mateix. Per exemple, un fitxer .jpg només pot ser reemplaçat per un altre fitxer .jpg

Amb aquesta funcionalitat es pot realitzar una traducció automàtica amb el servei  GVA Salt (salt.gva.es), tant de castellà a valencià, com de valencià a castellà. El plugin habilita un quadre metabox en l’edició de contingut el qual inicia la traducció de les següents parts:

• Títol
• Cos
• Taxonomies
  • Categories
  • Etiquetes

Funcionamient

Una vegada, o bé creant un contingut, ha d’haver sigut guardat prèviament, o bé quan editem un contingut ja creat, podrem veure un metabox (les opcions que apareixen en la columna dreta en l’edició de continguts) amb el títol : Traduccions Salt.

Si premem en el botó Traduir apareixerà una finestra emergent demanant confirmació de l’acció per a verificar que tot el contingut s’ha guardat prèviament, en el cas contrari els canvis no guardats es perdrien a més de no ser traduïts.

Si confirmem l’acció, llavors procedirà a realitzar l’acció de traducció de les parts comentades en la introducció i ens redirigirà a l’edició del contingut traduït perquè el puguem supervisar.

Pot ocórrer que si existeix una traducció prèvia, ens aparega una finestra emergent advertint que ja existeix una traducció i si la desitgem sobreescriure.

A tindre en compte

• Les taxonomies (tant categories com etiquetes), són traduïdes si l’entrada té taxonomies assignades. És a dir, si decidim crear i assignar una categoria anomenada “Esdeveniment” (en la nostra entrada de castellà), i traduïm amb l’eina, ens crearà la categoria “Event” (en valencià) associada i amb equivalència amb la nostra categoria original.
• Si hem assignat una imatge destacada al nostre entrada original, l’entrada traduïda tindrà també aquesta imatge destacada. Podem canviar-la en l’entrada traduïda si ho considerem convenient.