FORMACIÓ

Comptador de visites

El plugin: “Comptador de Visites Matomo” té com a objectiu poder mostrar el nombre de visites que es realitzen als nostres llocs web. Este comptador de visites obté la informació a partir del sistema d’analítica anomenat Matomo, que allotja les dades d’analítica en els servidors de Conselleria, no depenent de tercers.

1 0 2 7 0 5 9

1.-Inserció del comptador mitjançant bloc de Gutenberg (Novetat març 2026)

A més del tradicional giny de Comptador, ara s’ha desenrotllat un bloc específic per a l’editor Gutenberg que permet inserir el comptador de visites fàcilment en qualsevol pàgina o entrada.

Este nou bloc “Comptador de visites” simplifica la integració, ja queno és necessari utilitzar shortcodes ni configuracions addicionals: n’hi ha prou amb afegir el bloc des de l’editor i col·locar-lo on es desitge dins del contingut.

El bloc inclou també opcions bàsiques de format. A més, com qualsevol altre bloc pot ser inserit dins d’un bloc “Contenidor“, la qual cosa permet adaptar la seua aparença de manera senzilla segons les necessitats de cada pàgina (alineació, estils, etc.).

D’esta manera, es millora la usabilitat i es facilita la incorporació del comptador en els continguts creats amb Gutenberg.

Funcionalitat anterior (es manté)

2.-Inserció comptador mitjançant un giny (Només en àrea de ginys)

La forma més senzilla de mostrar les visites en el nostre lloc seria utilitzant un giny de WordPress. Per a poder utilitzar-lo anirem a la secció corresponent de PortalEdu des del menú lateral esquerre : Aparença –> Ginys. En accedir ací es mostraran en “Ginys Disponibles” el giny en qüestió, anomenat : “Comptador de visites” o “Matomo Comptador Visites Giny”

Widget comptador visites matomo

Tan sols hem de triar en quina secció de la nostra web volem que es mostre. A més tindrem unes opcions configurables per a una millor personalització. Aquestes són :

Captura De Pantalla De 2022 01 14 20 18 07
  • Etiqueta: Si volem mostrar el títol o etiqueta del giny.
  • Amb estil: Si marquem aquesta opció es mostrarà la xifra del comptador predissenyada amb una aparença visual més agradable.
  • El giny es mostra per a: Podem triar l’idioma en el qual volem que es mostre el giny, o bé mostrar-lo per a tots els idiomes. Aquesta opció pot ser útil si prèviament hem escrit una etiqueta diferent segons l’idioma per a així personalitzar tants ginys com idiomes tinga el nostre lloc web.

L’aparença, quan triem l’opció “Amb estil” serà similar a aquesta :

Captura De Pantalla De 2022 01 14 20 27 27

3.-Inserció comptador mitjançant shortcode (En qualsevol lloc)

Si volem mostrar el comptador en qualsevol post o pàgina, i no en la zona de ginys, utilitzarem esta opció. Podrem inserir el valor del comptador de visites mitjançant un shortcode (codi d’inserció) en la part del nostre lloc web que desitgem (qualsevol pàgina o contingut). Esta opció permet mostrar el comptador en el conjunt d’una maquetació més personalitzada amb els nostres propis colors i/o estils. El codi d’este shortcode és:

[contadorvisitas]


El compte de visites és independent de la pàgina o entrada on es mostre; correspon a les visites de tot el nostre lloc.

NOTA:

En altres comptadors, el compte mostrat correspon al nombre de pàgines vistes. Tanmateix, el comptador de Portaledu mostrarà el nombre de visites (usuaris que visiten el nostre lloc web). No ens ha de sorprendre que el nombre de visites siga molt inferior al nombre de pàgines vistes.

Nom i descripció del lloc web

Els rols amb capacitat per a gestionar el lloc web, habitualment direcció i manteniment, poden modificar el Nom del lloc (títol) i la seua descripció (lema).

Esta configuració es realitza des del Tauler –> Ajustos –> General

Des d’eixa secció, es poden modificar eixos valors, entre altres. A més, és possible modificar els valors per a cada idioma. Per a això, és necessari aplicar el filtre d’idioma, i seleccionar així l’idioma que estem modificant.

