Desactivación de la traducción de medios (ficheros) en sitios donde esté activa

A raíz de una incompatibilidad detectada entre la traducción de medios y el convertidor/compresor de imágenes, se ha comprobado que algunos sitios web tenían activada esta opción. La traducción de medios sirve para crear parejas de traducciones de imágenes y otros ficheros, estableciendo una relación de idioma entre ellos (versión de la imagen en valenciano, versión en castellano, etc.).

Os informamos que se ha procedido a desactivar esta opción, hecho que resuelve varios problemas. Se trata de un ajuste al cual no tenéis acceso pero que, por algún motivo, se activó anteriormente en algunos sitios web de Portaledu, especialmente durante la fase de pilotaje.

En general, la traducción de medios genera más problemas que beneficios, puesto que provoca:

  • Duplicación innecesaria de contenido: se crean dos o más miniaturas (thumbnails) en la mediateca por cada fichero que se sube.
  • Polylang crea “traducciones” de medios aunque sean idénticos.
  • Cuando se añade una imagen desde un post, esta se asigna solo al idioma de ese post. Si posteriormente se hace una traducción manual, el usuario no encuentra la imagen porque está catalogada en otro idioma, cosa que provoca que el usuario la vuelvo a subir. Esto duplica los ficheros e incrementa el consumo de cuota.

En resumen, esta configuración provoca:

  • Biblioteca de medios duplicada
  • Más complejidad en la gestión

Además, no aporta ningún beneficio cuando el archivo es idéntico. Tampoco es necesario cuando se quieren utilizar archivos en diferentes idiomas, puesto que estos se pueden identificar fácilmente en la mediateca (por ejemplo: menu_val.pdf, menu_cas.pdf).

Este cambio no elimina las duplicaciones de ficheros e imágenes ya existentes, pero sí que evita futuras duplicidades.

Utilización de un alias por seguridad

Desde Portaledu recomendamos la utilización de un alias de usuario, para dificultar la acción de los hackers.

Cualquier aplicativo se ve expuesto cotidianamente a escaneos por parte de usuarios maliciosos, que intentan autenticarse con usuarios reales del portal, probando diferentes contraseñas.

Si bien Portaledu ya implementa diferentes medidas de seguridad al respecto, os sugerimos una buena práctica que podéis aplicar vosotros mismos: Se trata de configurar un alias, de forma que no aparezca vuestro nombre de usuario real en ninguna publicación. Os contamos cómo hacerlo:

Una vez autenticados en Portaledu, podéis acceder a la configuración de vuestro perfil («Edita el perfil») desde la barra de herramientas, arriba a la derecha.

Una vez hayamos accedido a la configuración de nuestro perfil:

  • En el campo «Alias (Sobrenombre)» Escribimos el alias que deseemos usar
  • En el desplegable de «Muestra el nombre públicamente como«, seleccionamos el nuevo alias que acabamos de definir.
  • Guardamos la configuración, abajo con el botón «Actualizar el Perfil»

Tras guardar, ya podemos observar que se muestra nuestro nuevo alias en la barra de herramientas. También se mostrará en cualquier contenido que publiquemos o hayamos publicado en Portaledu.

Los alias no son identificadores únicos. Muchos usuarios pueden utilizar el mismo alias en Portaledu sin inconveniente.

Contador de visitas

El plugin: «Contador de Visitas Matomo» tiene como objetivo poder mostrar el número de visitas que se realizan a nuestros sitios web. Este contador de visitas obtiene la información a partir del sistema de analítica llamado Matomo, que aloja los datos de analítica en los servidores de Conselleria, no dependiendo de terceros.

1.-Inserción del contador mediante bloque de Gutenberg (Novedad marzo 2026)

Además del tradicional widget de Contador, ahora se ha desarrollado un bloque específico para el editor Gutenberg que permite insertar el contador de visitas fácilmente en cualquier página o entrada.

Este nuevo bloque “Contador de visitas” simplifica la integración, ya que no es necesario utilizar shortcodes ni configuraciones adicionales: basta con añadir el bloque desde el editor y colocarlo donde se desee dentro del contenido.


