Rotation des diapositives sans expertise : Astra + solutions de plugins gratuits

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

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

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

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
  • Recherche Smart Slider 3
Image [5]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en oeuvre de Smart Slider 3 et MetaSlider
  • Cliquez sur [Installer] → [Activer]
Image [6]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider

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
  • 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
Image [9]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider
  • 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

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

2.2 MetaSlider

Image [13]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider

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
  • Rechercher MetaSlider
Image [15]-Tutoriel de rotation des diapositives de l'édition gratuite d'Astra : mise en œuvre de Smart Slider 3 et MetaSlider
  • Cliquez sur [Installer] → [Activer]
Image [16]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider

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
  • 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
  • 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
Image [20]-Tutoriel de rotation des diapositives d'Astra Free Edition : mise en œuvre de Smart Slider 3 et MetaSlider
  • 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

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

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

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


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨询:1025174874
(iii) Courriel : [email protected]
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
© Déclaration de reproduction
Cet article a été écrit par lmx
LA FIN
Si vous l'aimez, soutenez-le.
félicitations135 partager (joies, avantages, privilèges, etc.) avec les autres
linmeixuan's avatar - Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires