Horario semanal (5.º)
| 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 |
Día de la ciencia
Ventana modal con colorcitos
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:
- 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:
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:
Haz clic aquí
