Cambios en el ancho del contenido

En el editor de WordPress, puedes ajustar el ancho con el que se mostrará el contenido (imágenes, texto, etc.) en la página. En esta guía, se presentan las opciones y se explica cómo configurar el ancho del contenido de tu sitio.

Cada tema de bloques tiene un ancho de contenido predeterminado, que ajusta el ancho con el que aparecen el texto y las imágenes en la página. Los tamaños posibles son los siguientes:

• Contenido (o «Ninguno»): configura el ancho de los bloques al ancho predeterminado del área de contenido.
• Ancho amplio: incrementa el ancho de los bloques (pero no se configuran al ancho completo).
• Ancho completo: configura el bloque para que se ajuste al ancho completo del área disponible.

Cuando editas algunos bloques de contenido (como un bloque Imagen o un bloque Columnas), la opción «Alineación» de la barra de herramientas del bloque que aparece cuando se selecciona un bloque incluye las opciones del ancho del contenido.

No todos los bloques incluyen opciones para el ancho del contenido. Más adelante en esta guía, aprenderás a aplicar opciones de ancho a los bloques que no las tienen por defecto.

Si un bloque de contenido incluye opciones para ajustar el ancho, las encontrarás debajo de la opción «Alineación» de la barra de herramientas del bloque, sobre el bloque de contenido. Para cambiar el ancho de un bloque, sigue estos pasos:

1. En el escritoriode tu sitio, navega hasta el contenido que quieras editar, usando una de estas rutas:
   • Páginas
   • Entradas
   • Apariencia → Editor
2. Añade un bloque de contenido o haz clic en el bloque que contenga el contenido que ya has añadido.
   • También puedes usar la vista de lista para acceder a un bloque específico.
3. En la barra de herramientas del bloque, haz clic en el icono «Alineación»:

4. Elige el ancho correspondiente: ninguno, amplio o completo.
5. Haz clic en el botón «Guardar» para guardar tus cambios.

En el caso de los bloques que no tienen opciones para ajustar el ancho, descubre cómo aplicar opciones de ancho a los bloques que no las tienen por defecto.

Echa un vistazo el siguiente vídeo para aprender a cambiar el ancho de tu contenido. Tras hacer clic en el botón de reproducción, ralentiza o acelera la velocidad del vídeo con los controles de la esquina inferior derecha.

Los bloques Imagen (como el bloque Fondo o el bloque Galería) incluyen opciones de alineación adicionales para la izquierda, el centro o la derecha. Con estas opciones, puedes ajustar el texto alrededor de una imagen.

Algunos bloques no tienen una opción de diseño o todos los ajustes de ancho que se han descrito en esta guía. Por ejemplo, el bloque Párrafo y el bloque HTML Personalizado. Tendrás que agrupar un bloque o una colección de bloques mediante el bloque Grupo para cambiar el ancho del contenido. Sigue estos pasos para configurar cualquier opción de ancho en cualquier bloque:

1. Desde el escritoriode tu sitio, accede a Páginas, Entradas o Apariencia → Editor. 
2. Añade un bloque o una colección de bloques. 
3. Selecciona el bloque y haz clic en los puntos suspensivos (tres puntos) de la barra de herramientas del bloque.
4. Haz clic en la opción «Grupo» para agrupar los bloques (aunque solo sea un bloque).
5. En la nueva barra de herramientas del bloque Grupo que aparece encima del bloque, haz clic en el icono «Alineación»:

6. Elige el ancho correspondiente: ninguno, amplio o completo.
   • También es posible que tengas que desactivar la opción «Los bloques interiores usan el ancho del contenido» (que se describe en la siguiente sección) en los ajustes de la barra lateral del bloque Grupo. Este cambio garantiza que los bloques que se encuentran dentro de un bloque principal utilizan el ancho completo del bloque principal.
7. Haz clic en el botón «Guardar» para guardar tus cambios.

Echa un vistazo al siguiente vídeo para aprender a agrupar bloques y poder aplicar ajustes de ancho al contenido que no tiene la opción por defecto, o a una colección de bloques, en un solo paso. Tras hacer clic en el botón de reproducción, ralentiza o acelera la velocidad del vídeo con los controles de la esquina inferior derecha.

Este ajuste se aplica principalmente a los bloques de diseño, como los bloques Grupo, Fila y Pila. También puedes ver la opción en cualquier otro bloque que se utilice para anidar contenido, como el bloque Fondo o el bloque Columnas. Te permite configurar cómo se comporta el contenido anidado dentro del bloque de diseño.

Por ejemplo, si añades un bloque Columnas y luego añades contenido dentro de las columnas, ese contenido es lo que compone los «bloques interiores».

El ajuste «Los bloques interiores usan el ancho del contenido» se aplica al comportamiento de los bloques anidados dentro de un bloque principal:

Para modificar el ajuste «Los bloques interiores usan el ancho del contenido», sigue estos pasos:

1. Desde el escritoriode tu sitio, accede a Páginas, Entradas o Apariencia → Editor. 
2. Haz clic en un bloque o utiliza la vista de lista para seleccionar un bloque específico. 
3. En la barra lateral del bloque, busca la sección «Diseño».
   • Este ajuste de diseño solo aparecerá si el bloque permite anidar contenido dentro de sí mismo. Los bloques Grupo, Columnasy Galería son ejemplos de bloques compatibles con esta opción.
4. Haz clic en el botón de la opción «Los bloques interiores usan el ancho del contenido» para activar o desactivar el ajuste.

Echa un vistazo el siguiente vídeo para aprender a ajustar el ancho del contenido de los bloques dentro de un bloque principal. Tras hacer clic en el botón de reproducción, ralentiza o acelera la velocidad del vídeo con los controles de la esquina inferior derecha.

El tema que selecciones tendrá valores de ancho predeterminados para los ajustes «Contenido» y «Ancho». Puedes modificar estos anchos por defecto para todo el tema.

Esta sección de la guía se aplica a los sitios con nuestros planes Premium, Business y Commerce de WordPress.com, y el plan Pro heredado. Para los sitios con los planes gratuito o Personal, mejora tu plan para acceder a esta función.

Para personalizar los ajustes de ancho predeterminados, sigue estos pasos:

1. Dirígete al escritorio de tu sitio. 
2. Accede a Apariencia → Editor.
3. Elige «Estilos» en la barra lateral.
4. Elige la opción «Diseño».
5. En «Dimensiones», modifica los valores de ancho predeterminados para los ajustes «Contenido» y «Ancho».
6. También puedes modificar el relleno y el espaciado entre bloques.
7. Haz clic en el botón «Guardar» para guardar los cambios.