El bloque incluye también opciones básicas de formato. Además, como cualquier otro bloque puede ser insertado dentro de un bloque «Contenedor«, lo que permite adaptar su apariencia de forma sencilla según las necesidades de cada página (alineación, estilos, etc.).

De este modo, se mejora la usabilidad y se facilita la incorporación del contador en los contenidos creados con Gutenberg.


Funcionalidad anterior (se mantiene)

2.-Inserción del contador mediante widget (Solo en zona de widgets)

La forma más sencilla de mostrar las visitas en nuestro sitio sería utilizando un widget de WordPress. Para poder utilizarlo iremos a la sección correspondiente de PortalEdu desde el menú lateral izquierdo : Apariencia –> Widgets. Al acceder aquí se mostrarán en «Widgets Disponibles» el widget en cuestión, llamado : «Contador de visitas» o «Matomo Contador Visitas Widget»

Tan solo debemos elegir en qué sección de nuestra web queremos que se muestre. Además tendremos unas opciones configurables para una mejor personalización. Estas son :

Captura De Pantalla De 2022 01 14 20 18 07
  • Etiqueta: Si queremos mostrar el título o etiqueta en el widget.
  • Con estilo: Si marcamos esta opción se mostrará la cifra del contador premaquetada con una apariencia visual más agradable.
  • El widget se muestra para: Podemos elegir el idioma en el que queremos que se muestre el widget, o bien mostrarlo para todos los idiomas. Esta opción puede ser útil si previamente hemos escrito una etiqueta diferente según el idioma para así personalizar tantos widgets como idiomas tenga nuestro sitio web.

La apariencia si hemos elegido la opción «Con estilo» será similar a esta :

Captura De Pantalla De 2022 01 14 20 27 27

3.-Inserción contador mediante shortcode (cualquier posición)

Si queremos mostrar el contador en cualquier post o página, y no en la zona de widgets, utilizaremos esta opción. Podremos insertar el valor del contador de visitas mediante un shortcode (código de inserción) en la parte de nuestro sitio web que deseemos (cualquier página o contenido). Esta opción permite mostrar el contador en el conjunto de una maquetación más personalizada con nuestros propios colores y/o estilos. El código de este shortcode es:

[contadorvisitas]

La cuenta de visitas es  independiente de la página o entrada en que se muestre; corresponde a las visitas de todo nuestro sitio.

NOTA:

En otros contadores, la cuenta mostrada corresponde al número de páginas vistas. Sin embargo, el contador de visitas de Portaledu mostrará el número de visitas (usuarios que visitan nuestro sitio web). No debe sorprendernos que el número de visitas sea muy inferior al número de páginas vistas.

Breadcrumbs: qué son y cómo activarlos en tu web

Se ha añadido en PortalEdu la posibilidad de utilizar breadcrumbs (migas de pan). Esta funcionalidad permite mostrar al usuario la ruta de navegación dentro de la web.

¿Qué son los breadcrumbs?

Los breadcrumbs son un elemento de navegación que muestra al visitante en qué lugar de la web se encuentra y cómo ha llegado hasta esa página. Se suelen mostrar como una secuencia de enlaces separados por un símbolo, por ejemplo:

Inicio > Noticias > Actividades > Excursión al museo

Cada elemento de la ruta es un enlace que permite volver fácilmente a niveles anteriores de la web.

¿Para qué sirven?

Los breadcrumbs ayudan a:

  • Orientar al usuario dentro de la estructura del sitio.
  • Mejorar la navegación, permitiendo volver a secciones anteriores rápidamente.
  • Facilitar la exploración de contenidos relacionados.
  • Mejorar la experiencia de usuario, especialmente en webs con muchas páginas o categorías.

¿Dónde se muestran?

Cuando están activados, los breadcrumbs aparecen justo encima del título del post o página, mostrando la ruta de navegación hasta ese contenido.

¿Cómo activarlos o desactivarlos?

Puedes activar o desactivar los breadcrumbs desde el panel de administración:

Apariencia → GVA Cabecera y Pie

Dentro de esta pantalla encontrarás un botón On / Off que permite habilitar o deshabilitar esta funcionalidad.

Una vez activados, los breadcrumbs se mostrarán automáticamente en los contenidos del sitio.

¿Cómo se construyen los breadcrumbs?

