EDITOR GUTENBERG

Portaledu està augmentant les ferramentes disponibles en l’editor Gutenberg. Dins d’esta sèrie de nous blocs que s’aniran incorporant, presentem el bloc d’acordió.

Este bloc permet treballar de dos formes:

• Entrades. Permet seleccionar les entrades d’una categoria i visualitzar-ne els títols, deixant el cos o l’inici del cos de l’entrada ocult fins que és desplegat per l’usuari en fer clic en el “+” a la dreta del títol.
  Esta modalitat resulta recomanable per a presentar una sèrie d’articles a mode de formació.
  
• 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 pot ser desplegat mitjançant el botó “+”
  Este component així emprat és molt típic veure’l per exemple en pàgines de FAQs (Frequently Asked Question)
  

Podem veure un exemple d’acordió de tipus “Entrades” a continuació

Com crear pàgines filles i jerarquies de pàgines

Què són les pàgines pare i filla? A diferència de les entrades (posts), les pàgines en WordPress poden tindre una estructura jeràrquica. Això significa que una pàgina pot ser pare d’una altra, creant una relació de dependència. Per exemple, si tens una pàgina anomenada “Projectes”, i dins d’ella vols incloure una secció per a “Europeus”, pots fer que “Europeus” siga

Llegir més

El bloc és fàcilment configurable des de l’editor, presentant les següents opcions en funció del tipus de contingut seleccionat:

• Tipus de contingut. Permet seleccionar entre Post / Contingut personalitzat. La qual cosa farà que el bloc acordió funcione amb entrades ja creades o bé permeta crear nou contingut.
  En funció del tipus triat, les opcions del bloc mostrades més a baix variaran.
• Categoria. En triar una categoria, les entrades pertanyents a esta, ordenades descendentment per data de creació, seran seleccionades per a la seua visualització
• Nombre d’entrades. Nombre total d’entrades seleccionades per a la seua visualització. Si es deixa en el seu valor per defecte 5, optaran a la visualització les cinc últimes entrades pertanyents a la categoria triada.
• Contingut complet. Indica si en visualitzar el desplegable es mostrarà el contingut complet de l’entrada o bé el primer paràgraf d’esta més un enllaç per a continuar llegint.

• Tipus de contingut. Permet seleccionar entre Post / Contingut personalitzat. La qual cosa farà que el bloc acordió funcione amb entrades ja creades o permeta crear nou contingut.
  En funció del tipus triat les opcions del bloc mostrades més a baix variaran.
• Afegir nou element. Afig un nou bloc a l’acordió. El formulari presentat es dividix en Títol i Cos, més dos botons que permeten duplicar i eliminar l’element.

Amb l’actualització a WordPress 6.3, s’ha afegit la possibilitat de gestionar els blocs en l’editor Gutenberg, de manera que un usuari pot decidir quins blocs se li mostren en editar un post.

L’ocultació funciona per usuari, no per lloc. En cas que un usuari pertanga a més d’un lloc de Portaledu, les preferències que haja configurat per a l’editor Gutenberg li acompanyaran, independentment del lloc en què treballe a cada moment.

Els passos necessaris per a accedir al diàleg d’ocultació són:

1. Des de l’editor Gutenberg, fer clic sobre els «tres punts» de la cantonada superior dreta de la pantalla.

2. Polsar sobre l’última opció de menú: «Preferències»

3. En el diàleg que apareix, fer clic sobre l’opció «Blocs»

4. Una vegada ací, desmarcar aquells blocs que no es vol que mostre l’editor.

L’editor de blocs natiu de WordPress és l’editor per defecte per als posts / entrades / pàgines de tots els llocs de Portaledu.

Per aquells llocs creats anteriorment i que hagen utilitzat l’editor visual (Beaver Builder), hi haurà un període de convivència de tots dos editors (Gutenberg i Beaver) per a permetre a eixos llocs el manteniment d’estos posts. A mitjà termini es preveu eliminar de Portaledu l’editor Beaver Builder, atés que la funcionalitat de Gutenberg té una millor integració amb WordPress i és molt més senzill d’utilitzar. Coneix més informació sobre l’editor de blocs de WordPress: Gutenberg.

Alguns llocs en Portaledu publiquen podcasts de la ràdio escolar.

Aquests podcasts s’allotgen habitualment en el sharepoint DOCUMENTAR del centre i es publiquen en Portaledu mitjançant un bloc d’Àudio.

Aquest bloc es configura amb l’URL del fitxer d’àudio.

Però aixòno és suficient si volem que els nostres podcasts siguen llegits correctament per diferents aplicacions de lectura de podcasts a través de feeds de RSS, com per exemple AntennaPod, o altres.

Per tal d’aconseguir el funcionament correcte amb eixes aplicacions, haurem d’afegir al nostre post un camp personalitzat de tipus enclosure, on afegirem les metadades del nostre fitxer de podcast.

