Cree fácilmente un diseño de página de inicio de varias columnas con las plantillas Astra

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.

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.

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

• En el Personalizador, haga clic en Configuración de la página de inicio

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.

3. Crear una página de inicio

• Haga clic en el fondo Páginas > Añadir nueva página

• Llámalo "Hogar"

• 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.

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

• Buscar y seleccionar Columnas

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

Una vez seleccionado, puede insertar en cada columna:

• fotografía
• estilo de redacción
• botones
• Módulo de últimos artículos

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)

existe Tipos de entrada > Blog / Archivo en los ajustes:

• Barra lateral derecha

• Sin barra lateral

• Barra lateral izquierda

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

• Haz clic en la página de inicio para editarla

• 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

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ú

• Marque la página "Inicio" para añadirla al menú principal.

• Guardar menú

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