Los breadcrumbs reflejan la estructura jerárquica de las páginas del sitio.
Si el menú del sitio se ha creado utilizando páginas, cada nivel de esa jerarquía aparecerá como un elemento dentro de los breadcrumbs.

Por ejemplo, si tienes la siguiente estructura de páginas:

  • Inicio
  • Centro
    • Historia
    • Instalaciones
  • Información Académica
    • Calendario Escolar

Si el visitante accede a la página Calendario Escolar, los breadcrumbs se mostrarán así:

Inicio > Información Académica > Calendario Escolar

Cada elemento representa una página superior en la estructura y permite volver fácilmente a ella.

Recomendación

Para que los breadcrumbs funcionen correctamente, es recomendable:

  • Crear los menús utilizando páginas jerárquicas. Más información aquí
  • Organizar las páginas en niveles (página padre y páginas hijas).
  • Mantener una estructura clara del sitio.

De esta forma, los breadcrumbs mostrarán correctamente la ruta de navegación y ayudarán a los visitantes a moverse por la web de forma más intuitiva.

Bloque contenedor animado

Este bloque nos permitirá:

  • Agrupar bloques con fondo animado de imágenes con efectos
  • Mostrar una animación de imágenes con efectos

Este es un bloc titular sobre el contenidor animat

Te mostramos cómo utilizarlo:

1.-Insertamos el bloque

Añadimos el bloque «Contenedor Animado». Nos aparecerá en el lienzo, en forma de rectángulo.

Haciendo clic sobre el +, podemos añadir otros bloques al contenedor, que quedarán agrupados y tendrán el fondo común. En este caso, añadiremos un bloque titular.

Escogeremos un color de texto blanco y un fondo gris con transparencia, de manera que resalte el texto sin tapar las imágenes.

Ajustaremos el formato del titular a nuestro gusto, modificando:

  • Negrita (peso de la fuente)
  • Tamaño de la fuente
  • Color de texto: blanco
  • Color del fondo: gris con transparencia
Bloque Titular: Selección de color con transparencia para el fondo

2.-Ajustamos la altura del contenedor y otras opciones de aspecto

Por defecto, el contenedor se muestra a ancho completo y con una altura mínima. Es importante configurar la altura que deseamos mostrar.

En este caso, hemos ajustado:

  • Altura: 400px
  • Alineación vertical: Centro
  • Alineación horizontal: Centro

3.-Configuración del fondo (animado)

Disponemos de tres opciones:

  • Imagen estática
  • Color sólido
  • Degradado
  • Imagen deslizante

En este ejemplo, elegiremos esta última, ya que las otras opciones las tenemos también en el bloque contenedor de generateblocks.

Al seleccionar la opción de Imagen deslizante en el tipo de fondo nos aparece la opción de crear una galería (selección de imágenes) que se mostrarán dinámicamente en el fondo del contenedor. Podemos elegir también alguno de los efectos de transición que se nos ofrecen.

Una vez seleccionadas de la mediateca las imágenes, pulsaremos el botón «Crear una galería nueva», abajo, a la derecha.

Ahora se nos mostrarán solo las imágenes seleccionadas y pulsaremos el botón: «Insertar una galería»

Una vez insertada la galería, aparecerá en el lienzo nuestro fondo animado con imágenes.

Además, se mostrará una previsualización de las imágenes en el panel derecho de configuración.

Es el momento de probar diferentes efectos de animación para dejar nuestro bloque listo!

¡Nace el ‘Centre en Proves’!

Desde Portaledu presentamos una nueva página web formativa de un centro ficticio creada para aprender, inspirar y mostrar todas las posibilidades que ofrece una web de centro en Portaledu con el editor estándar, que es el ‘Centro en Pruebas!’

Aquí podrás:

💡 Descubrir ejemplos reales de diseño y estructura web
🧭 Acceder a píldoras formativas integradas en cada bloque
🛠️ Conocer trucos y recursos para mejorar la presencia digital de tu centro

Bloque modal (contenido emergente)

En esta entrada veremos como utilizar el bloque modal. Este bloque nos permite mostrar contenido en una ventana modal, que se superpone al contenido que estamos viendo. La ventana emerge al hacer clic sobre un elemento configurado para esta acción. Podéis ver un ejemplo en el botón siguiente:

