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:
- Entradas. Permite seleccionar las entradas de una categoría y visualizar los títulos, dejando el cuerpo o el inicio del cuerpo de la entrada oculto hasta que es desplegado por el usuario al hacer click en el «+» a la derecha del título.
Esta modalidad resulta recomendable para presentar una serie de artículos a modo de formación. - Contenido personalizado. Si se elige contenido personalizado, el componente nos permitirá crear elementos con un título y un contenido que se visualizarán tal y como sucede en el caso de elegir el modelo de entradas. Mostrando el título y ocultando el contenido que puede ser desplegado mediante el botón «+»
Este componente así empleado es muy típico verlo por ejemplo en páginas de FAQs (Frequently Asked Question)
Los contenidos personalizados se confeccionan utilizando bloques estándar de gutenberg!
Podemos ver un ejemplo de acordeón de tipo «Entradas» a continuación 👇🏽
Bloque modal (contenido emergente)
Horario semanal (5.º) HoraLunesMartesMiércolesJuevesViernes09:00 – 09:45ValencianoMatemáticasConocimiento del medioCastellanoMatemáticas09:45 – 10:30MatemáticasValencianoCastellanoMatemáticasValenciano10:30 – 11:15CastellanoAnglésValencianoAnglésEducación artística11:15 – 11:45PatioPatioPatioPatioPatio11:45 – 12:30Educación físicaConocimiento del medioMatemáticasEducación artísticaConocimiento del medio12:30 – 13:15AnglésEducación artísticaEducación físicaCastellanoAnglés13:15 – 15:00Comedor / Tiempo libreComedor / Tiempo libreComedor / Tiempo libreComedor / Tiempo libreComedor / Tiempo libre15:00 – 15:45TutoríaValores sociales y cívicosProyectos interdisciplinariosInformáticaTaller de lectura15:45 – 16:30MúsicaMúsicaBibliotecaEducación físicaJuego cooperativo16:30 – 16:45Recogida / SalidaRecogida
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. En los elementos de texto, como párrafo, titular, encabezado, etc., veremos una nueva opción en el menú contextual de opciones del bloque.
Bloque contenedor: ejemplo 1
Bloque contenedor con titular y botón En este post aprenderemos a utilizar el bloque contenedor para confeccionar un conjunto como el siguiente: Este es un bloque contenedor: Este es un bloque titular Este es un botón En el cual tenemos: Un bloque contenedor padre, que engloba todo el conjunto y que contiene: Una imagen de fondo, así como una capa
Cómo ampliar la zona de contenido visible en el editor de bloques
Cuando estamos trabajando en contenidos complejos, con muchos bloques, podemos hacerlo más cómodamente ampliando la zona de edición. En este ejemplo mostramos un contenido complejo, con muchas columnas, en el que no resulta cómodo trabajar en un área estrecha: Opciones para ampliar la zona de trabajo 1-Reducir el menú de la izquierda En el menú de secciones de la izquierda,
Iconos SVG en HTML
1-Disponible para los bloques Titular y Botón Los bloques botón y titular de generateblocks permiten la utilización de iconos SVG. En este post aprenderemos a utilizarlos. Imagen ejemplo de uso de iconos en botones En primer lugar, añadiremos desde el editor uno de los dos bloques mencionados, que son los que permiten inserción de textos e iconos svg Utilizaremos, por
El bloque es fácilmente configurable desde el editor, presentando las siguientes opciones en función del tipo de contenido seleccionado:
- Tipo de contenido. Permite seleccionar entre Post / Contenido personalizado. Lo cual hará que el bloque acordeón funcione con entradas ya creadas o bien permita crear nuevo contenido.
En función del tipo elegido las opciones del bloque mostradas más abajo variarán. - Categoría. Al elegir una categoría, las entradas pertenecientes a esta, ordenadas descendentemente por fecha de creación, serán seleccionadas para su visualización
- Número de entradas. Número total de entradas seleccionadas para su visualización. Si se deja en su valor por defecto 5, optarán a la visualización las cinco últimas entradas pertenecientes a la categoría elegida.
- Contenido completo. Indica si al visualizar el desplegable se mostrará el contenido completo de la entrada o bien el primer párrafo de esta más un enlace para seguir leyendo.
- Tipo de contenido. Permite seleccionar entre Post / Contenido personalizado. Lo cual hará que el bloque acordeón funcione con entradas ya creadas o permita crear nuevo contenido.
En función del tipo elegido las opciones del bloque mostradas más abajo variarán. - Añadir nuevo elemento. Añade un nuevo bloque al acordeón. El formulario presentado se divide en Título y Cuerpo. En el cuerpo del ítem o elemento, podemos utilizar bloques estándar.