Potser t’interesse consultar la informació sobre camps personalitzats:

¿Cómo se utilizan los campos personalizados? – Portaledu (gva.es)

Ho farem així:

1. Mentre editem el post, en la, part de baix, secció de camps personalitzats, busquem en el desplegable si existeix algun amb el nom enclosure. Si existeix, el seleccionem. Si no, farem clic sobre Introdueix un nou i escriurem: enclosure

2. Una vegada hàgem seleccionat el nom enclosure o bé l’hàgem afegit, haurem de completar el valor, de la següent manera, en tres línies diferents:

• Línia 1: URL del post (la mateixa URL que hem posat en el bloc d’àudio)

• Línia 2: 0 (zero)

• Línia 3: audio/ogg (tipus de fitxer perquè ho puguen interpretar les aplicacions de lectura de podcats a través d’RSS)

3. I clicarem el botó “Afegeix un camp personalitzat”

4. Sempre que afegim un camp personalitzat, no hem d’oblidar clicar sobre Actualitza en el camp personalitzat mateix. També hem d’actualitzar el nostre post.

5. Finalment, és convenient invalidar la memòria cau del nostre lloc, si volem que els lectors de feeds RSS agarren els canvis ràpidament. Si no invalidem manualment, els lectors de feeds podran veure els canvis passada mitja hora aproximadament. En l’enllaç següent trobareu informació sobre com invalidar la cau: Control Caché (NGINX): plug-in per a gestionar la memòria cau en Portaledu – Portaledu (gva.es)

Atenció: Els iframes s’utilitzen per a mostrar pàgines web externes a Portaledu dins de pàgines o posts del nostre portal. Abans d’utilitzar un iframe hem d’assegurar-nos que la font és fiable i que no generarà problemes en el nostre web. Per exemple, nombrosos comptadors de visites externs acaben mostrant finestres emergents no desitjades i poden propagar malware en els nostres sistemes i en els dispositius dels usuaris que ens visiten.

Un iframe és un marc que permet inserir un document HTML dins d’un altre i en Portaledu podem inserir-lo de dos formes diferents.

Bloc de l’editor Gutenberg ‘Iframe’

La forma més senzilla és utilitzant el bloc d’iframe, introduint l’URL que volem inserir, la qual ha de començar per https://

Podem configurar:

• Amplària: responsiva en % o absoluta en píxels.
• Altura: la configurarem sempre en píxels.
• Barra de desplaçament: Depenent del contingut, quan estiga activa, es mostrarà la barra de scroll a la dreta per a navegar l’iframe de dalt a baix..
• Permet pantalla completa: Depenent del contingut, permetrà que l’iframe ocupe tota la pantalla.
• Càrrega diferida: Càrrega el contingut de l’iframe després de pintar la resta de contingut de la pàgina on es trobe. Així accelerem la càrrega de la pàgina de Portaledu.

Shortcode

Una forma més complexa, que pot permetre un major control dels paràmetres a un usuari avançat, és la inserció d’iframes mitjançant codi de substitució. Per a això, escriurem directament el shortcode, amb la sintaxi que es veu en el següent exemple.

Alternativament, podem afegir un bloc de «shortcode» o un bloc «HTML Personalitzat» de l’editor Gutenberg i escriure en ell el codi d’iframe.

Precaucions

Per tal que siguen visibles en Portaledu, ara per ara, els enllaços a fitxers compartits del sharepoint, han d’incorporar el paràmetre &download=1. S’ha implementat la funcionalitat de manera que quan apeguem o escrivim l’enllaç a un URL de sharepoint, si premem la tecla d’espai, automàticament s’afegeix aquest paràmetre.

A continuació detallem els passos a seguir per a compartir en Portaledu documents allotjats en el nostre Sharepoint de Microsoft (imatges, vídeos, àudios…)

La publicació de fitxers en obert només funciona amb el sharepoint DOCUMENTAR. Heu de tindre en compte que aquesta funcionalitat de publicació de fitxers des del Sharepoint de Microsoft està encara en fase de proves. És possible que no pugueu visualitzar determinades imatges de resolució gran o vídeos.

1. Compartir el fitxer des del sharepoint

Des del menú contextual del fitxer, fem clic sobre l’opció de Compartir

2. Obtindre l’enllaç per a compartir

Hem d’assegurar-nos que estiga habilitada l’opció que qualsevol usuari amb l’enllaç puga visualitzar el contingut. Després copiarem l’enllaç des de l’opció “Copia l’enllaç”

3. Inserir un bloc d’imatge, vídeo, àudio… i apegar o escriure l’enllaç

4. Prémer la tecla espai per autocompletar l’URL del sharepoint

En prémer la tecla espai, s’autocompletarà l’URL amb el paràmetre &download=1, el qual resulta necessari per a visualitzar el fitxer inserit en Portaledu.

IMATGES

VÍDEOS

ÀUDIO

ENLLAÇ A VÍDEO EN IMATGE