Horario Escolar

Podemos configurar como elementos «disparadores» de las ventanas modales:

  • Cualquier texto (titular o párrafo completos)
  • Botón
  • Imagen

Quiere decir esto que al hacer clic sobre alguno de esos tipos de bloques, podemos hacer que se muestre contenido en una ventana modal. Vamos a verlo paso a paso:

1-Añadimos un bloque modal

Después de añadir el bloque, nos aparecerá en el contenido un bloque con este aspecto:

2-Añadimos contenido al bloque modal

En este paso, añadiremos el contenido que deseamos mostrar en la ventana emergente.

Al hacer clic sobre cualquier parte del bloque modal, este se abrirá en edición:

Vista del bloque modal en edición (contenido)
Vista de la barra lateral derecha (configuración del bloque)

Dentro del contenido modal podemos añadir bloques de gutenberg (imágenes, texto, tablas…), igual que lo hacemos en cualquier página o post.

En este ejemplo, incluiremos un titular y una tabla con un horario escolar:

Para guardar el contenido del bloque modal, simplemente pulsamos el botón de actualizar o guardar la página o post.

Para volver a editar el resto de bloques de nuestra entrada, simplemente cerramos el bloque modal con la «X» de la parte superior derecha del bloque.

3-Ponemos título y otras configuraciones

En la barra lateral derecha tenemos las opciones de configuración del bloque modal, como por ejemplo:

  • Etiqueta del modal: Es el nombre que pondremos a nuestro modal. Será útil si tenemos diferentes modales dentro de una misma entrada, para poder distinguirlos.
  • Ancho: Se puede indicar una anchura para la ventana modal (en píxeles)
  • Mostrar botón de cierre: Opción de mostrar la X para cerrar o no (igualmente la ventana modal se cierra al hacer clic fuera de ella)
  • Mostrar modal al cargar la página: Opción para mostrar la ventana modal sin necesidad de que el usuario clique en ningún elemento.

Configuración de estilos

En la configuración de estilos, también en la barra lateral derecha, podemos configurar diferentes opciones de colores y tamaño de letra, a destacar:

  • Texto: Color del texto de la ventana modal.
  • Fondo: Color de fondo de la ventana modal.
  • Fondo de superposición: Podemos configurar una capa de color sobre la cual se mostrará la ventana modal.
  • Icono de cierre: Color de la «X» de cierre.
  • Fondo icono de cierre: Color de fondo de la «X» de cierre.

4-Configuración del elemento disparador de la ventana modal

Ahora seleccionaremos el bloque que ha de disparar que se muestre la ventana modal. Como hemos dicho, puede ser un párrafo, un botón, etc.

Una vez seleccionado, miraremos en la barra lateral derecha, abajo del todo, la sección Avanzado

Activaremos el interruptor de Mostrar modal al hacer clic y seleccionaremos el bloque modal que deseemos.

Guardamos nuestro post y ya podemos comprobar el funcionamiento del contenido modal en el front.

Aquí tenéis varios ejemplos de ventanas modales y diferentes elementos disparadores:

Horario Escolar

Haz clic aquí

Imatge autobús escolar groc

Animación de bloques

Hemos incorporado a Portaledu el plugin Blocks Animation, que nos permite dotar de efectos animados a prácticamente cualquier bloque de Gutenberg. En este post os enseñaremos cómo utilizar esta funcionalidad.

1-Animación de textos. Efecto de escritura o tecleo.

Logo Portaledu

En los elementos de texto, como párrafo, titular, encabezado, etc., veremos una nueva opción en el menú contextual de opciones del bloque. En primer lugar, seleccionamos la parte del texto que queremos animar; puede ser toda la frase o párrafo o bien solo una o varias palabras.

En segundo lugar, desplegamos el menú de la barra de herramientas del bloque, la flechita, donde seleccionaremos la opción de Animación de escritura. Al hacerlo, podremos seleccionar un tiempo de retardo de inicio y una velocidad para la animación.

Guardamos la entrada y la previsualizamos para ver cómo ha quedado. Veremos un efecto de tecleo, irá apareciendo el texto al que hemos aplicado la animación.

En el mismo desplegable podemos configurar una Animación de contador, disponible solo para números:

67