Polsem sobre el filtre i seleccionem idioma
Ajustem els valors en valencià
Ajustem els valors en castellà

És important emplenar correctament estos valors en els dos idiomes, ja que ens ajuden a que el lloc estiga ben identificat i posicionat en els cercadors d’Internet.

Crear i gestionar formularis amb Gravity Forms

Gravity Forms és un plugin integrat en PortalEdu que permet crear formularis fàcilment per a arreplegar informació dels usuaris, com a formularis de contacte, inscripcions, sol·licituds o enquestes.

Amb este plugin podem:

  1. Crear formularis personalitzats.
  2. Rebre notificacions per correu quan algú envia un formulari.
  3. Consultar i gestionar les respostes enviades.
  4. Inserir formularis en pàgines o entrades del lloc web.

1. Crear un formulari

Només els rols més avançats com són el rol Direcció i el rol Manteniment tenen permisos per a crear formularis.

Per a crear un formulari nou:

  1. Accedix al panell d’administració de WordPress.
  2. En el menú lateral, entra en Forms / Formularis.
  3. Polsa en Add New (Afegir nou).
  4. Selecciona un formulari en blanc o una de les plantilles preestablides
  5. Introduïx:
    • Títol del formulari
    • Descripció (opcional)

Una vegada creat, podràs afegir els camps que necessites.

Tipus de camps disponibles

Gravity Forms permet afegir diferents tipus de camps que presenta organitzats en dos grups. Camps estàndard i camps avançats. Alguns exemples d’això són:

Camps estàndard

  • Caixa de text
  • Paràgraf
  • Llista desplegable
  • Caselles de verificació
  • …

Camps avançats

  • Data
  • Enllaç
  • Correu electrònic
  • Pujada d’arxius
  • CAPTCHA
  • …

Els camps s’afigen arrossegant-los al formulari i es poden reorganitzar fàcilment.

Cada camp permet configurar opcions com:

  • marcar-lo com a obligatori
  • afegir text d’ajuda
  • personalitzar l’etiqueta del camp

⚠ Ús obligatori de CAPTCHA

Per motius de seguretat, tots els formularis han d’incloure un element CAPTCHA.

Això ajuda a evitar:

  • enviaments automàtics de spam
  • atacs de bots
  • sobrecàrrega innecessària del sistema

El camp CAPTCHA es pot afegir des dels camps avançats del formulari. Més informació ací

2. Configurar les notificacions

Les notificacions permeten enviar correus electrònics automàticament quan algú completa el formulari.

Per a configurar-les:

  1. Accedix al formulari.
  2. Fes clic en Configuració → Notificacions.
  3. Polsa Afegir.

Ací podràs definir:

  • Destinatari del correu
  • Assumpte
  • Contingut del missatge
  • Adreça del remitent

És possible crear més d’una notificació, per exemple:

  • una notificació per a l’administrador del lloc
  • una confirmació automàtica per a la persona que ha enviat el formulari

Notificació per defecte

Quan es crea un formulari nou, Gravity Forms genera automàticament una notificació per defecte.

Esta notificació envia un correu electrònic a l’administrador del lloc amb la informació enviada en el formulari.

Si es desitja, esta notificació pot:

  • modificar-se
  • eliminar-se
  • o complementar-se amb altres notificacions.

3. Consultar les entrades rebudes

Cada enviament d’un formulari es guarda automàticament com una entrada.

Per a veure-les:

  1. Accedix a Forms / Formularis.
  2. Selecciona el formulari.
  3. Fes clic en Registres / Entrades.

Des d’esta secció pots:

  • veure les dades enviades
  • buscar entrades concretes
  • exportar la informació
  • eliminar registres

Això permet gestionar fàcilment tota la informació arreplegada a través del formulari.

⚠ Pujada d’arxius i quota de disc

Si el formulari inclou algun camp per a pujar arxius, cal tindre en compte que estos s’emmagatzemaran en el lloc web.

Això implica que:

  • els arxius computen dins de la quota d’emmagatzematge del lloc, que és limitada.
  • si es reben molts arxius o arxius grans, l’espai disponible pot reduir-se ràpidament.

Per este motiu es recomana:

  • limitar la grandària màxima dels arxius
  • evitar sol·licitar arxius sino és necessari.

Recomanació de manteniment

Si el formulari rep moltes respostes, és recomanable:

  • exportar periòdicament les entrades
  • eliminar els registres antics que ja no siguen necessaris

D’esta manera s’evita acumular massa informació i es facilita la gestió del lloc. Més informació ací

4. Inserir un formulari en una pàgina o entrada

Una vegada creat el formulari, habitualment l’inserirem en una pàgina o entrada perquè els usuaris puguen emplenar-lo.

Per a fer-ho:

  1. Crea o edita una pàgina o entrada en WordPress.
  2. En l’editor de blocs (Gutenberg), fes clic a Afegir bloc (+).
  3. Busca el bloc Gravity Forms.
  4. Selecciona el formulari que vols inserir.

El formulari apareixerà automàticament en la pàgina.

Després de publicar la pàgina, els usuaris podran accedir al formulari i enviar les seues respostes.

Recomanacions per a crear formularis

Per a millorar l’experiència dels usuaris:

  • Utilitza només els camps necessaris.
  • Marca com a obligatoris únicament els camps imprescindibles.
  • Configura correctament les notificacions.
  • Revisa periòdicament les entrades rebudes.

A tindre en compte: Els formularis de gravity-forms no admeten multilingüisme, de manera que si volem un formulari en diferents idiomes haurem de crear un formulari diferent per a cada idioma. L’altra opció seria incloure en cada item del formulari, les preguntes o textos traduïts als diferents idiomes.

Canvis massius en entrades (modificar entrades en lot)

WordPress ens permet realitzar unes certes modificacions sobre un grup o lot d’entrades. Estes modificacions s’aplicaran simultàniament a totes les entrades seleccionades. Entre les accions que podem aplicar sobre diverses entrades alhora, tenim:

  • Assignar una categoria
  • Canviar l’estat (passar a esborrany o a publicada)
  • Canviar l’idioma

Mostrarem un exemple de com assignar una categoria a totes les entrades d’un mateix autor

Pas 1: Llistem les entrades

Des de l’Escriptori –> Entrades

Fent clic sobre el nom de l’autor en qualsevol fila del llistat, obtindrem la vista filtrada d’entrades d’eixe autor.

Pas 2: Seleccionem les entrades que desitgem modificar

Podem seleccionar diverses entrades d’una en una o bé totes les d’eixa pàgina alhora, clicant en la casella superior, al costat de la paraula “Títol”

Important: Si el que farem és assignar una categoria a diverses entrades, és important assegurar-nos que les entrades que modificarem en lot tinguen el mateix idioma i que la categoria que assignarem tinga eixe mateix idioma també.

Per a assegurar-nos d’això, seleccionarem l’idioma que corresponga en la part superior, en el filtre d’idioma:

Pas 3: Seleccionem l’opció “Editar” en el menú d’accions en lot o accions massives

Seleccionem l’opció “Editar” i polsem el botó “Aplicar”

Pas 4: Seleccionem el canvi que volem realitzar (en este cas, afegir una categoria concreta a les entrades seleccionades)

Després de polsar el botó de “Aplicar” se’ns obrirà un panell amb les opcions disponibles per a modificar. En este exemple, volem assignar (afegir) una categoria al lot d’entrades. Observem que, en el nostre cas, apareix marcada la categoria “General”, apareix marcada amb un guió la categoria “Biblioteca”, i apareix desmarcada la categoria “Secretaria”. Això significa:

1- Totes les entrades seleccionades corresponen a la categoria “General”

2-Algunes de les entrades seleccionades tenen assignada la categoria “Biblioteca”

3-Cap de les entrades seleccionades té assignada la categoria “Secretaria”

Marquem la categoria “Secretaria” i cliquem “Actualitzar”

Comprovem que s’ha afegit la categoria “Secretaria” a totes les entrades seleccionades, respectant qualsevol altra categorització preexistent en les entrades.

Cal tindre en compte que quan seleccionem totes les entrades simultàniament, se seleccionen les entrades d’eixa pàgina. Si existixen altres entrades que també vulguem modificar, en altres pàgines, caldrà repetir el procés en cada una de les pàgines.

