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
| Hora | Lunes | Martes | Miércoles | Jueves | Viernes |
|---|---|---|---|---|---|
| 09:00 – 09:45 | Valenciano | Matemáticas | Conocimiento del medio | Castellano | Matemáticas |
| 09:45 – 10:30 | Matemáticas | Valenciano | Castellano | Matemáticas | Valenciano |
| 10:30 – 11:15 | Castellano | Anglés | Valenciano | Anglés | Educación artística |
| 11:15 – 11:45 | Patio | Patio | Patio | Patio | Patio |
| 11:45 – 12:30 | Educación física | Conocimiento del medio | Matemáticas | Educación artística | Conocimiento del medio |
| 12:30 – 13:15 | Anglés | Educación artística | Educación física | Castellano | Anglés |
| 13:15 – 15:00 | Comedor / Tiempo libre | Comedor / Tiempo libre | Comedor / Tiempo libre | Comedor / Tiempo libre | Comedor / Tiempo libre |
| 15:00 – 15:45 | Tutoría | Valores sociales y cívicos | Proyectos interdisciplinarios | Informática | Taller de lectura |
| 15:45 – 16:30 | Música | Música | Biblioteca | Educación física | Juego cooperativo |
| 16:30 – 16:45 | Recogida / Salida | Recogida / Salida | Recogida / Salida | Recogida / Salida | Recogida / Salida |
Hemos configurado un bloque modal con algunos colores:
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:
Podemos configurar como elementos «disparadores» de las ventanas modales:
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:
Después de añadir el bloque, nos aparecerá en el contenido un bloque con este aspecto:
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:
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.
En la barra lateral derecha tenemos las opciones de configuración del bloque modal, como por ejemplo:
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:
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:
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.
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 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:
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:
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:
Si quieres saber cómo se ha hecho este bloque contenedor, excepto las animaciones, Bloque contenedor: ejemplo 1 – Portaledu
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
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!
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:
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
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.
Se ha establecido como fecha de finalización del plugin Beaver Builder en Portaledu el 31/08/2026.
Se recuerda a aquellos usuarios de Portaledu en los sitios de los cuales esté todavía activo el editor Beaver Builder (también conocido como editor visual), que debéis ir abandonando este editor.
Para identificar los contenidos hechos con el editor visual, solo tenéis que fijaros si en la barra de administración (zona superior) os aparece la opción de edición con Editor Visual:
Desde el escritorio, desde los listados de páginas y de entradas, podemos fácilmente identificar todos los contenidos hechos con el editor visual:
Es necesario que convirtáis al editor estándar las entradas y páginas que queráis conservar. Se trata de una tarea que no puede ser automatizada; por eso se avisa con tiempo suficiente para que la podáis planificar y acometer. A partir de la desinstalación del plugin, los contenidos remanentes hechos con el editor visual dejarán de visualizarse.
Puede ser un buen momento para hacer limpieza de información obsoleta, que continúa en la web por inercia.
En el enlace siguiente encontraréis más información al respecto:
Gutenberg: Editor estándar – Portaledu
En este otro enlace encontraréis ayuda sobre como convertir los contenidos confeccionados con el editor visual en contenidos de bloques estándar:
Conversión de un post de Beaver Builder a Gutenberg – Portaledu
Agradecemos vuestra colaboración.
Se ha actualizado el core de WordPress a la versión 6.6. También se han actualizado la mayoría de plugins que conforman la funcionalidad de Portaledu.
Esta actualización menor incide en un mejor rendimiento del editor Gutenberg. En este caso, viene acompañada de algunas mejoras funcionales para Portaledu.
Podréis consultar algunas de las novedades en los siguientes posts que hemos preparado:
El bloque pestañas nos ayuda a mostrar contenidos organizados en pestañas. Estas pueden estar dispuestas vertical u horizontalmente.
Este bloque permite trabajar de dos formas:
Los contenidos personalizados se confeccionan utilizando bloques estándar de gutenberg!
Selección de los colores del contorno y de las pestañas:
La configuración del plugin nos permite seleccionar ambos colores. El color del texto de las pestañas no es configurable. Cambiará automáticamente de negro a blanco en función del fondo escogido, para favorecer el mejor contraste y legibilidad de los textos.
Podemos ver un ejemplo de bloque de pestañas de tipo «Entradas» a continuación
Portaledu está aumentando las herramientas disponibles en el editor Gutenberg. Dentro de esta serie de bloques que estamos incorporando, presentamos el bloque visor deslizante de entradas.
Este bloque permite seleccionar las entradas de una categoría y visualizarlas en diapositivas, de una en una, de modo circular, realizando una presentación de las mismas y añadiendo así dinamismo a las páginas. De cada entrada se mostrará, a ancho completo del contenedor, la imagen destacada y, opcionalmente, el extracto de la misma.
Resulta ideal para la presentación visual de categorías como noticias u otros temas, ya que el bloque elegirá las últimas entradas de la categoría seleccionada para su presentación. Podemos ver un ejemplo a continuación 👇🏽
Como sabéis, WordPress ofrece una serie de patrones (o plantillas) genéricos que podemos incorporar a…
Leer más1-¿Cómo nos ayudan las categorías en wordpress? Las categorías de WordPress nos permiten agrupar las…
Leer másHemos incorporado a Portaledu el plugin Blocks Animation, que nos permite dotar de efectos animados…
Leer másBloque contenedor con titular y botón En este post aprenderemos a utilizar el bloque contenedor…
Leer másCuando estamos trabajando en contenidos complejos, con muchos bloques, podemos hacerlo más cómodamente ampliando la…
Leer másEl bloque es fácilmente configurable desde el editor, presentando las siguientes opciones:
El bloque acordeón nos ayuda a mostrar contenidos de forma desplegable, permitiendo al lector centrarse inicialmente solamente en los títulos.
Este bloque permite trabajar de dos formas:
Los contenidos personalizados se confeccionan utilizando bloques estándar de gutenberg!
Podemos ver un ejemplo de acordeón de tipo «Entradas» a continuación 👇🏽
El bloque es fácilmente configurable desde el editor, presentando las siguientes opciones en función del tipo de contenido seleccionado:
