Tutorial del tema Astra: cómo crear una presentación de diapositivas en la página de inicio del tema Astra

existeTemas de WordPressMedio.Astra siempre sobre la base deligeroyversátilresponder cantandorápidoAstra es conocido como uno de los temas favoritos tanto de los creadores de sitios web principiantes como de los desarrolladores profesionales. Ya se trate de un sitio web oficial, un blog o una plataforma de comercio electrónico, Astra se adapta rápidamente. Sin embargo, muchos usuarios que son nuevos en Astra preguntan a menudo:¿Cómo configurar el pase de diapositivas de la página de inicio?Este artículo le llevará de Introducción a AstraComienza con una explicación paso a paso de cómo añadir una presentación de diapositivas a tu página de inicio.

Imagen[1]-Tutorial de Astra Theme: Cómo crear una presentación de diapositivas en la página de inicio de Astra Theme

Perfil del tema Astra

Astra es un tema de WordPress gratuito y de alto rendimiento desarrollado por Brainstorm Force. Sus características incluyen:

  • Peso ligero extremo: no se instala por defecto50 KBLa página se carga muy rápido.
  • Altamente personalizableEl diseño, los colores, las fuentes, etc. pueden ajustarse a través del Personalizador de WordPress.
  • alta compatibilidad: Compatibilidad perfecta con constructores de páginas como Elementor, Beaver Builder, Gutenberg y más.
  • Abundantes plantillas prediseñadas: Starter Templates ofrece cientos de plantillas de sitios web prediseñadas que pueden importarse con un solo clic.

Aunque la versión gratuita de Astra ya es muy potente, si desea una libertad de diseño y maquetación aún mayor, puede actualizar a la versión Complemento Astra ProEl módulo WooCommerce habilita más módulos como Diseños Personalizados, Mejoras de Blog, Estilos WooCommerce y más.

La importancia de los pases de diapositivas en la página de inicio de un sitio web

El pase de diapositivas de la página de inicio (o pase de diapositivas Hero, huecograbado) puede mostrarse de forma eficaz:

  • Mensaje central de la marca
  • Últimos eventos o promociones
  • pulsador(por ejemplo, más información, comprar ahora)
  • Gráfico primer impacto visual

procedimiento

hacer uso de Astra + Constructor de páginas (Elementor por ejemplo)

1.Instalación del plugin Elementor

  • Ir al menú Backstage Plugins > Instalar Plugins
  • Buscar " Elementor "
  • Pulse "montaje"y"empezar a utilizar"
Imagen [3]-Tutorial de Astra Theme: Cómo crear una presentación de diapositivas en la página de inicio de Astra Theme

2.Crear plantilla de página de inicio

  • salir para Páginas > Nueva página
  • Nómbralo "Inicio" y haz clic en "Edición con Elementor"
Imagen [4]-Tutorial de Astra Theme: Cómo crear una presentación de diapositivas en la página de inicio de Astra Theme

3. Añadir widgets de diapositivas

La versión gratuita de Elementor puede usar el widget "Rotación de imagen", y la versión Pro soporta el widget más avanzado "Rotación de imagen".Diapositivas".Componente:

  • Arrastre"diapositivas (fotografía, software de presentación)" Componente al inicio de la página
Imagen [5]-Tutorial de Astra Theme: Cómo crear una presentación de diapositivas en la página de inicio de Astra Theme
  • Sube una imagen de fondo y haz clic en "Estilo" > Haz clic de nuevo "Fondo" > Haga clic en "Imagen", sólo tienes que subir tu imagen favorita.
Imagen [6]-Tutorial de Astra Theme: Cómo configurar una presentación de diapositivas de la página de inicio en Astra Theme
  • Se puede añadir texto de botones, títulos, subtítulos, etc. para enriquecer el contenido de la página de inicio.
Imagen [7]-Tutorial de Astra Theme: Cómo configurar una presentación de diapositivas de la página de inicio en Astra Theme

Sugerencias visuales y consejos de diseño

  • Mantenga las imágenes nítidas y con un tamaño razonable (Recomendado 1920×800)
  • Control de la velocidad de rotación en 5-8 segundos
  • Intente incluir una por diapositivaBotón de arranque del núcleo
  • El contraste tipográfico es claro y evita el exceso deFondo claro + letras blancas
Imagen [8]-Tutorial de Astra Theme: Cómo configurar una presentación de diapositivas de la página de inicio en Astra Theme

Preguntas frecuentes

P1: ¿Por qué está incompleta la presentación de diapositivas?

R: Es posible que el diseño de página no esté configurado en "Ancho completo", compruebe la configuración de página de Astra.

Imagen [9]-Tutorial de Astra Theme: Cómo configurar una presentación de diapositivas de la página de inicio en Astra Theme

P2: ¿Qué debo hacer si el pase de diapositivas se carga muy lentamente?

R: Optimiza el tamaño de las imágenes, activa la carga lenta y utiliza un plugin de caché (por ejemplo, WP Rocket).

P3: ¿Es suficiente la versión gratuita de Elementor?

R: Es perfectamente adecuado para gráficos rotativos básicos, pero para más animación y control de capas, considere Elementor Pro o Smart Slider 3.

resúmenes

Aunque el tema Astra en sí no viene con la funcionalidad de presentación de diapositivas de página de inicio, pero con Elementor se puede lograr fácilmente el efecto de gráfico giratorio. Si desea saber más acerca de Astra, por favor ver este artículoAstraTutoriales de Theme Nanny", o tienes alguna duda relacionada con WordPress, deja un comentario a continuación y seré paciente.


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 Early Season
EL FIN
Si le gusta, apóyela.
felicitaciones13 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