Sommaire
Voulez-vous avoir le pouvoir de transformer n’importe quoi en un slider dans WordPress ? Selon le plugin que vous utilisez, vous êtes généralement limité à un seul type de média. Cela peut être très limitatif, il est donc naturel de vouloir construire des sliders plus riches en contenu.
Heureusement, vous pouvez faire exactement cela avec le plugin Slide Anything. Du texte, des images, du HTML, de la vidéo, et même des shortcodes peuvent être ajoutés dans ce slider. Et vous n’aurez pas besoin d’expérience en codage pour obtenir d’excellents résultats.
Aujourd’hui, je vais vous montrer comment utiliser le plugin Slide Anything pour transformer à peu près n’importe quoi en un slider.
Pourquoi utiliser des sliders dans WordPress ?
Un slider de contenu WordPress consiste à faire tourner plusieurs éléments de contenu. Traditionnellement, les sliders sont utilisés pour les images et les galeries de photos, mais ils ont été développés pour ajouter d’autres formes de médias comme les vidéos.
Le principal avantage de l’utilisation d’un simple plugin WordPress slider est qu’il prend moins de place que l’ajout de chaque élément séparément. Par exemple, si vous avez 5 images d’un produit, cela peut prendre beaucoup de place sur une page.
Au lieu de cela, vous pouvez ajouter un curseur qui contient les 5 images, tout en ne prenant qu’une seule image d’espace.
Et comme les utilisateurs de téléphones mobiles ne cessent de croître et représentent la majorité du trafic Web, il est important de rendre vos pages aussi compactes que possible. Ainsi, les sliders et les carrousels sont des outils formidables lorsque vous essayez de gagner de l’espace, mais ils ne sont pas toujours parfaits.
Inconvénients de l’utilisation des curseurs
De nombreux experts s’accordent à dire que l’utilisation de curseurs n’est pas une bonne façon de présenter du contenu vedette. Selon une étude, sur les 1 % de visiteurs qui ont choisi d’interagir avec un carrousel (autre terme pour les curseurs), 84 % d’entre eux ont cliqué sur la première image.
Il est donc très probable que les visiteurs n’interagissent avec aucun des autres liens d’un carrousel, ce qui va à l’encontre de leur objectif, du moins sur une page d’accueil ou sous forme de bannière.
Un autre facteur à prendre en compte est le fait que les sliders n’utilisent pas le chargement paresseux. Si le carrousel choisit de charger toutes les images en même temps, vos pages prendront plus de temps à charger, ce qui peut sérieusement nuire à votre référencement.
Un autre aspect du chargement paresseux et des sliders est la façon dont certains plugins ajoutent un espace blanc massif entre le bas du carrousel et le prochain élément de contenu. Cela rend la mise en page peu attrayante.
Cependant, ce problème peut être facilement évité en choisissant un slider qui utilise le chargement paresseux (ne charge les images que lorsqu’elles sont nécessaires). S’il n’a pas de fonction du Lazy Loading, vous devriez l’éviter.
Installation de Slide Anything
Slide Anything est un plugin WordPress gratuit pour slider qui peut transformer à peu près n’importe quoi en un slider. Et au cas où vous vous poseriez la question, ce plugin a une fonction du Lazy Loading, donc ne vous inquiétez pas de ralentir vos pages. Le plugin est assez simple à utiliser, alors commençons !
Cliquez sur Plugins et sélectionnez l’option Add New dans le panneau d’administration de gauche.
Recherchez Slide Anything dans le champ de recherche disponible. Vous obtiendrez ainsi d’autres plugins qui pourraient vous être utiles.
Faites défiler vers le bas jusqu’à ce que vous trouviez le plugin Slide Anything et cliquez sur le bouton “Installer maintenant” et activez le plugin pour l’utiliser.
Après avoir activé le plugin, vous êtes prêt à commencer à construire le slider que vous avez toujours voulu. Et heureusement, le processus est vraiment facile et similaire à la création de contenu dans WordPress normalement.
Utilisation de Slide Anything
Dans le panneau d’administration de gauche, cliquez sur SA Sliders et sélectionnez l’option Add New Slider.
En haut de cette page, vous verrez un grand message soulignant toutes les fonctionnalités Pro que vous obtenez si vous choisissez de mettre à niveau. En dessous de ce message, vous trouverez la section titre, que vous devez remplir.
Vous voyez maintenant la section des paramètres du curseur. Ici, vous pouvez ajuster une variété de paramètres pour votre curseur. Il s’agit notamment de la durée de la diapositive (combien de temps elle reste visible avant de basculer), de la transition de la diapositive (combien de temps il faut pour que la diapositive suivante apparaisse), du nombre de diapositives par transition et de 10 paramètres divers que vous pouvez choisir d’activer.
Vous remarquerez également d’autres paramètres sur le côté droit qui contiennent des options d’affichage des éléments et de style CSS.
Note: Si vous n’avez pas une image claire de la façon dont vous voulez que votre diapositive se comporte, n’hésitez pas à sauter cette étape et à créer les diapositives individuelles. De cette façon, vous pouvez tester leur aspect avec les différents paramètres sélectionnés.
Sous les paramètres, vous trouverez la zone de création des diapositives. Chaque diapositive possède essentiellement les mêmes caractéristiques qu’un widget de texte. Vous pouvez écrire du texte, ajouter des images, des GIF, des vidéos, des shortcodes et tout ce qui est permis avec un widget de texte.
Pour passer à la diapositive suivante, faites défiler la page et cliquez sur SLIDE 2, ce qui ouvrira la diapositive à modifier.
Vous pouvez également cliquer sur la diapositive 3. Si vous avez besoin d’ajouter d’autres diapositives, cliquez sur le bouton “Ajouter une diapositive”.
Ajoutez autant de diapositives que nécessaire et remplissez-les avec le contenu souhaité. Lorsque vous avez terminé de créer votre slider, cliquez sur le bouton “Publier” pour enregistrer votre travail.
Vous pourrez maintenant utiliser le slider que vous venez de créer sur votre site Web.
Comment ajouter votre slider dans WordPress
Pour ajouter le slider que vous venez de créer, vous devrez utiliser le shortcode qu’il a généré. Juste au-dessus de l’endroit où se trouvait le bouton “Publier”, vous verrez le shortcode. Cliquez sur le bouton “Copy to Clipboard”.
Maintenant, allez à l’endroit où vous voulez ajouter le curseur. Cela peut être sur une page, un article ou un widget de texte. Collez le code court que vous venez de copier.
Note :Vous pouvez le coller soit dans un bloc texte standard, soit dans le bloc shortcode de l’éditeur Gutenberg, peu importe lequel.
Enregistrez la modification et prévisualisez ou visitez votre site Web pour voir le curseur en action ! Félicitations pour avoir appris à créer un slider dans WordPress en utilisant le plugin Slide Anything.
Testez minutieusement votre slider
Veillez à tester minutieusement le fonctionnement correct du curseur. Cela signifie que les diapositives restent affichées suffisamment longtemps pour que le visiteur moyen puisse absorber toutes les informations. Vous pouvez faire en sorte qu’il dure une seconde de plus que la moyenne pour le rendre plus accessible.
Vous devez également vérifier que les images ont été correctement dimensionnées pour le slider et contrôler tout ce qui n’est pas à sa place.
Sinon, tout le travail que vous avez fourni pour créer la diapositive sera perdu.
Utilisez les diapositives à bon escient
Les curseurs peuvent être des outils puissants lorsqu’il s’agit de gagner de l’espace, mais parfois ils ne sont pas appropriés ou efficaces à utiliser. Comme nous l’avons déjà mentionné, les personnes qui cliquent sur le curseur ne sont pas nombreuses à cliquer sur la première diapositive. Ainsi, si vous avez des informations importantes, envisagez une approche différente.
Une excellente utilisation, et probablement la plus courante, est celle des produits. Il est naturel pour les acheteurs de vouloir visualiser un produit spécifique. Vous pouvez utiliser un plugin WordPress pour un carrousel d’images afin de montrer les produits de plusieurs points de vue (devant, derrière, sur le côté, etc.). Vous pouvez même ajouter une vidéo à la fin du carrousel pour montrer le produit en action.
Le plugin Slide Anything est-il facile à utiliser ? Comment allez-vous utiliser vos sliders ?
