WordPress

Comment créer un Slider WordPress (et 5 meilleurs plugins pour le faire)

slider-wordpress

Les Sliders sont l’un de ces éléments que vous voyez sur presque tous les sites web. Ils sont faciles à mettre en œuvre et ils sont presque toujours beaux, à condition d’utiliser des images convaincantes. De plus, vous pouvez faire des choses amusantes avec un Slider WordPress, par exemple en y ajoutant des effets de transition.

Les Sliders ne sont toutefois pas une fonctionnalité incluse par WordPress, vous aurez donc besoin de plugins pour l’ajouter. Dans cet article, nous vous apprendrons comment faire cela en trois étapes seulement :

  1. Mettre en place votre Slider WordPress et ajoutez les médias que vous souhaitez utiliser.
  2. Configurez votre Slider WordPress.
  3. Placez votre nouveau Slider partout où vous le souhaitez.

Une fois cela fait, nous vous présenterons également les meilleurs plugin de Slider WordPress, afin que vous sachiez quelles sont vos options. Allons-y !

Quand est-ce que vous voudrez peut-être utiliser un curseur WordPress

exemple-slider-hero

Les Sliders sont en fait des fonctionnalités assez simples. Un Slider est une collection d’images que vous faites pivoter, soit en utilisant des boutons, soit en attendant leur transition automatique. En d’autres termes, c’est un diaporama d’images.

Cependant, vous pouvez faire beaucoup plus avec un Slider. Vous pouvez également y ajouter des effets de transition amusants, modifier son texte, créer des boutons uniques et bien plus encore. En bref, il existe de nombreuses façons de passer d’un Slider ennuyeux et banal à quelque chose qui fait vraiment ressortir votre page web.

En ce qui concerne l’utilisation des Sliders, cela dépend de votre site web et de vos objectifs. De nombreux sites utilisent ce que l’on appelle des Sliders «héros», qui s’étendent en haut d’une page web en tant qu’en-tête alternatif.

Outre les Sliders de héros, vous pouvez également créer des carrousels de témoignages et de clients, comme celui-ci :

client-témoignages

En fin de compte, les Sliders constituent un ajout parfait à presque tous les sites web. Cependant, ils sont mieux utilisés pour atteindre un objectif pratique, comme présenter de nombreuses images dans un espace restreint, plutôt qu’une simple décoration. Ils ajoutent également une certaine interactivité de bienvenue à votre site web, ce qui constitue un excellent moyen d’accroître l’engagement des utilisateurs.

Comment créer un Slider WordPress (en 3 étapes)

Au cours des prochaines sections, nous allons vous apprendre à créer un Slider WordPress à l’aide de Master Slider. Nous avons choisi ce plugin car il est facile à utiliser, offre de nombreuses fonctionnalités amusantes et vous permet de configurer autant de Sliders que vous le souhaitez.

Par la suite, nous vous présenterons d’autres plugins de curseur WordPress que vous pourrez utiliser, et nous parlerons davantage de Master Slider lui-même. Pour le moment, installez Master Slider, et vous êtes prêt à démarrer !

Étape 1 : Mettre en place votre Slider WordPress et ajouter les médias que vous souhaitez utiliser

Une fois que vous avez activé le plugin Master Slider, vous trouverez un nouvel onglet Master Slider dans votre tableau de bord. Vous y trouverez une liste de tous vos Sliders WordPress existants (qui doivent être vides à l’heure actuelle). Allez-y et cliquez sur le bouton Créer un nouveau Slider :

ajouter-un-nouveau-slider

Le plugin vous demandera quel type de Slider vous souhaitez configurer. Vous avez le choix entre huit variétés différentes, y compris des Sliders horizontaux avec et sans vignettes :

Nouveau-Slider

Pour ce tutoriel, nous allons configurer un simple Slider personnalisé afin de voir comment fonctionne le processus entier. Alors, choisissez cette option et appuyez sur le bouton CREER.

Ensuite, le plugin vous enverra sur l’onglet SLIDES de votre nouvel élément. Vous pouvez ajouter ici toutes les images que vous souhaitez inclure dans votre Slider à l’aide du téléchargeur de médias WordPress ou sélectionner des images existantes dans votre bibliothèque :

bibliothèque-de-médias-1

Une fois que vous avez ajouté quelques photos, votre onglet SLIDES devrait ressembler à ceci :

nouveau-slide-1

Vos images sont prêtes. Gardez cet onglet ouvert et passez à l’étape suivante.

Étape 2 : Configurez votre Slider WordPress

Ensuite, vous pouvez configurer le fonctionnement de votre Slider WordPress. Pour cela, faites défiler jusqu’à la section Arrière-plan de l’onglet SLIDES. Pour chacune de vos Slides, vous pouvez configurer un arrière-plan unique en utilisant une image choisie, ainsi que les couleurs et le texte que vous aimez :

modification-arrière-plan

En ce moment, nous allons simplement mettre en place un simple Slider WordPress en utilisant toutes les images que nous avons téléchargées. Si vous faites défiler vers le bas, vous pouvez voir comment chaque image apparaîtra sur le Slider. Il existe également un bouton Aperçu, que vous pouvez sélectionner pour voir comment votre Slider WordPress se présente :