Contingut relacionat:

Ús de categories

Breadcrumbs: què són i com activar-los en el teu web

S’ha afegit en PortalEdu la possibilitat d’utilitzar breadcrumbs (molles de pa). Esta funcionalitat permet mostrar a l’usuari la ruta de navegació dins de la web.

Què són els breadcrumbs?

Els breadcrumbs són un element de navegació que mostra al visitant en quin lloc de la web es troba i com ha arribat fins a eixa pàgina. Se solen mostrar com una seqüència d’enllaços separats per un símbol, per exemple:

Inicie > Notícies > Activitats > Excursió al museu

Cada element de la ruta és un enllaç que permet tornar fàcilment a nivells anteriors de la web.

Per a què servixen?

Els breadcrumbs ajuden a:

  • Orientar a l’usuari dins de l’estructura del lloc.
  • Millorar la navegació, ja que permeten tornar a seccions anteriors ràpidament.
  • Facilitar l’exploració de continguts relacionats.
  • Millorar l’experiència d’usuari, especialment en webs amb moltes pàgines o categories.

On es mostren?

Quan estan activats, els breadcrumbs apareixen just damunt del títol del post o pàgina, mostrant la ruta de navegació fins a eixe contingut.

Com activar-los o desactivar-los?

Pots activar o desactivar els breadcrumbs des del panell d’administració:

Aparença → GVA Capçalera i Peu

Dins d’esta pantalla trobaràs un botó On / Off que permet habilitar o deshabilitar esta funcionalitat.

Una vegada activats, els breadcrumbs es mostraran automàticament en els continguts del lloc.

Com es construïxen els breadcrumbs?

Els breadcrumbs reflectixen l’estructura jeràrquica de les pàgines del lloc.
Si el menú del lloc s’ha creat utilitzant pàgines, cada nivell d’eixa jerarquia apareixerà com un element dins dels breadcrumbs.

Per exemple, si tens la següent estructura de pàgines:

  • Inici
  • Centre
    • Història
    • Instal·lacions
  • Informació Acadèmica
    • Calendari Escolar

Si el visitant accedix a la pàgina Calendari Escolar, els breadcrumbs es mostraran així:

Inici > Informació Acadèmica > Calendari Escolar

Cada element representa una pàgina superior en l’estructura i permet tornar fàcilment a ella.

Recomanació

Perquè els breadcrumbs funcionen correctament, és recomanable:

  • Crear els menús utilitzant pàgines jeràrquiques. Més informació ací
  • Organitzar les pàgines en nivells (pàgina pare i pàgines filles).
  • Mantindre una estructura clara del lloc.

D’esta manera, els breadcrumbs mostraran correctament la ruta de navegació i ajudaran els visitants a moure’s per la web de forma més intuïtiva.

Què són les àncores i com usar-les en Gutenberg?

Les àncores (o enllaços àncora) permeten crear enllaços que porten directament a una part concreta d’una pàgina o entrada. Són molt útils per a índexs de contingut, preguntes freqüents o pàgines llargues on volem facilitar la navegació al lector.

Podem veure un exemple d’esta mena d’enllaços en el següent índex de continguts per a esta entrada

Què és una àncora?

Un ancora és un identificador únic que s’assigna a un bloc dins de la pàgina. Després, pots crear enllaços que apunten directament a eixe punt usant el símbol #.

Per exemple:
https://portal.edu.gva.es/centro/entrada#ancla1 portarà a l’usuari al bloc que tinga l’àncora ancla1.

Com crear una àncora en Gutenberg

  1. Selecciona el bloc al qual vulgues enllaçar (per exemple, un encapçalat).
  2. En el panell dret, obri la pestanya Avançat.
  3. Busca el camp Àncora HTML.
  4. Escriu un nom curt, sense espais ni accents (exemple: servicis, faq, contacte).

Com crear un enllaç cap a l’àncora

  1. Selecciona el text o botó des d’on vulgues enllaçar.
  2. Afig un enllaç usant #nom-del-ancora.

Exemple:

  • Si l’àncora és crear_ancora, com en el cas de la segona entrada del nostre índex. L’enllaç serà 👉 #crear_ancora.

