Par défaut, WordPress place les images les unes à la suite des autres. À moins que vous ne compreniez le langage HTML, il peut être difficile de faire apparaître les images en colonnes et en lignes. Heureusement, ce problème est relativement facile à résoudre. En fait, il ne faut pas beaucoup d’efforts pour afficher les photos de WordPress en colonnes et en lignes.
Une solution de contournement consiste à placer les images dans un tableau au sein de l’article ou de la page. Bien que cela puisse fonctionner pour ce que vous essayez de faire, c’est aussi plus difficile pour certains.
Aujourd’hui, je vais vous montrer comment configurer les photos WordPress pour qu’elles apparaissent sous forme de grille. De cette façon, vous pouvez placer plus d’images dans un espace plus petit dans vos articles et pages.
Pourquoi placer les photos WordPress en colonnes et en rangées ?
Beaucoup de gens aiment utiliser leurs sites Web pour montrer leurs photos et leurs œuvres d’art. Cela a un grand potentiel pour agir comme un CV en ligne qui affiche le talent du développeur. Par conséquent, le développeur du site Web souhaite que ces images soient disposées de manière propre et facile à voir.
La création d’une galerie d’images WordPress est un excellent moyen pour les artistes de montrer leurs compétences. Que ce soit pour le plaisir ou pour une utilisation professionnelle, ces images sont une attraction pour le site Web. Certaines peuvent même être utilisées pour gagner de l’argent à partir du site, en fonction de vos stratégies.
Méthode 1 : Utiliser la galerie d’images de WordPress
Dans cette méthode, vous n’aurez pas besoin d’installer un nouveau plugin. C’est quelque chose que WordPress peut gérer tout seul. Cependant, il n’a pas beaucoup d’outils flashy que certains plugins de galerie ont. J’en parlerai plus tard.
Pour l’instant, allez dans Articles et cliquez sur le lien “Ajouter un nouveau”.
Le nom que vous donnerez à ce message n’a pas d’importance. Il servira uniquement d’exemple pour que vous puissiez voir comment procéder. Pour ce tutoriel, je l’appellerai simplement “Images de test”.
Cliquez sur le bouton “Add Media” au-dessus de l’éditeur de contenu.
Téléchargez toutes les photos supplémentaires que vous souhaitez ajouter à votre galerie. Dans ce tutoriel, je vais simplement utiliser celles que j’ai déjà.
Dans l’affichage des images, sélectionnez les photos que vous voulez ajouter à la galerie en les cliquant. Vous pouvez le faire en maintenant la touche CTRL de votre clavier enfoncée pendant que vous cliquez. Si vous avez un Mac, c’est la touche Commande que vous appuyez. Les photos ajoutées seront marquées d’une coche noire dans le coin.
Une fois les images prêtes, cliquez sur le lien “Créer une galerie” en haut à gauche de l’écran Média.
Vérifiez que vous avez téléchargé toutes les images que vous voulez sur WordPress. Cliquez sur le bouton “Créer une nouvelle galerie” en bas à droite.
L’affichage changera et ne montrera que les images que vous avez sélectionnées auparavant. Sur le côté droit, vous verrez des contrôles pour modifier la façon dont la galerie apparaît sur le site.
- Lien vers : C’est le lien vers lequel la galerie se dirigera si quelqu’un clique sur une image. Pour ce tutoriel, définissez-le à “fichier multimédia”.
- Colonnes : C’est le nombre de colonnes que la galerie va afficher. Elle créera automatiquement ses propres lignes en fonction du nombre d’images que vous voulez afficher en allant à l’horizontale. Définissons cela à “3” si ce n’est pas déjà défini par défaut.
- Ordre aléatoire/ : Cochez cette case si vous voulez que les images s’affichent de façon aléatoire à chaque fois.
- Taille : Vous pouvez déterminer comment les images sont affichées en fonction de leur taille. Parce que certaines images sont incroyablement grandes, je suggérerais de garder ce paramètre sur “Thumbnail”. Comme nous avons sont lien vers le fichier multimédia, les gens verront l’image en taille réelle s’ils cliquent sur la galerie.
- Type : WordPress a deux types de galerie par défaut. Vous pouvez définir ceci pour une grille de vignettes ou afficher la galerie dans un diaporama. Pour l’instant, laissez ce paramètre pour “Grille de vignettes”.
Une fois vos réglages terminés, cliquez sur le bouton “Insérer une galerie”.
Les images seront alors affichées uniformément sur la largeur de l’article du site Web.
Si vous avez besoin de modifier ou d’ajouter des images, cliquez sur la galerie et sur l’icône “Modifier”. C’est le graphique qui ressemble à un crayon.
Une fois que votre galerie est configurée, mettez à jour ou publiez votre article.
Bien qu’il s’agisse d’une méthode simple et rapide pour présenter des images, elle ne présente pas toutes les caractéristiques d’une véritable galerie professionnelle. Par exemple, les images ne s’ouvrent pas dans une boîte lumineuse et ne sont pas accompagnées d’annotations pour les décrire.
Si vous voulez quelque chose de plus flashy, vous devrez utiliser un plugin comme Envira Gallery.
Méthode 2 : Utilisation de Envira Gallery.
Envira Gallery possède de nombreuses fonctionnalités qui donnent au site un plus grand attrait visuel. C’est un système facile à utiliser une fois que vous l’avez pris en main. Envira peut sembler intimidant au début en raison du nombre d’options de personnalisation dont vous disposez, mais il vaut la peine d’apprendre à l’utiliser.
Allez dans la zone des plugins de WordPress et cliquez sur “Ajouter un nouveau”.
Installez et activez le plugin Envira Gallery.
Dans la colonne de gauche de WordPress, allez sur Envira Gallery et cliquez sur “Add New”.
Donnez un titre à votre nouvelle galerie. Je vais simplement nommer celle-ci “Images de test”.
Envira Gallery peut extraire des images de votre ordinateur ou d’autres sources. Dans ce tutoriel, je vais utiliser les images que j’ai déjà dans WordPress.
Cliquez sur le bouton pour “Sélectionner les fichiers depuis d’autres sources”.
Cela fera apparaître le dossier Media dans WordPress. Cliquez sur les images que vous voulez ajouter à Envira. N’oubliez pas de maintenir la touche CTRL ou Commande enfoncée pour sélectionner plusieurs images. Une fois que vous avez terminé, cliquez sur le bouton “Insérer dans la galerie” en bas.
Une fois les images ajoutées, cliquez sur l’option “Config” sur la gauche.
Envira ajustera automatiquement le nombre de colonnes et de rangées dont vous aurez besoin en fonction de la taille de l’image et de l’espace disponible sur l’article ou la page. Cependant, vous pouvez changer cela manuellement en utilisant le menu déroulant pour “Nombre de colonnes de la galerie”.
Utilisez cette liste pour modifier la façon dont vous souhaitez que la galerie apparaisse. Pour l’instant, je vais laisser cette liste pour des ajustements automatiques.
Lorsque vous avez terminé vos ajustements, cliquez sur le bouton “Publier” sur la droite.
Une fois que votre galerie a été publiée, Envira vous fournira un shortcode WordPress et le codage si vous souhaitez modifier les fichiers de votre modèle. Si vous n’avez pas beaucoup de connaissances en matière d’édition HTML, PHP ou CSS, je vous suggère de coller le code court disponible.
Coder n’est pas la seule façon d’utiliser Envira. Revenons au post que j’ai fait plus tôt. Dans vos articles et pages, vous verrez un nouveau bouton pour “Ajouter une galerie”. Lorsque vous cliquez sur ce bouton, vous pourrez voir toutes les galeries que vous avez créées dans Envira et les insérer.
Lorsque vous choisissez la galerie que vous voulez, le système va automatiquement ajouter le shortcode pour vous.
Envira a beaucoup d’options disponibles pour personnaliser l’expérience. Vous pouvez modifier la taille des images, configurer la lightbox et même ajouter un élément social à l’imagerie si vous payez pour le service premium. Mais dans la version gratuite, vous disposez encore de nombreuses options pour perfectionner votre propre galerie.
Le pouvoir des galeries
Les galeries d’images peuvent être très efficaces pour attirer un public. Nombreux sont ceux qui les utilisent dans le cadre de leurs outils de marketing pour augmenter le nombre de visites et améliorer la rétention du public. Dans tous les cas, elles ajoutent de la couleur et de l’interaction à votre site Web. Expérimentez avec votre propre galerie et explorez ce qu’elle peut faire pour l’engagement sur votre site Web.
Quel genre d’extras avez-vous sur votre site Web pour susciter l’intérêt du public ? Trouvez-vous que les images permettent de garder les internautes plus longtemps sur votre site ?