aperçu

Lorsque vous avez terminé, vous voudrez passer à l’onglet SLIDER CONTROLS. Vous pouvez y choisir le type de commandes que vous souhaitez que votre curseur utilise. Le paramètre par défaut s’appelle Flêches, et vous pouvez probablement deviner à quoi elles ressemblent :

exemple-progrès-slider

Bien entendu, vous êtes libre de choisir le système de contrôle que vous préférez. Paramètres Slider, où vous pouvez encore modifier votre Slider WordPress.

Vous trouvez par exemple des options pour améliorer la largeur et la hauteur de votre Slider. Vous pouvez même donner un nom, qui figure dans l’onglet Master Slider :

nom-taille

Si vous faites défiler un peu plus loin, vous pouvez également ajouter des effets de transition simples à votre Slider. Gardez à l’esprit que la version gratuite de Master Slider ne comprend que deux effets: Normal et Fade. Nous vous recommandons le premier car il offre une transition propre à votre Slider de publication WordPress :

transition

Enfin, vous pouvez également jouer avec les Skins en faisant défiler vers la section Apparence. Ce sont des modèles de Slider qui vous permettent de modifier son apparence.

Nous avons montré l’habillage par défaut jusqu’à présent dans nos exemples, mais il existe d’autres options intéressantes avec lesquelles vous pouvez jouer. Vous pouvez même ajouter des CSS personnalisés aux Sliders WordPress si vous êtes dans ce genre de chose :

styles-de-skins

Une fois que vous avez fini de choisir le style de votre Slider WordPress, appuyez sur le bouton Enregistrer les modifications et passez à la dernière étape.

Étape 3 : Placez votre nouveau Slider partout où vous le souhaitez

Votre Slider WordPress est maintenant prêt, il ne vous reste donc plus qu’à le placer sur votre site web. Ce processus est simple, car le plugin Master Slider génère un shortcode pour chaque Slider que vous créez.

Pour trouver ces shortcode, accédez à l’onglet Master Slider de votre tableau de bord et consultez la colonne Shortcode :

slider-shortcodes

Copiez le shortcode du Slider que vous souhaitez placer sur votre site, puis ouvrez l’éditeur de la page ou de la publication à laquelle vous souhaitez accéder. Il suffit de coller le shortcode où vous voulez que votre Slider WordPress apparaisse, comme dans l’exemple ci-dessous :

exemple-editeur

Si vous vérifiez votre page, elle devrait maintenant ressembler à ceci :

slider-1

N’oubliez pas que vous pouvez créer autant de Sliders que vous le souhaitez en utilisant le plugin Master Slider. Vous pouvez même supprimer ceux que vous ne voulez plus utiliser depuis l’onglet Master Slider en sélectionnant le bouton Supprimer à côté de l’un d’eux :

bouton-supprimer

Maintenant, vous pouvez commencer à créer le meilleur Slider WordPress pour votre site ! Avant de conclure, examinons quelques alternatives de ce plugin.

Comparaison entre les 5 meilleurs plugins de Slider WordPress

Nous avons déjà vu l’un des meilleurs plugins WordPress en action. Cependant, nous n’avons pas encore eu l’occasion de vous présenter toutes ses fonctionnalités. Faisons cela maintenant, puis montrons quelques autres solutions que vous pouvez utiliser si Master Slider n’est pas à votre goût.

1. Master Slider

master-slider

Vous connaissez déjà Master Slider, alors passez directement à ce que vous ne savez peut-être pas au sujet du plugin. En plus de vous permettre de créer des Sliders WordPress, ce plugin s’assure également de leur réactivité. Il fonctionne avec la navigation tactile, il est donc parfait pour les sites web compatibles avec les appareils mobiles et il est conçu pour être très adapté aux moteurs de recherche.

Principales fonctionnalités :

  • Créez autant de Sliders que vous le souhaitez.
  • Ajoutez des Sliders à vos pages WordPress à l’aide des shortcodes.
  • Personnalisez le style de vos Sliders et les effets de transition.
  • Assurez-vous que vos Sliders sont entièrement réactifs, sans aucune configuration supplémentaire requise.
  • Optimisez le contenu de vos Sliders pour les moteurs de recherche.

Tarification : Vous pouvez soit essayer la version gratuite de Master Slider, soit opter pour la version premium complète.

2. Smart Slider 3

smart-slider-3

Smart Slider 3 offre plusieurs des fonctionnalités comme celles de Master Slider. Cependant, il comporte également un éditeur de type glisser-déposer que vous pouvez utiliser pour créer vos Sliders. Si vous êtes le genre de personne qui aime modifier les éléments de votre site en utilisant un éditeur de pages plutôt que des listes de paramètres, ce plugin peut être une excellente option.

Outre cette fonctionnalité, Smart Slider 3 garantit également que vos curseurs seront réactifs. De plus, il comprend plusieurs modèles que vous pouvez utiliser pour configurer rapidement des Sliders convaincants.

