ALTRES BLOCS

Categoria per a altres blocs destacats de Portaledu.

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.

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.

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!

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

Bloc modal (contingut emergent)

En esta entrada veurem com utilitzar el bloc modal. Este bloc ens permet mostrar contingut en una finestra modal, que se superposa al contingut que estem veient. La finestra emergix quan fem clic sobre un element configurat per a aquesta acció. Podeu veure un exemple en el botó següent:

Horari Escolar

Podem configurar com a elements “disparadors” de les finestres modals:

  • Qualsevol text (titular o paràgraf complets)
  • Botó
  • Imatge

Vol dir això que en fer clic sobre algun d’eixos tipus de blocs, podem fer que es mostre contingut en una finestra modal. Anem a veure-ho pas a pas:

1-Afegim un bloc modal

Després d’afegir el bloc, ens apareixerà en el contingut un bloc amb aquest aspecte:

2-Afegim contingut al bloc modal

En aquest pas, afegirem el contingut que desitgem mostrar en la finestra modal.

En fer clic sobre qualsevol part del bloc modal, aquest s’obrirà en edició:

Vista del bloc modal en edició (contingut)
Vista de la barra lateral dreta (configuració del bloc)

Dins del contingut modal podem afegir blocs de gutenberg (imatges, text, taules…), igual que ho fem en qualsevol pàgina o post.

En este exemple, inclourem un titular i una taula amb un horari escolar:

Per a guardar el contingut del bloc modal, simplement premem el botó d’actualitzar o guardar la pàgina o post.

Per a tornar a editar la resta de blocs de la nostra entrada, simplement tanquem el bloc modal amb la “X” de la part superior dreta del bloc.

3-Posem títol i altres configuracions

En la barra lateral dreta tenim les opcions de configuració del bloc modal, com ara:

  • Etiqueta del modal: És el nom que posarem al nostre modal. Serà útil si tenim diferents modals dins d’una mateixa entrada, per a poder distingir-los.
  • Ample: Es pot indicar una amplada per a la finestra modal (en píxels)
  • Mostrar botó de tancament: Opció de mostrar la X per a tancar o no (igualment la finestra modal es tanca en fer clic fora d’ella)
  • Mostrar modal en carregar la pàgina: Opció per a mostrar la finestra modal sense necessitat que l’usuari clique en cap element.

Configuració d’estils

En la configuració d’estils, també en la barra lateral dreta, podem configurar diferents opcions de colors i tamany de lletra, a destacar:

  • Text: Color del text de la finestra modal.
  • Fons: Color de fons de la finestra modal.
  • Fons de superposició: Podem configurar una capa de color sobre la qual es mostrarà la finestra modal.
  • Icona de tancament: Color de la “X” de tancament.
  • Fons icona de tancament: Color de fons de la “X” de tancament.

4-Configuració de l’element disparador de la finestra modal

Ara seleccionarem el bloc que ha de disparar que es mostre la finestra modal. Com hem dit, pot ser un paràgraf, un botó, etc.

Una vegada seleccionat, mirarem en la barra lateral dreta, baix del tot, la secció Avançat

Activarem l’interruptor de Mostrar modal en fer clic i seleccionarem el bloc modal que desitgem.

Guardem el nostre post i ja podem comprovar el funcionament del contingut modal en el front.

Ací teniu diversos exemples de finestres modals i diferents elements disparadors:

Horari Escolar

Fes clic ací

Imatge autobús escolar groc

Animació de blocs

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.

Logo Portaledu

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 lloc, seleccionem la part del text que volem animar; pot ser tota la frase o paràgraf o bé només una o diverses paraules.

En segon lloc, despleguem el menú de la barra de ferramentes del bloc, la fletxeta, on seleccionarem l’opció d’Animació d’escriptura. En fer-ho, podrem seleccionar un temps de retard d’inici i una velocitat per a l’animació.

Guardem l’entrada i la previsualitzem per a veure com ha quedat. Veurem un efecte de tecleig, anirà apareixent el text al qual hem aplicat l’animació.

En el mateix desplegable podem configurar una Animació de comptador, disponible només per a números:

67

2.-Animació d’imatges o altres blocs

En la majoria de blocs de gutenberg, com per exemple, en qualsevol bloc d’imatge, en la columna d’ajustos de la dreta, apareix una secció d’Animacions :

Secció animacions en bloc imatge

En el menú desplegable d’opcions d’animació, en trobarem una gran varietat. Una vegada hàgem seleccionat alguna, ens apareixeran nous ajustos, a saber, el retard d’inici i la velocitat de l’animació.

