Este bloque es el ideal para controlar al 100% la separación entre tus otros bloques de contenido. Además, te ofrece opciones de estilo y color.
Tabla de contenidos
Añade espacio a tus bloques
En los bloques de Atomic Blocks, como en los nativos de Gutenberg, hay 3 formas de insertarlos:
- Con el icono +
de la barra de herramientas superior. - Escribiendo / y el nombre del bloque, en este caso , Spacer , el que tiene el icono con dos flechas, una apuntando arriba y la otra apuntado abajo, separados por una línea dentro de una especie de bloque.
- Y la tercera forma, es pulsando el icono del bloque y buscando por el nombre.
de la barra de herramientas superior.
del bloque y buscando por el nombre.Opciones del bloque espaciador o de división
El aspecto al insertar el bloque es parecido a el siguiente:
A simple vista no es algo demasiado sofisticado, pero es tremendamente sencillo y eficiente. Simplemente con el ratón sobre el punto negro central debes arrastrar y ajustar el tamaño del espacio deseado.
Opciones extra del bloque
En el panel lateral puedes ajustar la altura del espaciador por medio de una barra y controlando la cantidad de píxeles. Además, puedes convertir tu espacio en blanco en un divisor. Simplemente activa «Add Divider«, con lo que te aparecerá opciones extra.
Al activar «Add Divider» aparecen las opciones de estilo de divisor (solid, dashed, dothed) , su altura (de 1 a 5 píxeles) y el color de dicho divisor.
Opciones Responsive del bloque espaciador o divisor
Como no, el bloque de espacidado también puedes ocultarlo en las versiones mobile o tablet. O al revés, mostrarlo en las versiones portátiles y en escritorio ocultarlo. Todo ello gracias al plugin de complemento EditorsKit.
Opciones avanzadas del bloque espaciador o divisor
Y no podían faltas las opciones avanzadas para este simple pero efectivo bloque. Añade una clase para controlar los estilos al 100% o ocultaselo a los usuarios que estén o no registrados.
Ejemplos de la opciones de divisor del bloque
Y hasta aquí el artículo de hoy…
Si te ha gustado o te ha aclarado conceptos el contenido de este artículo compártelo en redes sociales para que pueda crecer, ¡Muchas gracias!
Deja una respuesta