en el uso de Astra Tema para crear el sitio web de WordPress, muchas personas se encontrarán con una necesidad: algunas páginas tienen que mostrar la barra lateral (como la página de listados de blogs), y algunas páginas tienen que ser de ancho completo de diseño (como la página de inicio, página de destino, o la página de modo de lectura).Astra proporciona una forma sencilla de configurar, de modo que las diferentes páginas para mostrar diferentes diseños.
![Imagen[1]-Astra Theme Configuración de la barra lateral con el método Fullwidth Layout](https://www.361sale.com/wp-content/uploads/2025/06/20250630092406568-image.png)
1. Entrar en Personalización Astra
- Inicie sesión en el backend de WordPress.
- Haga clic en [Apariencia] en el menú de la izquierda.
![Imagen[2]-Astra Theme Configuración de la barra lateral con el método Fullwidth Layout](https://www.361sale.com/wp-content/uploads/2025/06/20250630093430973-image.png)
- Haz clic en Personalizar para entrar en el tema Astra.personalizaciónPanel.
![Imagen [3]-Astra Theme Configuración de la barra lateral con el método de diseño de ancho completo](https://www.361sale.com/wp-content/uploads/2025/06/20250630093451954-image.png)
2. Vaya a Configuración global y busque el contenedor
- En el panel Personalización, haga clic en [Global].
![Imagen [4]-Configuración del tema Astra Métodos de barra lateral y diseño de ancho completo](https://www.361sale.com/wp-content/uploads/2025/06/20250630093619978-image.png)
- Dentro de Global, pulse [ ].Contenedor(contenedor)]
![Imagen [5]-Astra Theme Configuración de la barra lateral con el método de diseño de ancho completo](https://www.361sale.com/wp-content/uploads/2025/06/20250630093647336-image.png)
En este punto, verá la página de configuración del diseño del contenedor, que contiene tres opciones de diseño.
3. Selección del diseño por defecto para todo el sitio
En [Disposición del contenedor], siga las indicaciones del icono para seleccionar la disposición deseada:
- EstrechoMás estrecho y más espacio en blanco a la izquierda y a la derecha para las páginas que requieren atención visual.
- Normal / Por defecto: El contenido es de anchura media y se adapta a la mayoría de las páginas, incluidas las páginas de listados de blogs y las páginas de entradas.
- Ancho total / Diseño estirado: Contenido repartido a lo ancho del navegador, comúnmente utilizado en la página de inicio, Banner,página de aterrizajeo leer la página sin interrupción.
![Imagen [6]-Astra Theme Configuración de la barra lateral con el método Fullwidth Layout](https://www.361sale.com/wp-content/uploads/2025/06/20250630094020124-image.png)
Una vez realizada la selección, haga clic en el botón [Publicar] situado en la parte superior de la página para guardar la configuración.
4. Configurar distintos diseños para cada página
Si sólo desea establecer un diseño diferente para una página que para todo el sitio, puede seguir los pasos que se indican a continuación:
- Vuelva al backend de WordPress y haga clic en [Páginas].
- Busque la página que desea modificar y haga clic en [Editar] para acceder a ella.editor (software).
![Imagen [7]-Astra Theme Configuración de la barra lateral con el método Fullwidth Layout](https://www.361sale.com/wp-content/uploads/2025/06/20250630094907913-image.png)
- En el panel derecho [Documento], busque la opción Ajustes Astra.
![Imagen [8]-Astra Theme Configuración de la barra lateral con el método de diseño de ancho completo](https://www.361sale.com/wp-content/uploads/2025/06/20250630095005438-image.png)
existe Disposición de contenedores (Disposición de los contenedores) en el que puedes ver cuatro iconos de diseño entre los que elegir:
- primeroUtilice la configuración del personalizador del sitio.
![Imagen [9]-Astra Theme Configuración de la barra lateral con el método de diseño de ancho completo](https://www.361sale.com/wp-content/uploads/2025/06/20250630100332245-image.png)
- segunda razónAncho estándar (Normal), con un ancho fijo para el contenido y espacio en blanco a ambos lados.
![Imagen [10]-Configuración del tema Astra Métodos de barra lateral y diseño de ancho completo](https://www.361sale.com/wp-content/uploads/2025/06/20250630100405851-image.png)
![Imagen [11]-Astra Theme Configuración de la barra lateral con el método Fullwidth Layout](https://www.361sale.com/wp-content/uploads/2025/06/20250630100811861-image.png)
- terceraDisposición estrecha (Narrow), en la que la anchura del contenido es menor que en la disposición estándar.
![Imagen [12]-Astra Theme Configuración de la barra lateral con el método Fullwidth Layout](https://www.361sale.com/wp-content/uploads/2025/06/20250630100033347-image.png)
![Imagen [13]-Método de configuración de la barra lateral y el diseño de ancho completo del tema Astra](https://www.361sale.com/wp-content/uploads/2025/06/20250630100627826-image.png)
- cuartoAncho completo / Estirado, donde el contenido de la página se extiende a lo ancho.
![Imagen [14]-Astra Theme Configuración de la barra lateral con el método Fullwidth Layout](https://www.361sale.com/wp-content/uploads/2025/06/20250630100124820-image.png)
![Imagen [15]-Configuración del tema Astra Métodos de barra lateral y diseño de ancho completo](https://www.361sale.com/wp-content/uploads/2025/06/20250630100721322-image.png)
5. Configuración de la barra lateral de la página del blog
Si necesita activar o desactivar una página del bloguna barra lateral (en software)::
- Vuelva al panel [Personalización] y haga clic en [Tipos de entrada].
![Imagen [16]-Métodos de configuración de la barra lateral y del diseño de ancho completo del tema Astra](https://www.361sale.com/wp-content/uploads/2025/06/20250630101349673-image.png)
- Seleccione [Blog / Archivo(blog/archivo)] o [Entrada individual].
![Imagen [17]-Astra Theme Configuración de la barra lateral con el método Fullwidth Layout](https://www.361sale.com/wp-content/uploads/2025/06/20250630101414903-image.png)
- En la sección [Diseño de la barra lateral], seleccione:
- sin barra lateral
- barra lateral izquierda
- barra lateral derecha
![Imagen [18]-Astra Theme Configuración de la barra lateral con el método Fullwidth Layout](https://www.361sale.com/wp-content/uploads/2025/06/20250630101209865-image.png)
Una vez completados los ajustes, haga clic en [Publicar] para guardar.
6. Configuración del diseño de página de Elementor
Si la página utiliza Elementor Redactor:
- Seleccione el diseño "Ancho completo / Estirado" en la configuración del Astro de Página.
![Imagen [19]-Métodos de configuración de la barra lateral y del diseño de ancho completo del tema Astra](https://www.361sale.com/wp-content/uploads/2025/06/20250630101555747-image.png)
- Después de entrar en el editor de Elementor, establece el diseño de la página en [Configuración del sitio] en la esquina superior izquierda:
- Lienzo Elementor(lienzo completamente en blanco, ocultar encabezado y pie de página)
- Elementor ancho completo(contenido a todo lo ancho, cabecera y pie conservados)
![Imagen [20]-Configuración del tema Astra Métodos de barra lateral y diseño de ancho completo](https://www.361sale.com/wp-content/uploads/2025/06/20250630101843830-image.png)
7. Resumen
Astra ofrece métodos flexibles de cambio de diseño, que pueden unificarse en la configuración de todo el sitio o establecer el diseño de cada página individualmente para satisfacer las necesidades de los usuarios.blog (palabra de préstamo)La primera página, la página de lectura, la página de aterrizaje y otros escenarios diferentes demanda.
| Contacte con nosotros | |
|---|---|
| ¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas |
Servicio de atención al cliente WeChat
|
| ① Tel: 020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| (iii) Correo electrónico: [email protected] | |
| ④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres | |
Enlace a este artículo:https://www.361sale.com/es/63870/El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
























![Emoji[wozuimei]-Photonflux.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![Emoticono [baoquan] - Photon Wave Network | Servicios profesionales de reparación de WordPress, cobertura mundial, respuesta rápida](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

Sin comentarios