Lors de la création d'un site web, l'ajout d'un rotateur de diapositives (Slider) à la page d'accueil ou à une page peut améliorer efficacement l'impact visuel et afficher l'image de la marque, des informations sur un événement ou des recommandations sur un produit. De nombreuses personnes pensent qu'elles ont besoin de compétences professionnelles ou de plug-ins payants pour y parvenir. En fait, une combinaison de Astra Des thèmes et des plugins gratuits permettent également de créer facilement de magnifiques effets de rotation.
Cet article décrit la solution la plus simple de mise en œuvre d'Astra + plugin gratuit.
![Image[1]-Tutoriel de rotation des diapositives de l'édition gratuite d'Astra : implémentations de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707135414433-image.png)
1) Le thème Astra prend-il en charge les diaporamas ?
La version gratuite d'Astra ne dispose pas d'un système intégré de gestion de l'information.diapositive (photographie, logiciel de présentation)qui doit être implémenté à l'aide d'un plugin. Cependant, Astra est compatible avec tous les types de constructeurs de pages et de plugins de diaporama, de sorte que vous pouvez insérer des modules rotatifs directement dans vos pages après l'installation.
![Image[2]-Tutoriel de rotation des diapositives de l'édition gratuite d'Astra : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707135312371-image.png)
2. plugin de rotation de diaporama gratuit recommandé
Les deux plugins suivants sont gratuits, ont un grand nombre d'utilisateurs, sont compatibles avec Astra et sont faciles à utiliser.
2.1 Smart Slider 3
![Image [3]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en oeuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707135506705-image.png)
Caractéristiques :
- La version gratuite est suffisante pour une utilisation quotidienne
- Interface d'édition visuelle, glisser-déposerAjouter une imageTexte, boutons
- Support réactif et adaptation automatique aux téléphones portables
Étapes de l'installation :
- Connectez-vous au backend de WordPress
- Cliquez sur [Plug-in] → [Installer le plug-in
![Image [4]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en oeuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707135658632-image.png)
- Recherche Smart Slider 3
![Image [5]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en oeuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707135754291-image.png)
- Cliquez sur [Installer] → [Activer]
![Image [6]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707135836314-image.png)
Utilisation :
- Trouvez [Smart Slider] dans le menu de gauche de WordPress.
- Cliquez sur [Nouveau projet] pour créer une nouvelle rotation.
![Image [7]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707140239872-image.png)
- Téléchargez des images, ajoutez du texte avecboutons
![Image [8]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707140610478-image.png)
![Image [9]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707141107564-image.png)
- Enregistrer et copier le code court
![Image [10]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707141558531-image.png)
Insérer une page :
- Aller à [Page] Modifier
- Utilisez l'éditeur de blocs de WordPress pour ajouter Code court motte (de terre)
![Image [11]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707141720116-image.png)
- Collez le Shortcode tournant et mettez à jour la page
![Image [12]-Tutoriel de rotation des diapositives de l'édition gratuite d'Astra : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707141904148-image.png)
2.2 MetaSlider
![Image [13]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707142016613-image.png)
Caractéristiques :
- Simple et facile à utiliser avec une configuration minimale
- soutenir qqch.Rotation des photosAnimation du curseur, effets de transition des diapositives
- Hautement compatible avec la plupart des thèmes
Étapes de l'installation :
- Arrière-plan [Plug-in] → [Installer le plug-in
![Image [14]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707142117937-image.png)
- Rechercher MetaSlider
![Image [15]-Tutoriel de rotation des diapositives de l'édition gratuite d'Astra : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707142230616-image.png)
- Cliquez sur [Installer] → [Activer]
![Image [16]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707142303960-image.png)
Utilisation :
- Aller dans le menu [MetaSlider].
- Cliquez sur [Créer un diaporama] pour créer une rotation
![Image [17]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707142500577-image.png)
- Télécharger et ajouter des images
![Image [18]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707142641370-image.png)
- Réglage des effets de diapositives (fondu, diapositive, etc.) et de leur taille
![Image [19]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707143242659-image.png)
![Image [20]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707143323788-image.png)
- Enregistrer et copier le code court
![Image [21]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707143435711-image.png)
Insérer une page :
- Modifier la page, ajouter Code court motte (de terre)
![Image [22]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707143716930-image.png)
- Collez le Shortcode tournant et mettez à jour
![Image [23]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707143606339-image.png)
3. l'efficacité et les limites des programmes gratuits
Effet :
Avec Smart Slider 3 ou MetaSlider, la version gratuite permet de créer des rotations d'images d'en-tête de page d'accueil, des rotations d'images de produits et des présentations de cas clients dignes d'un professionnel.
![Image [24]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707143849617-image.png)
Limites :
La version gratuite n'est généralement pas prise en charge :
- Historique de la vidéo
- Animation avancée Cascade
- contenu dynamique(par exemple, rotation automatique des produits WooCommerce)
Si vous avez besoin de ces fonctionnalités, vous pouvez envisager des mises à niveau ultérieures vers la version payante, mais pour les sites d'entreprise généraux et les blogs personnels, la version gratuite est suffisante.
4. pourquoi ces deux plugins sont recommandés
- Aucun code n'est requis
- Visualisation du backend
- Parfaitement compatible avec le thème Astra
![Image [25]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider](https://www.361sale.com/wp-content/uploads/2025/07/20250707144212600-image.png)
- La version gratuite est suffisante pour répondre aux exigences de base de la rotation.
5. résumé
Installez Smart Slider 3 ou MetaSlider à l'aide de l'option Astra Avec le thème gratuit, il est possible d'obtenir un magnifique effet de rotation de diaporama en quelques minutes, sans compétences professionnelles ni édition de code, ce qui contribue à rehausser l'expérience visuelle du site Web d'un cran.
Lien vers cet article :https://www.361sale.com/fr/66013/L'article est protégé par le droit d'auteur et doit être reproduit avec mention.
























![Emoji[wozuimei]-Photonflux.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![Émoticône [baoquan] - Photon Wave Network | Services professionnels de réparation WordPress, couverture mondiale, réponse rapide](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

Pas de commentaires