Principales fonctionnalités :

  • Créez des Sliders WordPress à l’aide d’un générateur de glisser-déposer..
  • Utilisez des éditeurs de pages tiers, tels que Divi et Beaver Builder avec le plugin.
  • Mettre en place des Sliders entièrement réactifs.
  • Choisissez parmi plusieurs modèles pour que vos Sliders fonctionnent rapidement.
  • Ajoutez plusieurs polices au contenu de vos slides.

Tarification : Smart Slider 3 propose une version de base gratuite, ainsi que plusieurs tiers payants.

3. MetaSlider

metaslider

En ce qui concerne les plugins de Slider WordPress, peu sont aussi populaires que MetaSlider. Avec près de 1 000 000 d’installations actives, nous avons publié cet article, il se situe au sommet de la chaîne des plugins.

Bien que MetaSlider ne dispose pas de l’interface lisse des autres plugins que nous avons parlé jusqu’à présent, il brille quand il s’agit de la facilité d’utilisation. L’ajout de slides est simple, tout comme la réorganisation, l’ajout de texte et même l’optimisation de leurs métadonnées. Avec d’autres plugins, tout ce travail peut prendre un certain temps, mais MetaSlider simplifie les choses grâce à une interface propre et intuitive.

Principales fonctionnalités :

  • Mettre en place plusieurs Sliders WordPress.
  • Ajouter rapidement des Slides et réorganisez-les.
  • Ajouter du texte à vos Slides et profiter l’optimisation des moteurs de recherche (SEO), le tout depuis le même écran.
  • Des effets de transition pour vos Sliders.
  • Ajoutez des Sliders à l’une de vos pages à l’aide de shortcode.

Tarification : MetaSlider est gratuit dans le répertoire des plugins WordPress, ou vous pouvez obtenir une licence premium avec quelques fonctionnalités supplémentaires.

4. Slider by WD

slider-wd

Si vous êtes le genre de personne qui aime personnaliser chaque petit détail de votre site web, Slider by WD est peut-être votre solution. Il comporte une grande partie des fonctionnalités que nous avons vues jusqu’à présent avec d’autres plugins de Sliders, tels que la prise en charge de plusieurs Slides, un désigne réactif, etc.

Où le plugin brille vraiment est combien de paramètres que vous pouvez modifier pour chacune de vos Slides. Par exemple, vous pouvez jouer avec leur taille, leurs couleurs et leurs effets de transition. Vous pouvez même importer et exporter des Sliders afin de pouvoir les copier d’un site à un autre. Enfin, le plugin inclut une option permettant de filigraner vos images, ce qui peut s’avérer utile si vous devez protéger votre travail original.

Principales fonctionnalités :

  • Mettre en place des Sliders WordPress compatibles avec les mobiles.
  • Accédez à un large éventail d’options de personnalisation pour vos Slides.
  • Filigrane vos Slides pour les protéger contre le vol.
  • Importez et exportez des Slides afin de pouvoir les copier d’un site à un autre.

Tarification : La version gratuite de Slider WD est un outil solide, même si vous pouvez également acheter à une licence premium.

5.  Slide Anything

slide-anything

Jusqu’à présent, tous les plugins de Slider dont nous avons parlé sont principalement axés sur les images. Toutefois, comme nous l’avons mentionné précédemment, vous pouvez également utiliser des Sliders WordPress à d’autres fins. Vous créez des témoignages de clients, des critiques de vitrines et bien plus encore.

Le plugin Slide Anything vous permet de configurer des Sliders en utilisant presque n’importe quel type de contenu. En plus des images et du texte, il vous permet également d’utiliser du code HTML et même des shortcode, ce qui peut créer des combinaisons amusantes. De plus, ce plugin inclut des fonctionnalités amusantes telles que le défilement infini (pour que votre Slider continue boucle), toute une collection d’effets de transition sympas, et bien plus encore.

Principales fonctionnalités :

  • Mettre en place les Sliders en utilisant n’importe quel type de contenu que vous souhaitez.
  • Choisisser parmi plusieurs effets de transition pour vos slides.
  • Utiliser des shortcode dans vos Sliders.

Tarification : Vous pouvez utiliser Slide Anything Pro gratuitement ou accéder à quelques fonctionnalités supplémentaires (telles que les popups) avec la version premium.

Conclusion

Il y a une raison pour laquelle les Sliders sont si populaires. Tout ce que vous avez à faire est de sélectionner quelques images, ajouter un effet de transition ou deux, et éventuellement inclure du texte et vous avez un élément qui a une bonne allure n’importe où sur votre site (en particulier en-tête). Avec WordPress, vous pouvez facilement configurer un Slider en utilisant votre plugin préféré. Nous penchons vers Master Slider en raison de la richesse de ses fonctionnalités, mais il existe d’excellentes options.

Avez-vous des questions sur la façon de mettre en place votre premier Slider WordPress ? Demandez dans la section commentaires ci-dessous !

Ajouter un commentaire

Cliquez ici pour poster un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Commencez à économiser dès maintenant !

Hébergement et nom de domaine tout-en-un à partir de

2
45
/mois
>