També pots enllaçar des d’una altra pàgina usant la URL completa:
https://portal.edu.gva.es/centro/entrada#crear_ancora

Consells ràpids

  • Usa noms clars i simples.
  • Evita espais i caràcters especials.
  • Les àncores funcionen especialment bé amb blocs d’Encapçalat (H2, H3…) per a crear índexs automàtics.

Les àncores milloren l’experiència de l’usuari i fan que navegar per continguts llargs siga molt més ràpid i còmode.

Bloc contenidor animat

Este bloc ens permetrà:

  • Agrupar blocs amb fons animat d’imatges amb efectes
  • Mostrar una animació d’imatges amb efectes

Este és un bloc titular sobre el contenidor animat

Et mostrarem com utilitzar-lo:

1.-Inserim el bloc

Afegim el bloc “Contenidor Animat”. Ens apareixerà en el llenç, en forma de rectangle.

Fent clic sobre el +, podem afegir altres blocs al contenidor, que quedaran agrupats i tindran el fons comú. En este cas, afegirem un bloc titular.

Triarem un color de text blanc i un fons gris amb transparència, de manera que ressalte el text sense tapar les imatges.

Ajustarem el format del titular al nostre gust, modificant:

  • Negreta (pes de la font)
  • Grandària de la font
  • Color de text: blanc
  • Color del fons: gris amb transparència
Bloc Titular: Selecció de color amb transparència per al fons

2.-Ajustem l’altura del contenidor i altres opcions d’aspecte

Per defecte, el contenidor es mostra a ample complet i amb una altura mínima. És important configurar l’altura que desitgem mostrar.

En este cas, hem ajustat:

  • Altura: 400px
  • Alineació vertical: Centre
  • Alineació horitzontal: Centre

3.-Configuració del fons (animat)

Disposem de tres opcions:

  • Imatge estàtica
  • Color sòlid
  • Degradat
  • Imatge lliscant

En este exemple, triarem esta última, ja que les altres opcions les tenim també en el bloc contenidor de generateblocks.

En seleccionar l’opció d’Imatge lliscant en el tipus de fons ens apareix l’opció de crear una galeria (selecció d’imatges) que es mostraran dinàmicament en el fons del contenidor. Podem triar també algun dels efectes de transició que se’ns oferixen.

Una vegada seleccionades de la mediateca les imatges, polsarem el botó “Crear una galeria nova”, a baix, a la dreta.

Ara se’ns mostraran només les imatges seleccionades i polsarem el botó: “Inserir una galeria”

Una vegada inserida la galeria, apareixerà en el llenç el nostre fons animat amb imatges.

A més, es mostrarà una previsualització de les imatges en el panell dret de configuració.

És el moment de provar diferents efectes d’animació per a deixar el nostre bloc llest!

Pàgines i entrades multilingües

En Portaledu, les pàgines i entrades poden ser multilingües. De fet, com a allotjament de portals institucionals, les portades de tots els portals i la majoria dels continguts els trobarem en valencià i en castellà. Quan un contingut és bilingüe, trobarem el commutador d’idioma en la capçalera, dalt a la dreta:

Per a crear continguts bilingües seguirem els passos següents:

1.-Creem el contingut original en un idioma

Creem un nou post o pàgina en l’idioma que desitgem. Podem comprovar l’idioma en què està configurat el contingut des de l’edició, botó d’idioma, dalt a la dreta.

Guardem les modificacions. Publiquem quan tinguem el contingut acabat. A continuació veurem diferents formes de crear la traducció (versió en altre idioma) del nostre contingut original.

Important: Per tal que es mostre el commutador d’idioma en un contingut, cal que estiguen publicades les versions en els idiomes corresponents.

2.-Generem la traducció. Opció 1: còpia del contingut original

En este pas, generarem el contingut en l’altre idioma, en este cas, en castellà. Utilitzarem esta opció si volem fer nosaltres mateixos la traducció.

Novament, des de la secció d’idioma, dalt a la dreta, mentre editem el contingut, farem clic sobre el + per a crear l’entrada en l’idioma corresponent (identificat per la bandera).

Si volem que el nou contingut siga creat com a còpia de l’original, per tal de conservar tota l’estructura (columnes, imatges, blocs), ens assegurarem que estiga marcada la icona de “Duplicació de contingut”, identificada per dos rectangles solapats.

No oblideu guardar el contingut en l’idioma original abans de crear la traducció.

Es crearà immediatament una nova entrada o pàgina que serà una còpia de l’entrada o pàgina original, si bé estarà classificada amb l’altre idioma. Ambdós continguts quedaran associats o emparellats, l’un com a traducció de l’altre.

Una vegada creada, podem realitzar la traducció dels textos que calga modificar.

3.-Generem la traducció. Opció 2: Traducció automàtica amb Salt

Usarem esta opció quan vulguem una traducció automàtica dels textos de la pàgina. Caldrà fer una revisió de la traducció per part de l’usuari.

Salt: plug-in per a traduir automàticament

4.-Vincular continguts en diferents idiomes

En qualsevol moment podem associar continguts fets en diferents idiomes des de la configuració d’idioma del contingut, mentre estem editant-lo:

Per a fer-ho, teclejarem el nom del contingut que vulguem associar com a traducció. Immediatament apareixeran, per a seleccionar, els continguts que existisquen en l’idioma corresponent i que no tinguen parella encara.

5.-Vista dels vincles de traducció des del llistat d’entrades

Des del llistat d’entrades o pàgines, en el tauler, podem veure en quin idioma està classificat el nostre contingut i també si el contingut té parella de traducció:

La bandera indica l’idioma del contingut. Un llapis indica que el contingut està traduït a aquest idioma i si fem clic sobre ell, iniciarem l’edició d’eixa traducció.

Si en comptes d’un llapis, hi ha un +, indica que no hi ha traducció en eixe idioma per al nostre contingut.

Ocultar blocs i programar la seua visibilitat

Si vols ocultar alguna part del teu contingut (un o diversos blocs) temporalment, de manera que no siguen visibles per als visitants, pots fer-ho amb la nova funcionalitat de “visibilitat” que trobaràs en la configuració de qualsevol bloc.

1.-Opcions de configuració

  • Sempre visible: És l’opció per defecte. El bloc es mostra normalment.
  • Sempre ocult: Si selecciones esta opció, el bloc no es visualitzarà en el contingut.
  • Programat: Permet establir un interval temporal en què es visualitzarà el contingut (Data i hora d’inici, data i hora de fi). És important tindre en compte que la cau de Portaledu pot interferir en este horari. Simplificant l’explicació, l’horari programat pot patir un retard de fins a 30 minuts, tant en el seu moment d’inici, com en el seu moment de fi. Si desitges que el contingut es mostre exactament a una hora concreta, has de gestionar la visibilitat manualment, utilitzant les opcions de sempre visible o sempre ocult i polsant el botó de guardar la pàgina o entrada.

2.-Ocultar diversos blocs

No hi ha límit en el nombre de blocs a ocultar. Cada bloc té la seua pròpia configuració de visibilitat i es pot configurar de manera independent de la resta.

Si desitges ocultar diversos blocs de contingut simultàniament pot ser bona idea agrupar-los en un contenidor.

Generateblocks: element contenidor

3.-Efecte de la cau sobre l’horari programat

Perquè tots els sites de Portaledu tinguen un bon rendiment i es puga afrontar l’elevada càrrega de visites al nostre portal, tenim desplegat un servidor de memòria cau que despatxa els continguts prèviament sol·licitats i processats pel servidor d’aplicacions. Això alleuja la càrrega dels servidors principals. Normalment este sistema és transparent i no afecta als usuaris perquè, cada vegada que un editor actualitza (guarda) un post, s’indica al servidor de cau que el contingut s’ha de refrescar, és a dir, s’invalida la cau.

Però en este cas d’esdeveniments programats, és important tindre en compte que la cau de Portaledu pot interferir en l’horari. Simplificant l’explicació, l’horari programat pot patir un retard de fins a 30 minuts, tant en el seu moment d’inici, com en el seu moment de fi. Si desitges que el contingut es mostre exactament a una hora concreta, has de gestionar la visibilitat manualment, utilitzant les opcions de sempre visible o sempre ocult i polsant el botó de guardar la pàgina o entrada. O bé mantindre la programació, però donar-li al botó de guardar l’entrada just quan desitges que el canvi es transmeta als visitants, ja que el guardat invalida la cau.

