El tema Astra en su versión gratuita también proporciona una gran cantidad de características que pueden ayudarle a dise?ar fácilmente una página de inicio con un dise?o claro, una estructura rica, visualmente bella y de carga rápida. Ya se trate de un blog personal, un sitio web de empresa o una página de escaparate, el dise?o de varias columnas de Astra te ofrece una estructura de contenidos profesional y organizada.
![Imagen [1]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados](http://gqxi.cn/wp-content/uploads/2025/07/20250705112950445-image.png)
Este artículo explicará en detalle el uso de las plantillas Astra y las herramientas predeterminadas de WordPress para crear rápidamente una página de inicio de varias columnas, que le ayudará a mostrar plenamente el contenido y la imagen de marca del sitio, para mejorar la profesionalidad general y el atractivo del sitio.
1. ?Por qué elegir un dise?o de varias columnas?
Un dise?o de varias columnas puede ayudar al sitio:
- Mostrar el contenido de las distintas secciones
- Mejora de la capacidad de carga informativa de la página de inicio
- Permitir a los visitantes encontrar rápidamente lo que buscan
Para blogs, sitios web oficiales de empresas o sitios web de marca personal, los dise?os de varias columnas son soluciones habituales de estructura de página de inicio.
![Imagen [2]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados](http://gqxi.cn/wp-content/uploads/2025/07/20250705113836151-image.png)
2. Vaya a la página de inicio de la configuración del personalizador
- Inicie sesión en el backend de WordPress
- Haga clic en el menú de la izquierda Apariencia > Personalización
![Imagen [3]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados](http://gqxi.cn/wp-content/uploads/2025/07/20250705113951355-image.png)
- En el Personalizador, haga clic en Configuración de la página de inicio
![Imagen [4]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados](http://gqxi.cn/wp-content/uploads/2025/07/20250705113919432-image.png)
Aquí puede seleccionar qué mostrar en la página de inicio:
- últimos artículos
- página estática
Si desea crear una página de inicio con varias columnas, se recomienda elegir la opción página estáticay, a continuación, especifique una página recién creada como página de inicio.
![Imagen [5]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados](http://gqxi.cn/wp-content/uploads/2025/07/20250705134354335-image.png)
3. Crear una página de inicio
- Haga clic en el fondo Páginas > A?adir nueva página
![Imagen [6]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados](http://gqxi.cn/wp-content/uploads/2025/07/20250705134712355-image.png)
- Llámalo "Hogar"
![Imagen [7]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados](http://gqxi.cn/wp-content/uploads/2025/07/20250705134737805-image.png)
- En las propiedades de la página, la selección de plantilla Elementor ancho completo(si se utiliza el editor Elementor) o mantener la plantilla por defecto
golpe (en el teclado) escriba a.
![Imagen [8]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados](http://gqxi.cn/wp-content/uploads/2025/07/20250705134845248-image.png)
4. Creación de dise?os de varias columnas con el editor de bloques (Gutenberg)
Incluso sin usar el constructor de páginas, puedes crear dise?os de varias columnas con el editor de bloques que viene con WordPress.
4.1 A?adir bloques de varias columnas
- golpe (en el teclado) editar página
- Haga clic en el signo "+" del editor para a?adir un bloque
![Imagen [9]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados](http://gqxi.cn/wp-content/uploads/2025/07/20250705135042420-image.png)
- Buscar y seleccionar Columnas
![Imagen [10]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados](http://gqxi.cn/wp-content/uploads/2025/07/20250705135112481-image.png)
4.2 Selección de la estructura de la columna
Ejemplo:
- dos columnas de igual anchura
- tres columnas de igual anchura
- estrecho a la izquierda y ancho a la derecha
![Imagen [11]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutorial detallado](http://gqxi.cn/wp-content/uploads/2025/07/20250705135152449-image.png)
Una vez seleccionado, puede insertar en cada columna:
- fotografía
- estilo de redacción
- botones
- Módulo de últimos artículos
![Imagen [12]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados](http://gqxi.cn/wp-content/uploads/2025/07/20250705135434309-image.png)
4.3 Combinar varios bloques de columnas
Para crear una verdadera página de inicio multicolumna, puede a?adir varios bloques de columnas a la misma página. Ejemplo:
- Imagen de banner y texto de bienvenida en la parte superior
- La segunda parte es una introducción a las tres columnas de servicios
- La tercera parte consta de dos columnas: los últimos artículos en un lado y la información de contacto o formularios en el otro.
5. Mejora de los estilos de página con la configuración personalizada de Astra
existe Apariencia > Personalizar > Global > Contenedor) en el que se puede fijar:
- Ancho de página (ancho completo o con márgenes)
![Imagen [13]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados](http://gqxi.cn/wp-content/uploads/2025/07/20250705135922560-image.png)
existe Tipos de entrada > Blog / Archivo en los ajustes:
- Barra lateral derecha
- Sin barra lateral
- Barra lateral izquierda
![Imagen [14]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados](http://gqxi.cn/wp-content/uploads/2025/07/20250705140328546-image.png)
Si desea que la página de inicio sea sencilla, puedeOcultar el título de la páginaEl contenido a varias columnas se convierte en el centro de atención visual.
- entrar en Páginas > Todas las páginas
![Imagen [15]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados](http://gqxi.cn/wp-content/uploads/2025/07/20250705140531477-image.png)
- Haz clic en la página de inicio para editarla
![Imagen [16]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados](http://gqxi.cn/wp-content/uploads/2025/07/20250705140625713-image.png)
- En la parte derecha de la página (o debajo del editor Gutenberg) busca el botón Ajustes Astra tabla de amasar
- garrapata Desactivar el área de banners
![Imagen [17]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutorial detallado](http://gqxi.cn/wp-content/uploads/2025/07/20250705140919285-image.png)
6. Configurar el menú con enlaces a la página de inicio
Por último, a?ada la página de inicio al menú de navegación:
- entrar en Apariencia > Menú
![Imagen [18]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados](http://gqxi.cn/wp-content/uploads/2025/07/20250705141239681-image.png)
- Marque la página "Inicio" para a?adirla al menú principal.
![Imagen [19]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados](http://gqxi.cn/wp-content/uploads/2025/07/20250705141111611-image.png)
- Guardar menú
![Imagen [20]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados](http://gqxi.cn/wp-content/uploads/2025/07/20250705141207473-image.png)
De este modo, los visitantes de su sitio web podrán ir directamente a su página de inicio de varias columnas a través de la barra de navegación.
7. Resumen
Usando las plantillas Astra y el editor de bloques de WordPress, puedes crear fácilmente una página de inicio multi-columna con un rico dise?o. La estructura de la página de inicio se construye creando nuevas páginas, a?adiendo dise?os de columnas, ajustando la tipografía y a?adiendo las páginas al menú. Este enfoque mantiene el sitio claro y organizado y facilita a los visitantes la navegación por las distintas secciones de contenido.
Hazte ya con tu página de inicio y consigue que el sitio tenga un aspecto profesional y atractivo.
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: info@361sale.com | |
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres |
Enlace a este artículo:http://gqxi.cn/es/65745El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios