Tutoriel sur le thème Astra : comment créer un diaporama sur la page d'accueil du thème Astra

existentThèmes WordPressAu milieu.Astra toujours sur la base delégeretpolyvalentrépondre en chantantrapideAstra est connu comme l'un des thèmes préférés des créateurs de sites web novices et des développeurs professionnels. Qu'il s'agisse d'un site officiel, d'un blog ou d'une plateforme de commerce électronique, Astra peut être adapté rapidement. Cependant, de nombreux utilisateurs qui découvrent Astra posent souvent la question :Comment configurer le diaporama de la page d'accueil ?Cet article vous emmène de Introduction à AstraCommencez par expliquer, étape par étape, comment ajouter un diaporama à votre page d'accueil.

Profil du thème Astra

Astra est un thème WordPress gratuit et performant développé par Brainstorm Force. Ses caractéristiques sont les suivantes :

• Extrêmement léger: n'est pas installé par défaut50KBLa page se charge très rapidement.
• Hautement personnalisableLa mise en page, les couleurs, les polices, etc. peuvent être ajustées grâce au Customizer de WordPress.
• haute compatibilitéCompatibilité parfaite avec les constructeurs de pages tels que Elementor, Beaver Builder, Gutenberg et bien d'autres.
• Nombreux modèles préconstruitsStarter Templates propose des centaines de modèles de sites web préfabriqués qui peuvent être importés en un seul clic.

La version gratuite d'Astra est déjà très puissante, mais si vous souhaitez bénéficier d'une liberté de mise en page et de conception encore plus grande, vous pouvez passer à la version Astra Pro Plug-inLe module WooCommerce permet d'utiliser d'autres modules tels que les mises en page personnalisées, les améliorations de blog, les styles WooCommerce, et bien d'autres encore.

L'importance des diaporamas sur la page d'accueil d'un site web

Le diaporama de la page d'accueil (ou diaporama Hero, rotogravure) peut être affiché efficacement :

• Message principal de la marque
• Derniers événements ou promotions
• bouton poussoir(par exemple, en savoir plus, acheter maintenant)
• Graphique premier impact visuel

procédure

utiliser Astra + Constructeur de pages (Elementor par exemple)

1.Installation du plugin Elementor

• Aller au menu des coulisses Plugins > Installer des plugins
• Rechercher " Elementor "
• Cliquez "montage"et"commencer à utiliser"

2. créer un modèle de page d'accueil

• partir pour Pages > Nouvelle page
• Nommez-la "Accueil" et cliquez sur "Modifier avec Elementor"

3. ajouter des widgets de diapositives

La version gratuite d'Elementor peut utiliser le widget "Rotation d'image", et la version Pro prend en charge le widget plus avancé "Rotation d'image".Diapositives".Composant :

• Traînée"diapositive (photographie, logiciel de présentation)"Composant vers le haut de la page

• Téléchargez une image d'arrière-plan et cliquez sur "Style"> Cliquez à nouveau "Contexte" > Cliquez "Image"Il vous suffit de télécharger votre image préférée.

• Le texte du bouton, le titre, le sous-titre, etc. peuvent être ajoutés pour enrichir le contenu de la page d'accueil.

Suggestions visuelles et conseils de conception

• Les images doivent être nettes et de taille raisonnable (Recommandé 1920×800)
• Contrôler la vitesse de rotation à 5-8 secondes
• Essayez d'en inclure un par diapositiveBouton d'amorçage du noyau
• Le contraste des polices est clair et évite les surcharges.Fond clair + lettres blanches

Questions fréquemment posées

Q1 : Pourquoi le diaporama est-il incomplet ?

R : La mise en page n'est peut-être pas réglée sur "pleine largeur", vérifiez la mise en page Astra.

Q2 : Que dois-je faire si le diaporama se charge très lentement ?

R : Optimisez la taille des images, activez le chargement paresseux et utilisez un plugin de mise en cache (par exemple, WP Rocket).

Q3 : La version gratuite d'Elementor est-elle suffisante ?

R : Il convient parfaitement pour les graphiques rotatifs de base, mais pour plus d'animation et de contrôle des couches, envisagez Elementor Pro ou Smart Slider 3.

résumés

Bien que le thème Astra lui-même ne soit pas doté d'une fonctionnalité de diaporama de page d'accueil, Elementor vous permet d'obtenir facilement l'effet de diagramme rotatif. Si vous voulez en savoir plus sur Astra, regardez cet article.AstraTutoriels Theme Nanny", ou si vous avez des questions concernant WordPress, laissez un commentaire ci-dessous et je serai patient.