Les images sont l’un des moyens les plus efficaces d’attirer l’attention d’un public sur Internet. Les graphiques jouent un rôle si important en ligne que des services tels que Snapchat et Instagram sont en mesure de prospérer. Pourquoi ne pas ajouter un carrousel de galeries à votre site web WordPress ?
Une galerie est idéale pour présenter des produits, des services ou vos propres œuvres d’art. Elles jouent un rôle essentiel dans de nombreux portfolios en ligne, en particulier pour les graphistes.
Comment ajouter un carrousel de galeries dans WordPress
Dans ce tutoriel, je vais montrer comment ajouter un simple carrousel à WordPress qui peut avoir un impact important sur vos visiteurs. Tout ce qu’il faut, c’est le bon plugin pour booster la fonctionnalité de votre contenu.
Comment créer un carrousel de galerie d’images sur WordPress
Par défaut, WordPress est livré avec une galerie simple et basique. Cependant, elle n’a pas beaucoup de pizzazz et de flair que vous pourriez vouloir mettre dans vos articles et vos pages. Pour cela, je vais utiliser WordPress Carousel.
Ce plugin propose un design moderne pour les sites web, plusieurs méthodes pour mettre en valeur les images, et surtout, il est entièrement réactif. Ce que j’aime, c’est la multitude d’outils qui l’accompagnent.
- Interface Glisser-Déposer
- Bascule Autoplay
- Balayage tactile (Mobile)
- Boucle infinie
- Prise en charge des feuilles de style CSS personnalisées
- Prise en charge des images et des produits
Une autre chose à noter est la façon dont ce carrousel utilise les shortcodes WordPress. Une fois que vous avez créé le carrousel, il génère un shortcode que vous pouvez placer sur n’importe quel article, page ou widget texte. Ainsi, vous avez un contrôle total sur son emplacement.
Étape 1 : Installer WordPress Carousel
Commençons par cliquer sur Plugins et sélectionner l’option Ajouter un nouveau dans le panneau d’administration de gauche.
Recherchez WordPress Carousel dans la boîte 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 WordPress Carousel et cliquez sur le bouton « Installer maintenant » et activez le plugin pour l’utiliser.
Lors de l’activation, une vidéo d’aide vous sera présentée pour commencer. Elle vous donne une vue d’ensemble du plugin et vaut la peine d’être regardée.
Étape 2 : Paramètres généraux
En réalité, il n’y a pas beaucoup de paramètres et tout est activé par défaut, mais passons rapidement en revue avant de commencer.
Cliquez sur WP Carousel et sélectionnez l’option Paramètres.
La première option est une petite case à cocher qui supprimera toutes les données du plugin si vous choisissez de le supprimer. Ceci est recommandé si vous n’avez pas l’intention de l’utiliser à nouveau, mais vous n’avez probablement pas besoin de vous en soucier pour le moment.
Les trois options suivantes sont toutes activées par défaut, elles activent les options pour le code CSS et JS. Il n’y a aucun inconvénient à les laisser activées, même si vous n’avez pas l’intention de les utiliser.
Il suffit de cliquer sur l’interrupteur pour les désactiver ou les activer.
C’est également ici que vous pouvez ajouter des feuilles de style CSS personnalisées. Si vous en utilisez déjà sur votre site web, il ne fait aucun doute que vous voudrez en ajouter ici pour harmoniser la mise en page de vos pages.
Pour ce faire, cliquez sur l’option CSS personnalisé.
Comme la plupart des plugins, vous aurez une petite zone de texte que vous pouvez utiliser pour ajouter des CSS supplémentaires au plugin. Ajoutez-le et cliquez sur le bouton « Save ».
Quoi qu’il en soit, vous êtes prêt à commencer à construire.
Étape 3 : Choisir le type de carrousel et ajouter des images
La création d’un carrousel est très simple. Vous sélectionnez le type de carrousel, vous ajoutez ce type de contenu et vous personnalisez quelques paramètres. Il n’y a rien de plus simple.
Cliquez sur WP Carousel et sélectionnez l’option Ajouter un nouveau.
En haut, vous pouvez ajouter un titre. Comme vous pouvez avoir plusieurs carrousels, je vous encourage vivement à être descriptif. De cette façon, vous pourrez facilement retrouver le carrousel plus tard si vous souhaitez y apporter des modifications.
La première option réelle est de choisir le type de carrousel.
Dans la version gratuite, vous pouvez choisir l’option Image, Post ou Woo Product. Si vous avez la version pro, vous pouvez également choisir les options Content et Video.
Pour ce tutoriel, nous utilisons un carrousel d’images.
En dessous, cliquez sur le bouton Ajouter une image pour choisir des fichiers dans votre bibliothèque multimédia. Vous pouvez également en télécharger de nouvelles.
Vous aurez la possibilité de configurer quelques options comme le lien de l’image, le nombre de colonnes et la taille de l’image (en termes de tailles WordPress).
Répétez ces étapes pour ajouter plusieurs images au carrousel. Une fois que vous avez plusieurs images, vous pouvez les réorganiser en les faisant glisser à l’endroit souhaité. Vous pouvez également les supprimer en cliquant sur le « X » noir dans le coin.
Étape 4 : Paramètres du carrousel
Sous la section des images, il y a d’autres paramètres pour ce carrousel spécifique, c’est pourquoi ils ne sont pas dans la section des paramètres précédents.
Cette section est divisée en quatre onglets : Paramètres généraux, Paramètres du carrousel, Paramètres de style et Typographie (exclusif à la version Pro).
Paramètres généraux
Les sections Générales comprennent quelques paramètres simples tels que :
- Une option pour cacher le titre
- Mode carrousel
- Nombre de colonnes sur chaque type d’appareil
- Type de lien d’image
- Commande par
- Préchargeur
Je dirais que l’option la plus importante est celle des colonnes par appareil. Cela permet d’aider les utilisateurs de mobiles et de tablettes qui ont un espace d’écran limité. Cela peut rendre le carrousel de la galerie bizarre ou manquant sur certains appareils s’il n’est pas configuré correctement.
Paramètres du carrousel
Les paramètres du carrousel concernent la manière dont le carrousel se comporte. Il s’agit notamment de la vitesse du carrousel, de la façon dont les visiteurs naviguent, de la pagination et de quelques autres paramètres.
Les paramètres sont assez simples à comprendre, il ne devrait donc pas être difficile de les passer en revue.
Paramètres de style
Cette section concerne l’apparence du carrousel. Cependant, les styles sont verrouillés derrière la version Pro, vous n’avez donc qu’un seul choix.
Cependant, il y a d’autres paramètres comme la bordure et les images que vous pouvez configurer.
Typographie
Les paramètres de typographie concernent la présentation des polices sur le carrousel. Il s’agit du type de police, de la taille, de l’alignement et de la couleur. C’est assez simple, mais il y a un problème, les paramètres ne sont disponibles que pour la version Pro.
N’oubliez pas de sauvegarder tous les changements que vous effectuez.
Étape 5 : Afficher le carrousel
Une fois le carrousel mis en place, il ne reste plus qu’à l’afficher dans WordPress. C’est facile à faire avec les shortcodes.
En bas, vous trouverez le shortcode et le code PHP.
Copiez le shortcode.
Allez dans n’importe quel article, page ou widget texte et collez le shortcode. Après avoir fait cela, enregistrez les modifications et affichez le carrousel de galeries sur votre site web.
Si vous êtes satisfait de l’apparence, félicitations, vous avez terminé. Si ce n’est pas le cas, vous pouvez revenir aux paramètres et commencer à les modifier pour qu’ils soient parfaits. C’est plus facile lorsque le carrousel est utilisé, car vous pouvez vérifier à quoi il ressemble une fois que vous avez enregistré les modifications.
N’oubliez pas que vous pouvez créer plusieurs carrousels pour différents contenus, alors profitez-en.
Des galeries à profusion
Ceci n’est qu’un exemple d’un excellent plugin. Il y a une tonne d’excellents plugins de carrousels et de galeries d’images disponibles sur WordPress. En fait, il s’agit peut-être de la catégorie de plugins la plus nombreuse. Cela dit, WordPress Carousel est l’un des meilleurs.
Il est simple à utiliser, plein d’options personnalisables et entièrement réactif.
Quel type de plugin de galerie utilisez-vous sur votre site web ? Avez-vous trouvé le plugin facile à utiliser ?
