Cambiar el tamaño de los bloques

Cambia los bloques de contenido de tu sitio para que sean más grandes o más pequeños.

Última actualización: 16 de junio de 2024

Cambia el tamaño de los bloques en cualquier momento para modificar los diseños y mostrar el contenido de nuevas formas. La forma de cambiar el tamaño de los bloques depende del editor, y los diferentes bloques pueden tener un comportamiento de cambio de tamaño diferente. Esta guía revisa algunas formas de cambiar el tamaño de los bloques.

Los ejemplos de esta guía usan una página de diseño, pero puedes añadir y modificar el tamaño de los bloques en muchas áreas distintas de tu sitio. Para obtener ayuda sobre cómo reacomodar bloques en un área de contenidos, visita Cómo mover bloques para personalizar diseños.

Mira el video  

Cambiar el tamaño de bloques en el Editor dinámico

Editor Dinámico es la experiencia de edición más reciente de Squarespace. Es compatible con los sitios de la versión 7.1 en los que puedes agregar secciones de bloques. Si aparece un botón Agregar bloque en la esquina superior izquierda cuando estás editando, esa sección usa Editor Dinámico.

En el Editor dinámico, cambia el tamaño de los bloques directamente en la página haciendo clic y arrastrando:

  1. En la página, haz clic en Editar.
  2. Haz clic en el bloque al que quieres cambiar de tamaño. Para cambiar de tamaño varios bloques al mismo tiempo, haz clic y arrastra en el fondo de la sección para resaltar todos los bloques a los que quieres cambiar de tamaño.
  3. Desplaza el cursor sobre uno de los cuadrados del delineado de un bloque hasta que el cursor se convierta en una flecha, luego haz clic y arrastra para aumentar o disminuir el ancho o la altura del bloque, o ambos.Mantén presionada la tecla o Ctrl mientras arrastra para cambiar el tamaño del bloque simétricamente.Aparece una cuadrícula en el fondo para ayudar a guiar el cambio de tamaño.
  4. Haz clic en el ícono Vista en dispositivo móvil para cambiar el tamaño de los bloques en el diseño móvil. El cambio de tamaño de los bloques en la vista de equipo no cambiará el tamaño de los bloques en el diseño móvil.
  5. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.

Ten en cuenta que el cambio de tamaño puede variar entre los diferentes tipos de bloques. Por ejemplo, puedes cambiar el ancho de un bloque de formulario, pero la única forma de cambiar la altura es agregar o eliminar campos.

Nota

el ajuste de estilo Ancho de página (máximo) puede afectar tu capacidad para cambiar el tamaño de los bloques en el Editor dinámico. Si no puedes cambiar el tamaño de un bloque, prueba cambiar ese valor por un ancho más grande.

Indicadores de cambio de tamaño

Al cambiar el tamaño de un bloque, aparecen indicadores amarillos cuando el bloque tiene el mismo alto, ancho o alto y ancho que otros bloques de la sección. Por ejemplo, si cambias el ancho de una imagen sobre un botón, aparecen indicadores amarillos en la parte superior o en los bordes del botón de ambos bloques cuando el ancho del bloque de imagen coincide con el del bloque de botón. Al cambiar la altura, aparecen indicadores amarillos en el borde izquierdo o derecho cuando las alturas coinciden, y cuando los bloques tienen el mismo ancho y alto, los indicadores delinean todo el bloque.

When_resizing_blocks__indicators_display_when_boxes_match_height__width__or_both.png

When_resizing_blocks__indicators_display_when_boxes_match_height__width__or_both.png

Cambiar de tamaño bloques en el editor clásico

Todos los sitios de la versión 7.0 y lugares específicos de los sitios de la versión 7.1 utilizan nuestro editor clásico en las áreas de contenido de bloques. En el editor clásico, cuando se colocan dos o más bloques uno al lado del otro, se cambian de tamaño uno con respecto al otro. Puedes usarlo para cambiar el tamaño de los bloques.

En particular, los bloques de espacio crean un espacio vacío y es posible modificar su tamaño para agrandar o achicar los bloques circundantes. Por ejemplo, para centrar un bloque en el área de contenido, añade un bloque de espacio a cada lado y, luego, ajusta cada bloque de espacio al mismo tamaño.

Consejo

aparecen líneas negras cuando haces clic y arrastras los bloques. Si la línea guía solo abarca la altura del bloque cuyo tamaño estás modificando, el bloque de espacio solo modificará el tamaño de ese bloque. Si la línea guía abarca toda la altura del área de contenido, crea una columna nueva.

Para cambiar el tamaño con bloques:

  1. Presiona un punto de inserción.
  2. Selecciona Espaciador u otro bloque en el menú de bloques.
  3. Haz clic y arrastra el nuevo bloque al lado del bloque cuyo tamaño quieres modificar.
add_spacer.gif
  1. Posiciona el cursor entre los dos bloques hasta que el cursor te permita modificar el tamaño de la columna; luego haz clic y arrastra para ajustar el tamaño. Cambiará el tamaño de los bloques circundantes y creará más espacio en blanco, en el área de contenido.
centering_with_spacers.gif

Consejo

Para crear diseños más avanzados, ve nuestras guías sobre cómo mover bloques y cómo crear columnas y filas.

Controladores de recorte en el editor clásico

En el editor clásico, puedes cambiar la altura de ciertos bloques con un controlador de recorte para que el contenido pueda cambiar de tamaño sin distorsión. El controlador está disponible en los siguientes bloques:

Para usar la función de recorte, haz clic en el bloque, y, a continuación, presiona y arrastra el círculo que aparece en la parte inferior del bloque.

Consejos para usar los bloques de controlador de recorte:

  • Presiona y mantén presionada la tecla Mayúscula mientras arrastras el controlador de corte para modificar el tamaño de la imagen en incrementos de 20 píxeles. Esto puede permitir alinear la parte inferior de la imagen con otro bloque.
  • En los bloques de imagen, el controlador de recorte solo aparece después de agregar una imagen.
  • Haz doble clic en el controlador de recorte para deshacer el recorte.
  • Tira del controlador hacia abajo para ampliar el bloque.
  • Haz clic y arrastra el controlador de recorte hacia abajo para recortar horizontalmente. En los bloques de imágenes, se ampliará la imagen y se recortará de los costados.
cropping_handle.gif
Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.

Cambiar el tamaño de los bloques