2.-Animación de imágenes u otros bloques

En la mayoría de bloques de gutenberg, como por ejemplo, en cualquier bloque de imagen, en la columna de ajustes de la derecha, aparece una sección de Animaciones:

Secció animacions en bloc imatge

En el menú desplegable de opciones de animación, encontraremos una gran variedad. Una vez hayamos seleccionado alguna, nos aparecerán nuevos ajustes, a saber, el retardo de inicio y la velocidad de la animación.

Reproducir al pasar el cursor: Se ofrece un ajuste para que la animación se ejecute (una vez) al pasar el ratón sobre el elemento. Hemos de tener en cuenta que si activamos esta opción, la animación se ejecutará solamente cuando pasemos el puntero del ratón por encima.

Además, el botón de Reproducir la animación nos permite comprobar la animación configurada para ese bloque. Podemos comprobar el efecto en esta imagen:

Docent científica
Toca o pasa el cursor para animar (solo una vez)

3.-Animación de un bloque contenedor (animaciones anidadas)

Como sabéis, el bloque contenedor se utiliza para agrupar bloques y ajustar de forma conjunta ciertos aspectos de su apariencia (color de fondo o imagen de fondo, márgenes, espaciado, contorno…). En este caso, podemos introducir en un bloque contenedor diferentes bloques como botones, texto, imágenes y configurar animaciones tanto para el contenedor, como para los subbloques. Veámoslo con un ejemplo:

Listado de material escolar

Consulta

Si quieres saber cómo se ha hecho este bloque contenedor, excepto las animaciones, Bloque contenedor: ejemplo 1 – Portaledu

4.-Configuración del sistema operativo para habilitar/deshabilitar animaciones

Por motivos de accesibilidad, las animaciones web se pueden deshabilitar para facilitar la lectura de las páginas web. Esta configuración se encuentra habitualmente en el sistema operativo. Los navegadores respetan habitualmente las configuraciones de accesibilidad del sistema operativo, como por ejemplo la de «Reducir movimiento».

En el caso de Windows, encontraremos esta opción en Configuración –> Accesibilidad –> Efectos visuales –> Efectos de animación

Nuevo bloque de galería de imágenes

Hemos incorporado a Portaledu un nuevo bloque de galería de imágenes, con funcionalidad mejorada para la disposición y visualización de las imágenes. Observa este ejemplo!

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

Hasta ahora, el editor estándar en Portaledu disponíamos de dos bloques de galería que vienen de serie con WordPress y con nuestro plugin de carpetas (Real Media Library)

-Galería

-Real Media Gallery

Ahora hemos incorporado un bloque llamado Galería de Imágenes que permite una mayor configuración, adaptación responsiva y pase de imágenes.

1-Selecciona el bloque Galería de Imágenes:

2-Una vez insertado el bloque, pulsamos sobre el botón de Seleccionar imágenes. Podemos utilizar atajos como CTRL+clic o MAY+clic para seleccionar simultáneamente varias imágenes de la mediateca.

3-Una vez escogidas las imágenes, podemos editar las leyendas de las mismas, en caso de que queramos mostrarlas en la galería. Si no deseamos mostrar las leyendas, podemos hacer clic directamente sobre el botón de Insertar una galería.

4-Después de añadir la galería, podremos modificar diferentes configuraciones de visualización, desde las opciones de la derecha:

Configuraciones disponibles:

  • Número de columnas
  • Disposición (Uniforme, Masonry – Mosaico, se adapta a los diferentes tamaños y proporciones)
  • Relación de aspecto (diferentes relaciones de aspecto para la configuración uniforme)
  • Espaciado entre imágenes
  • Mostrar leyendas

5-Este sería el aspecto al visualizar:

6-Al hacer clic sobre cualquier imagen, se accede al modo presentación, en que se puede ir pasando de una imagen a otra con las flechas

Fecha del último login

Para aumentar la seguridad de Portaledu, ahora se muestra la fecha y la hora del anterior login del usuario.

Se puede observar fácilmente en la barra superior de administración:

En vista móvil, para no reducir el espacio útil, se nos mostrará solamente en el escritorio, en un widget:

Con esta información, los usuarios pueden fácilmente comprobar si ha habido un acceso no autorizado a su cuenta.

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