4.-Recomanacions sobre l’ocultació de blocs

Et recomanem que no deixes blocs permanentment ocults “per si de cas”, ja que estos blocs sense ús ocupen recursos del sistema i perjudiquen el rendiment de l’aplicació, alentixen l’edició del contingut, etc.

Si vols guardar un o diversos blocs que no vages a utilitzar ara, recomanem copiar-los i pegar-los en algun contingut que pot fins i tot estar en esborrany (no publicat).

Copia i pega blocs entre diferents continguts

Vista de llista de blocs en gutenberg

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 de WordPress. Encara que a simple vista Gutenberg funciona de forma molt visual —fent clic sobre cada bloc directament en el llenç—, la vista de llista oferix una forma alternativa, més precisa i eficient de treballar amb continguts complexos.

La vista de llista és un panell lateral que mostra tots els blocs del contingut en forma d’estructura jeràrquica, com si fora un arbre.

Permet visualitzar:

  • Quins blocs conté cada secció
  • Els blocs niats dins d’uns altres (columnes, contenidors, files…)
  • L’estructura real del document

És especialment útil quan la teua pàgina:

  • Té molts blocs
  • Inclou maquetacions complexes
  • Usa contenidors niats
  • Treballa amb blocs que visualment són difícils de seleccionar

Pots obrir-la des de la icona amb forma de llista en la barra superior de l’editor.

Edició del post - Botó resum del document
En edició del post: Botó Resum del Document

Edició del post - Vista de llistes
En edició del post: Vista de llista

2.-Utilitat de la vista de llista de blocs

1. Selecció precisa de blocs

A vegades seleccionar un bloc concret en el llenç és complicat, especialment si està dins de diversos nivells d’implantació.
En la vista de llista només has de fer clic en el seu nom.

2. Comprensió visual de l’estructura

Quan treballes amb contenidors, columnes o seccions complexes, veure la jerarquia t’ajuda a entendre millor:

  • Què depén de què
  • Si un bloc està dins o fora del contenidor correcte
  • Com està organitzat realment el contingut

3. Més rapidesa en editar

Editar noms, moure blocs, duplicar o reorganitzar és molt més ràpid ací que usant només el llenç.

3.-Arrossegar i moure blocs des de la vista de llista

En la vista de llista pots arrossegar un bloc i soltar-lo en un altre lloc.
No sols pots reordenar-los dins del mateix nivell, sinó també moure’ls entre diferents nivells d’implantació, alguna cosa que en el llenç sol resultar incòmode.

Com funciona l’arrossegament?

  • Fes clic en el bloc que vulgues moure.
  • Mantín polsat i arrossega a la posició on vols col·locar-lo.
  • Veuràs una línia blava que indica on se soltarà.

El sistema és especialment útil quan:

  • Una pàgina té desenes de blocs
  • Els blocs tenen poc contingut visual (espaiadors, contenidors buits…)

Pots seleccionar diversos blocs utilitzant la tecla MAJÚSCULES + CLIC esquerre del ratolí.

4.-Opcions sobre cada bloc

Si fas clic sobre els tres punts verticals, a la dreta de qualsevol bloc, observaràs que emergix un menú contextual on s’oferixen diferents accions com: Copiar, Duplicar, Afegir abans, Afegir després, Eliminar…

5.-Agrupar blocs dins d’un contenidor

Una de les accions més interessants és arrossegar diversos blocs dins d’un contenidor, com el que incorpora Portaledu, de GenerateBlocks.

Què aporta això?

✔ Reorganització instantània

Passa contingut solt a un contenidor sense haver de tallar i pegar.

✔ Control total sobre el disseny

Tot el que està dins del contenidor pot:

  • Compartir estils comuns
  • Tindre un fons comú
  • Convertir-se en una secció reutilitzable

✔ Neteja estructural

La vista de llista et permet verificar que el bloc està realment dins del contenidor correcte —una cosa que visualment, a vegades,no és evident.

6.-Copiar i pegar blocs

Copia i pega blocs entre diferents continguts

Avís de privacitat

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.

Veure política de cookies