Reproduir en passar el cursor: S’oferix un ajust perquè l’animació s’execute (una vegada) en passar el ratolí sobre l’element. Hem de tindre en compte que si activem esta opció, l’animació s’executarà només quan li passem el punter del ratolí per damunt.

A més, el botó de Reproduir l’animació ens permet comprovar l’animació configurada per a eixe bloc. Podem comprovar l’efecte en esta imatge:

Docent científica
Toca o passa el cursor per a animar (només una vegada)

3.-Animació d’un bloc contenidor (animacions encastades)

Com sabeu, el bloc contenidor s’utilitza per a agrupar blocs i ajustar de manera conjunta uns certs aspectes de la seua aparença (color de fons o imatge de fons, màrgens, espaiat, contorn…). En este cas, podem introduir en un bloc contenidor diferents blocs com a botons, text, imatges i configurar animacions tant per al contenidor, com per als subblocs. Vegem-ho amb un exemple:

Llistat de material escolar

Consulta

Si vols saber com s’ha fet este bloc contenidor, tret de les animacions, Bloc contenidor: exemple 1 – Portaledu

4.-Configuració del sistema operatiu per a habilitar/deshabilitar animacions

Per motius d’accessibilitat, les animacions web es poden deshabilitar per tal de facilitar la lectura de les pàgines web. Esta configuració es troba habitualment en el sistema operatiu. Els navegadors respecten habitualment les configuracions d’accessibilitat del sistema operatiu, com ara la de “Reduir moviment“.

En el cas de Windows, trobarem esta opció en Configuració –> Accessibilitat –> Efectes visuals –> Efectes d’animació

Icones SVG en HTML

1-Disponible per als blocs Titular i Botó

Els blocs botó i titular de generateblocks permeten la utilització d’icones SVG. En este post aprendrem a utilitzar-les.

Imatge exemple ús d'icones en botons
Imatge exemple d’ús d’icones en botons

En primer lloc, afegirem des de l’editor un dels dos blocs esmentats, que són els que permeten inserció de textos i icones svg

Utilitzarem, per exemple, un bloc Titular:

Podem escriure el text que desitgem.

2-Configurem la icona SVG

Després, en la configuració del bloc, podem identificar una secció on es definirà la icona SVG. S’aprecien tres subseccions:

  • Icona SVG HTML: Ací pegarem el codi SVG quan l’hàgem obtingut externament.
  • General: Disposem d’alguns SVG genèrics
  • Social: Disposem d’alguns SVG relacionats amb xarxes socials

3-Ús de repositoris externs de SVG

Si no trobem cap icona de les disponibles que ens encaixe, podem obtindre més icones de diferents temàtiques en algun repositori extern com SVG Repo – Free SVG Vectors and Icons

En el repositori indicat, podem buscar entre un gran nombre d’icones.

Quan seleccionem una, és important fixar-se en el tipus de llicència, que ens indicarà si hi ha algun tipus de restricció en el seu ús, per exemple, triarem esta icona amb llicència de domini públic.

A continuació, editem el vector i utilitzem l’opció de Copiar SVG

Tal com es veu en la captura, podeu editar certs paràmetres si us interessa, abans de copiar.

Ara peguem en la nostra secció d’Icona, en la configuració del bloc titular. Una vegada pegat el codi, es previsualiza la icona justa davall.

A més, també es visualitza la icona en el nostre bloc titular:

4-Últims ajustos: color de farciment de la icona i tamany

Depenent del codi de la icona que hàgem obtingut, pot ser necessari configurar el color. En este cas, observem que en el bloc es visualitza completament negre, incloent-hi el farciment. Això no és el que volíem. Perquè es visualitze tal com volem, amb el farciment blanc, simplement ajustarem, també en els ajustos del bloc, el color de la icona:

Immediatament, comprovarem que la icona es visualitza amb el farciment blanc, tal com volíem:

Este és un bloc titular, amb text i amb icona SVG

També podeu canviar el tamany de la icona, independentment del tamany del text, des de la configuració del bloc:

5-Altra opció: descarregar el svg com a fitxer

Des del repositori de svg, podem també exportar la icona a un fitxer svg. Este fitxer podrem després pujar-lo a la mediateca i utilitzar-lo amb un bloc d’imatge. Esta opció és la recomanada quan el codi svg en HTML no funciona bé en WordPress. De vegades, WordPress pot filtrar per seguretat alguna de les etiquetes del codi, produint que no es visualitze bé la icona.

SVG opció exportar en svg repo

Bloc fitxer per a visualitzar PDF

Observació: Anteriorment s’ha estat utilitzant el bloc PDF Embedder però es recomana la utilització del bloc Fitxer, estàndard de WordPress, que ha evolucionat i té ara una millor funcionalitat.

