- ¿Cómo instalar Astra Theme?
- System Requirement for Astra Theme
- ¿Qué es un tema hijo y cómo instalarlo en Astra?
- Instalación manual de Astra mediante FTP
- ¿Cómo actualizar manualmente el tema Astra?
- Actualizaciones beta automáticas para Astra
- Astra 4.2.0-beta.1 : Migraciones y compatibilidad con versiones anteriores
- Más información sobre las versiones beta de Astra ¿Cómo descargar y utilizar?
- Cómo crear una red multisitio y utilizar Astra Child Theme en ella
- Primeros pasos con el complemento Astra Pro
- ¿Qué es Astra Pro Add on?
- ¿Cómo instalar el plugin Astra Pro?
- ¿Cómo obtener la clave de licencia de Astra Pro?
- ¿Cómo activar la licencia adicional Astra Pro?
- Obteniendo error - El paquete no pudo ser instalado. Al tema le falta la hoja de estilos style.css?
- ¿Por qué no puedo acceder a las funciones de Astra Pro después de comprar la versión Pro?
- ¿No ve el formulario de activación de licencia para el complemento Astra Pro?
- How to Fix “Sorry, You Are Not Allowed To Access This Page” Error In Astra Pro
- ¿Cómo gestionar la licencia en la tienda?
- ¿Cómo renovar la licencia anual?
- ¿Cómo funcionan las actualizaciones de licencia?
- How To Update Your Payment Method?
- How to Process Refund Requests?
- ¿Cómo solicitar el programa de afiliados Brainstorm Force? (Afiliarse a Astra)
- Frequently Asked Questions – VIP Priority Support
- ¿Cómo puedo consultar mi historial de incidencias?
- Contenedor global - Tema Astra
- Encajonado - Disposición de contenedores
- Contenido en caja - Diseño de contenedor
- Full Width – Container Layout
- Global Colors - Tema Astra
- Tipografía global - Tema Astra
- Mejora tipográfica para Astra
- Paleta de colores Astra Global
- Preajustes tipográficos Astra
- ¿Cómo crear una cabecera con Astra Header Builder?
- ¿Cómo crear una cabecera móvil con Astra Header Builder?
- ¿Cómo crear un pie de página con Astra Footer Builder?
- ¿Por qué mi logotipo está borroso?
- Astra - Personalizar el submenú
- Preguntas frecuentes - Astra Header/Footer Builder
- Elementos en Header/Footer Builder con Astra Theme y Astra Pro
- Añadir Múltiples Elementos en el Constructor de Encabezado y Pie de Página
- FAQs - Astra Header/Footer Builder - Clientes existentes
- ¿Cómo gestionar las barras laterales en el tema gratuito Astra?
- Entendiendo el estilo de la barra lateral en Astra Theme: Personalizar el aspecto de la barra lateral
- Barra lateral adhesiva
- Ir arriba
- ¿Cómo mostrar un Breadcrumb en cualquier lugar dentro de una página o post con Shortcode?
- Encontrar el camino con migas de pan
- Cómo cambiar la cadena "HOME" en las migas de pan
- ¿Cómo pasar de las migas de pan existentes a la nueva ruta?
- Cómo añadir migas de pan en un sitio web WordPress con Astra
- Resumen del blog
- Blog / Archivo
- Puesto único
- Cómo mostrar la fecha de "última actualización" en lugar de la de "publicación
- Mostrar entradas relacionadas en una sola entrada de blog
- The Recommended Size for Featured Image
- ¿Cómo eliminar el nombre de un autor de una entrada de blog?
- Cómo eliminar un extracto de una entrada de Astra del archivo de entradas
- Añadir la fecha de última actualización o publicación a las entradas del blog
- Vista general de la integración de WooCommerce en el tema Astra gratuito
- Cómo crear una barra lateral adhesiva para la página de tu tienda WooCommerce
- Set WooCommerce Shop Page as Homepage
- Ganchos WooCommerce
- Mostrar productos destacados en lugar de la cesta vacía
- Cómo establecer la pestaña "Revisar" como pestaña activa por defecto en WooCommerce
- Cómo añadir contenido adicional en la página de inicio de sesión de Mi cuenta
- ¿Cómo cambiar el color de fondo de las páginas de productos y tiendas en Astra?
- The Blank Screen in the Customizer Area
- Cómo importar/exportar la configuración del Astra Customizer
- Ver otras opciones del personalizador
- Simplify Your Site Design with the New Style Guide
- Presentación de la nueva opción basada en la meta de desactivar la zona de pancartas
- Compatibilidad mejorada con Spectra
- Blog Pro Visión general
- Blog / Archivo con Blog Pro
- Entrada individual con Blog Pro
- Cómo mostrar la fecha de "última actualización" en lugar de la de "publicación
- Cómo añadir un tipo de entrada personalizado con el tema Astra
- Compartir en redes sociales
- Opciones de imagen destacada para diseños de banner único
- Añadir filtro de entradas en la página de archivos del blog
- Cómo cambiar la cadena "Dejar un comentario" en WordPress
- Espaciado Addon Descripción general
- Controles de espaciado de la identidad del emplazamiento
- Controles de distancia entre contenedores
- Controles de espaciado de pie de página
- ¿Cómo gestionar el espaciado en la página del blog con Astra?
- Controles de espaciado de la barra lateral
- ¿Cómo gestionar el espaciado en las cabeceras con Astra?
- Astra WooCommerce Mini Cart Shortcode
- Visión general del módulo WooCommerce
- ¿Cómo diseñar una página de catálogo de productos o una página de tienda utilizando el módulo WooCommerce en Astra?
- Producto único WooCommerce
- Página de pago WooCommerce
- Colors & Background Options For WooCommerce
- Opciones de tipografía para WooCommerce
- Off-Canvas Sidebar para WooCommerce Shop Page
- Vista rápida de productos WooCommerce
- ¿Cómo desactivar el estilo incorporado en EDD?
- ¿Cómo añadir páginas de archivos de descarga al menú cuando se utiliza Astra con EDD?
- ¿Cómo añadir el carro EDD en la cabecera? (Antiguo Astra Header)
- ¿Cómo mostrar un Mini Carrito en cualquier lugar usando Shortcode? (Astra y EDD)
- EDD - Descripción general del módulo Easy Digital Downloads
- General - Opciones del módulo EDD
- Archivo de productos - Opciones de módulos EDD
- Producto único - Opciones de módulos EDD
- Página de pago - Opciones del módulo EDD
- Visión general del Site Builder
- Encabezado personalizado
- Pie de página personalizado
- Site Builder - Ganchos
- Inside Page/Post Content Site Builder
- Plantilla personalizada en Astra
- How to Enable a Custom 404 Page
- Cannot Edit Site Builder Layouts Due to a 404 Error?
- Quick Access to Edit the Site Builder & Page Header
- Cadenas de ayuda para texto personalizado de pie de página
- ¿Es Astra compatible con Beaver Themer Plugin?
- Soporte Mega Menu para todos los componentes de Header Builder Menu
- Cómo desactivar el botón derecho del ratón en WordPress
- Aumentar el límite de memoria PHP de su sitio web
- Cómo resolver un error fatal: Llamada a función indefinida ctype_xdigit()
- ¿Cómo desactivar el encabezado o el pie de página de una página de destino o una entrada?
- ¿Dónde tiene efecto el ajuste de color primario Astra?
- ¿Cómo ajustar la anchura de la barra lateral?
- How To Translate Site Builder With WPML?
- ¿Cómo convertir Astra en multilingüe con WPML?
- ¿Cómo traducir cadenas Astra con WPML?
- Traducir los campos personalizados avanzados con WPML
- ¿Cómo convertir un sitio web Astra en multilingüe con Polylang?
- Cómo traducir categorías, etiquetas y cadenas Astra con Polylang
- ¿Cómo convertir un sitio web Astra en multilingüe con TranslatePress?
- ¿Cómo traducir Astra Theme / Plugins en su propio idioma utilizando GlotPress?
- Translate Site Builder Layouts Using Polylang
- Solución para - El error PCLZIP_ERR_BAD_FORMAT (-10)
- Alojar Google Fonts localmente: el rendimiento es la clave
- Corrección para - Parse error: syntax error, unexpected T_FUNCTION
- ¿Cómo solucionar el error fatal / pantalla blanca de la muerte?
- Corrección para - cURL error 51: SSL: no alternative certificate subject name matches target host name 'websitedemos.net'
- La vista previa no se ha podido cargar' Pop Up con Astra y Elementor
- Pasos para solucionar problemas ( con el plugin Health Check & Troubleshooting )
- ¿Cómo solucionar los problemas de actualización del tema Astra y el addon Astra Pro?
- Blog El tamaño de la imagen destacada no funciona / Error en la biblioteca de procesamiento de imágenes
- Cómo cambiar las cuerdas predeterminadas de Astra
- Uso de ganchos en Astra
- ¿Cómo cambiar el icono "Desplazarse al principio" en Astra?
- Astra Pro WP Comandos CLI
- ¿Cómo añadir código PHP personalizado?
- ¿Cómo desactivar la carga del archivo de fuentes predeterminado de Astra? (Astra.woff)
- Desactivar Imagen Destacada en Entradas, Páginas u Otros Tipos de Entradas
- Cambiar el título del widget de la barra lateral
- Desactivar la funcionalidad AMP nativa de Astra
- Cómo cambiar la URL de destino del logotipo del sitio web
- Eliminar menú de navegación principal con gancho
- Cambiar la anchura del punto de interrupción de la cabecera de Astra
- ¿Cómo desactivar la cabecera principal?
- Añadir el atributo Título a la imagen de fondo de la cabecera como sustituto del texto Alt
- ¿Cómo cambiar la etiqueta HTML del título y el lema del sitio?
- ¿Cómo cambiar la etiqueta de encabezado para los títulos de las páginas o entradas?
- Cómo cambiar la cadena "Resultados de búsqueda para
- Cambiar el marcador de posición del cuadro de búsqueda (antiguo encabezado de Astra)
- Cómo mostrar la fecha de "última actualización" en lugar de la de "publicación
- ¿Cómo cambiar el texto de los enlaces anterior y siguiente de una sola entrada de blog?
- ¿Cómo eliminar el enlace de imagen destacada en la página de archivo?
- Filtro para eliminar el enlace de las imágenes destacadas en la página del blog
- Blog El tamaño de la imagen destacada no funciona / Error en la biblioteca de procesamiento de imágenes
- Filtros para soportar CPTs para Blog Meta y Single Blog Meta
- ¿Cómo cambiar el texto de los enlaces de navegación de un archivo de blog?
- ¿Cómo mostrar la categoría de la entrada como título de entradas relacionadas?
- Cambiar la etiqueta "Deja un comentario
- Cambiar Woocommerce Texto Fuera de Stock
- ¿Cómo desactivar los botones de cantidad de productos (más-menos)?
- ¿Cómo modificar/cambiar el texto de la vista rápida?
- Filtro para añadir soporte de configuración global de botones para botones de WooCommerce
- Cambiar el texto del "carrito de la compra" para WooCommerce y EDD Mobile Header Cart
- Arreglar Woocommerce Cesta Convertirse Transparente Con Header Builder
- Restringir los resultados de búsqueda sólo a productos WooCommerce
- ¿Cómo ocultar el número de cantidad cuando el carro de Woocommerce está vacío?
- Eliminar Astra Personalización para WooCommerce
- ¿Cómo añadir código CSS personalizado sin editar los archivos del tema?
- ¿Cómo resaltar un determinado elemento del menú?
- ¿Cómo diseñar viñetas y listas?
- Atenuar el contenido al pasar el ratón por encima del menú
- Cómo añadir CSS y JavaScript personalizados al tema Astra
- Mobile Breakpoint Causes Issues with Transparent Header Menu Color
- Display Coupon Field on Checkout & Cart Pages
- Arreglar secciones de intercambio que no funcionan en el móvil (Antiguo encabezado Astra)
- ¿Cómo eliminar las sugerencias de Google Fonts en Astra Theme?
- Eliminar el espaciado por defecto del diseño de bloques estirados
- ¿Cómo cambiar el logotipo en determinadas páginas?
- ¿Cómo eliminar los diseños de galería horizontal y vertical de una sola página de producto?
- Nuevo filtro para activar/desactivar la compatibilidad con el tema Rank-Math
- Activar/desactivar vídeos de YouTube desde el panel de control de Astra
- ¿Cómo corregir la unidad de altura de línea convertida a "EM"?
- Cómo cambiar las etiquetas de las entradas de WordPress a proyectos
Diseño completo del sitio
¿Está listo para alejarse de los diseños habituales de sitios web y explorar las amplias posibilidades de un diseño de ancho completo? Con la función Full Width Site Layout de Astra, ahora es más sencillo que nunca dar a tu sitio web un aspecto cautivador.
Echa un vistazo a las siguientes secciones de este documento para aprender más sobre el uso del diseño de sitio de ancho completo en Astra.
¿Qué es un diseño de sitio de ancho completo?
Con un diseño de ancho completo, el contenido de su sitio web se extiende de borde a borde por la pantalla del usuario, creando una experiencia visual envolvente e impactante.
Imagínatelo: tu sitio web ocupa toda la pantalla, como una enorme e impresionante valla publicitaria que muestra todas tus cosas interesantes. Ya sean fotos, texto o vídeos, todo se expande, creando un impacto audaz y memorable en tus visitantes.
Ventajas de los diseños de ancho completo
- Mayor atractivo visual: Los diseños de ancho completo ofrecen un aspecto moderno y sofisticado que puede captar al instante la atención del visitante y mantenerlo interesado.
- Centrarse en el contenido: Al eliminar distracciones como las barras laterales, puede resaltar realmente el contenido y asegurarse de que su mensaje resuena entre su audiencia.
- Diseño receptivo: Un diseño de ancho completo puede adaptarse perfectamente a diferentes tamaños de pantalla, garantizando una experiencia de usuario positiva en todos los dispositivos.
- Libertad creativa: Con el amplio espacio de un diseño de ancho completo, tienes más libertad creativa para experimentar con la tipografía, las imágenes y otros elementos de diseño.
Cómo conseguir un diseño de página web de ancho completo con Astra
Un sitio web suele tener el envoltorio principal seguido del contenedor.
- La envoltura principal consta de cabecera, contenido, barra lateral y pie de página: todo el sitio web;
- Y el contenedor es la envoltura infantil que incluye un contenido y una barra lateral.
Cuando selecciona el diseño de sitio de ancho completo, la envoltura principal del sitio web va de borde a borde del navegador. Mientras que el contenido se gestiona por el ancho del contenedor.
Por lo tanto, implementar un diseño de ancho completo con Astra es un proceso sencillo. Esto es lo que tienes que hacer:
1. Active el complemento Pro: La función Diseño del sitio a todo lo ancho está disponible con el Complemento Astra Pro. Así que, si aún no lo ha hecho, instálelo y actívelo en su sitio web.
2. Activar el módulo de diseño del sitio: Dentro del panel de control de WordPress, vaya al Panel de control de Astra, y active el módulo Diseños del sitio dentro de los módulos Astra Pro.

3. Acceda a la Configuración del diseño del sitio: Vaya a Apariencia > Personalizar > Global > Contenedor en el panel de control de WordPress.
4. Elige tu diseño: Localice el ajuste y seleccione "Ancho completo".

5. Personalizar más: Astra ofrece opciones adicionales para ajustar el diseño de ancho completo, como el ajuste del diseño del contenedor, el ancho del contenido y el ancho del contenedor estrecho.
6. Previsualizar y publicar: Una vez configurados los ajustes, previsualiza tu sitio web para ver tu impresionante diseño de ancho completo en acción. Una vez satisfecho, pulsa el botón Publicar.
Esperamos que este documento le haya sido útil. Si tiene alguna pregunta, no dude en dejar un comentario a continuación.
No respondemos a los comentarios de los artículos, los usamos para mejorar nuestro contenido de soporte.