Ir directamente al contenido
Español
  • No hay sugerencias porque el campo de búsqueda está vacío.

Bloques de diseño

Mejora la apariencia de tu contenido con elementos visuales como separadores, botones ¡y mucho más!

Bloque de botones

El bloque de botones te permite crear botones que enlacen a otros contenidos. Para agregar texto a un botón, haz clic sobre él y escribe el texto deseado. Para agregar un enlace, haz clic en el ícono de enlace (Link) en la barra de herramientas del bloque e introduce la URL correspondiente.

Puedes insertar varios botones dentro de un mismo bloque haciendo clic en el ícono Agregar botón ( + ) junto al primero.

Para cambiar la disposición de los botones de horizontal a vertical, selecciona el contenedor principal del bloque (no un botón individual) y encontrarás la opción para modificar el diseño en la barra lateral de configuración.

En la barra lateral de cada botón individual, puedes:

  • Cambiar el estilo del botón (Relleno o Contorno).
  • Modificar el color del botón y el color del texto.
  • Establecer un estilo predeterminado para los próximos botones que agregues.
  • Ajustar el radio de las esquinas (para esquinas cuadradas, configúralo en 0).
  • Configurar el enlace para que se abra en una nueva pestaña.
  • Configurar el botón para que active un modal de Pelcro (Suscribirse, Iniciar sesión o Registrarse).

Enlaces internos dentro de páginas o publicaciones

Puedes usar botones para dirigir a las personas lectoras a otra sección de la misma página o publicación. Para hacerlo:

  1. Agrega un ancla: selecciona un bloque (por ejemplo, un separador o párrafo) y, en la barra lateral derecha, desplázate a la sección Avanzado > Ancla HTML.
  2. Escribe el texto del ancla, por ejemplo: leccion-3.
  3. Luego, selecciona el botón y agrega un enlace que comience con #, por ejemplo: #leccion-3.

Bloque de columnas

El bloque de columnas te permite crear una fila con varias columnas. Al agregarlo, se te pedirá elegir un diseño. Si omites este paso, se crearán dos columnas predeterminadas de 50% de ancho cada una. Después, podrás agregar o arrastrar otros bloques dentro de ellas.

Mientras una columna está seleccionada, puedes ajustar su ancho desde la barra lateral.

En la barra lateral del contenedor principal del bloque, también puedes:

  • Cambiar el color del texto y el color de fondo.
  • Modificar la cantidad de columnas del bloque.

Bloque de grupo

El bloque de grupo te permite agrupar varios bloques en un solo contenedor.

Una vez creado, puedes añadir otros tipos de bloques dentro de él.

En la barra lateral del contenedor del grupo puedes:

  • Cambiar el color del texto.
  • Cambiar el color de fondo o aplicar un patrón (sólido o degradado).

Si tienes dificultades para seleccionar un bloque dentro de un grupo con varios niveles anidados (por ejemplo, una imagen dentro de una columna dentro de un grupo), utiliza la navegación de bloques que aparece en la parte inferior de la página. Las rutas de navegación aparecen siempre que tiene un bloque seleccionado y enumeran todos los bloques principales del bloque seleccionado.

Bloque reutilizable

Si planeas usar un mismo grupo de bloques varias veces, puedes convertirlo en un bloque reutilizable.

  1. Selecciona el bloque de grupo que deseas reutilizar.
  2. Haz clic en los tres puntos del menú de la barra de herramientas.
  3. Selecciona Agregar a bloques reutilizables.
  4. Asigna un nombre al bloque.
  5. Haz clic en Publicar y luego en Guardar.

Para agregar un bloque reutilizable existente, haz clic en el ícono + Insertar bloque, selecciona la pestaña Reutilizable, y elige el bloque que deseas insertar en tu publicación o página.

Bloque “Leer más”

El bloque More te permite configurar un extracto de texto para tu publicación.

En algunas páginas de archivo que muestran listas de publicaciones, se visualizará un resumen junto con un enlace tipo Leer más… que lleva al artículo completo. Al insertar este bloque, todo el texto anterior a él formará parte del extracto. Solo puedes insertar uno de estos bloques por página o publicación. Para cambiar el texto del enlace, haz clic sobre él dentro del bloque y escribe el texto que prefieras.

En la barra lateral puedes elegir si deseas mostrar u ocultar el extracto completo en la página del artículo.

Bloque separador

El bloque separador permite crear una línea horizontal que separa el texto. Los separadores se colocan entre otros bloques para representar una división temática en el contenido.


En la barra lateral puedes:

  • Cambiar el estilo del separador (Predeterminado, Línea ancha o Puntos).
  • Cambiar el color de la línea.
  • Establecer un estilo predeterminado para futuros separadores.

Bloque de espacio

El bloque de espacio te permite agregar espacio en blanco entre bloques.

Puedes ajustar la altura del espacio arrastrando el punto azul en la parte inferior del bloque o usando el control deslizante en la barra lateral.