La millor forma per a compartir, visualitzar i oferir la descàrrega d’un fitxer PDF en Portaledu és la utilització del bloc Fitxer. T’expliquem com utilitzar-lo en este post.

El bloc “Fitxer” de WordPress permet incrustar un enllaç de descàrrega per a diferents tipus d’arxiu, directament en el teu contingut. A més, en el cas de fitxers pdf, el bloc carrega un visor que mostra el fitxer amb un iframe.

Bloc fitxer per a visualitzar PDF – PortaleduBaixar


En la següent imatge es mostra l’ús d’este bloc per a diferents tipus de fitxer:

  • ZIP i JPG: Tant quatre_escales_matemàtiques.zip com paisaje04.jpg (1) són mostrats pel seu nom seguits d’un botó de descàrrega.
  • PDF: Mentres que per al cas del fitxer loren-ipsun.pdf el navegador mostra el seu contingut en el visor, a més de l’opció de descàrrega. (2)

Per a utilitzar-lo, buscarem “Fitxer” en el llistat de blocs.

Una vegada afegit el bloc a la pàgina, només cal triar l’arxiu pdf que volem mostrar, bé pujant-ho directament, bé seleccionant-lo des de la mediateca.

Nou bloc de galeria d’imatges

Hem incorporat a Portaledu un nou bloc de galeria d’imatges, amb funcionalitat millorada per a la disposició i visualització de les imatges. Observa este exemple!

Quadern
Quadern
Rellotge
Rellotge
Autobús
Autobús
Telèfon
Telèfon

Fins ara, l’editor estàndard en Portaledu disposàvem de dos blocs de galeria que venen de sèrie amb WordPress i amb el nostre plugin de carpetes (Real Media Library)

-Galeria

-Real Media Gallery

Ara hem incorporat un bloc anomenat Galeria d’Imatges que permet una major configuració, adaptació responsiva i presentació d’imatges.

1-Selecciona el bloc Galeria d’Imatges:

2-Una vegada inserit el bloc, polsem sobre el botó de Seleccionar imatges. Podem utilitzar dreceres com CTRL+clic o MAY+clic per a seleccionar simultàniament diverses imatges de la mediateca.

3-Una vegada triades les imatges, podem editar les llegendes d’estes, en cas que vulguem mostrar-les en la galeria. Si no desitgem mostrar les llegendes, podem fer clic directament sobre el botó d’Inserir una galeria.

4-Després d’afegir la galeria, podrem modificar diferents configuracions de visualització, des de les opcions de la dreta:

Configuracions disponibles:

  • Nombre de columnes
  • Disposició (Uniforme, Masonry – Mosaic, s’adapta a les diferents grandàries i proporcions)
  • Relació d’aspecte (diferents relacions d’aspecte per a la configuració uniforme)
  • Espaiat entre imatges
  • Mostrar llegendes

5-Est seria l’aspecte en visualitzar:

6-En fer clic sobre qualsevol imatge, s’accedix al mode presentació, en què es pot anar passant d’una imatge a una altra amb les fletxes

Salt: plug-in per a traduir automàticament

Recorda: Per a qualsevol entrada o pàgina feta amb l’editor estàndard.

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 (Text, imatges i blocs en general)
  • Taxonomies
    • Categories
    • Etiquetes

Funcionament

Partirem d’un contingut (entrada o pàgina) creat en un idioma (valencià o castellà), ha d’haver sigut guardat prèviament. Quan editem eixe contingut, 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, si no hem guardat tots els canvis en l’idioma original, els canvis no guardats es perdrien, a més de no ser traduïts.

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

Atenció: Si ja existix una traducció prèvia del contingut, és a dir, si la nostra entrada o pàgina té ja associada una entrada o pàgina en l’idioma de destí, aquesta se sobreescriurà.

A tindre en compte

  • Les taxonomies (tant categories com etiquetes), queden configurades amb els parells de traducció de les taxonomies originals. Quan les taxonomies originals no tinguen traducció, es crearà una traducció nova d’aquestes.
  • Si hem assignat una imatge destacada a la nostra entrada original, l’entrada traduïda tindrà la mateixa imatge destacada. Podem canviar-la en l’entrada traduïda si ho considerem convenient.
  • Hi ha alguns blocs de contingut dinàmic, per exemple carrusels d’entrades o similar, que potser no agarren la categoria traduïda. En estos casos, simplement hem de seleccionar manualment la categoria que corresponga en l’idioma de destí. En tractar-se de blocs dinàmics que mostren entrades per categoria, hauria de ser suficient amb eixa acció. Apareixeran automàticament les entrades categoritzades en l’idioma traduït.

Consell: Revisa sempre les traduccions automàtiques perquè poden contindre errors!

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