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.

Imagen [1]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados

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

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

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

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
  • Llámalo "Hogar"
Imagen [7]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados
  • 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

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
  • Buscar y seleccionar Columnas
Imagen [10]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados

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

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

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

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

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

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
  • 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
  • Guardar menú
Imagen [20]-Crear un dise?o de página de inicio de varias columnas con Astra Free Edition: Tutoriales detallados

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
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
? Declaración de reproducción
Este artículo ha sido escrito por lmx
EL FIN
Si le gusta, apóyela.
felicitaciones722 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios