Guías/Crear contenido/Diseño/Alineación de botones en tu sitio

Alineación de botones en tu sitio

Personaliza la alineación y la posición de los botones en tu sitio. En esta guía, aprenderás a alinear los botones y a configurar el ancho de botones concretos.

Alineación de botones

Puedes configurar el ancho y la posición de los botones dentro del bloque Botones. Sigue estos pasos para alinear los botones de tu sitio:

  1. Utiliza la opción Vista de lista para seleccionar el bloque Botones.
La «Vista de lista» abierta y el «bloque Botones» resaltado.
  1. En la barra de herramientas que aparece, elige una de las siguientes opciones de alineación:
    • Alineación: configura el ancho máximo del contenedor de botones.
    • Justificación: alinea botones individuales a la izquierda, al centro o a la derecha, o posiciónalos espaciados uniformemente dentro del bloque Botones.
    • Alineación vertical: alinea los botones hacia la parte superior, central o inferior, o estíralos para rellenar el bloque Botones.
Las opciones de alineación en la barra de herramientas del bloque Botones.
  1. En la barra lateral de ajustes del bloque de la derecha, selecciona:
    • Orientación: muestra los botones unos juntos a los otros (horizontal) o apilados (vertical).
    • Permitir el ajuste a varias líneas: activa esta opción para ajustar los botones a varias líneas cuando el espacio es limitado (como en dispositivos móviles).  
La barra lateral de ajustes del bloque Botones abierta y la sección «Diseño» resaltada.

Configuración del ancho de un botón

Sigue estos pasos para definir el ancho de un botón concreto:

  1. Utiliza la Vista de lista para seleccionar un botón concreto dentro del bloque Botones.
La Vista de lista de un editor de páginas abierta, con una flecha que apunta desde el icono de vista de lista a la lista de bloques de botones.
  1. En la barra lateral de ajustes del bloque de la derecha, elige un ancho del 25 %, 50 %, 75 % o 100 % para el contenedor del bloque Botones .
Ajustes de la barra lateral de un botón individual con las opciones de «Ancho» resaltadas.

Restablecimiento del ancho de un botón

  1. Utiliza la Vista de lista para seleccionar un botón concreto dentro del bloque Botones.
La Vista de lista de un editor de páginas abierta, con una flecha que apunta desde el icono de vista de lista a la lista de bloques de botones.
  1. En la barra lateral de ajustes del bloque de la derecha, selecciona el icono de Opciones de ajustes ().
  2. Haz clic en Restablecer junto a la opción Ancho.
La barra lateral de ajustes del botón abierta con la opción «Restablecer» el ancho.
Copied to clipboard!