Vous souhaitez mettre des images côte à côte dans votre contenu WordPress ?
Souvent, les débutants ont du mal à trouver comment mettre deux images l’une à côté de l’autre dans leurs articles et pages WordPress.
Dans ce guide étape par étape, nous montrerons comment mettre facilement des images côte à côte dans WordPress (sans écrire de code).
Utilisation de l’éditeur de blocs pour mettre des images côte à côte
Le moyen le plus simple de mettre vos images côte à côte est d’utiliser l’éditeur de blocs WordPress.
L’éditeur de blocs dispose d’un bloc spécial « Galerie » qui vous permet d’afficher des images en lignes et en colonnes.
Tout d’abord, vous devrez créer une nouvelle publication/page ou en modifier une existante pour ouvrir l’éditeur de contenu. Une fois à l’intérieur, cliquez sur le symbole (+) pour ajouter un nouveau bloc.
Ensuite, vous devez sélectionner le bloc Galerie et l’ajouter à votre page. Vous pouvez trouver le bloc Galerie dans la section Blocs communs, ou vous pouvez utiliser la barre de recherche pour le localiser rapidement.
Maintenant, vous pouvez facilement ajouter des images à votre bloc de galerie, en les faisant glisser dedans ou en utilisant le bouton Télécharger. Vous pouvez également sélectionner des images dans votre médiathèque WordPress.
Comme vous pouvez le voir, nous avons ajouté 2 images à notre bloc Galerie. WordPress les a automatiquement positionnés côte à côte.
Et si vous vouliez 3 images côte à côte ? Voici ce qui se passe si nous ajoutons une troisième image. WordPress redimensionne simplement les autres pour s’adapter aux 3 côte à côte :
Si vous téléchargez une quatrième image, WordPress la placera sous les autres.
Vous pouvez modifier le nombre d’images que WordPress doit inclure côte à côte dans une seule colonne.
Tout d’abord, cliquez sur le bloc Galerie, s’il n’est pas déjà sélectionné. Sur le côté droit de l’écran, vous verrez les paramètres de blocage de la Galerie.
Vous pouvez ajuster le nombre de colonnes ici à n’importe quel nombre entre 1 et 4. Par exemple, si vous voulez deux images côte à côte et deux autres en dessous, vous pouvez définir les colonnes sur 2.
C’est aussi simple que ça!
Si vous souhaitez modifier l’emplacement d’une image dans votre galerie, cliquez simplement dessus. Vous verrez alors des flèches que vous pouvez utiliser pour le déplacer vers l’avant ou vers l’arrière dans la galerie.
Voici une démo de galerie terminée à partir de notre exemple de publication :
Utiliser un plugin pour mettre des images côte à côte dans WordPress
Si vous utilisez l’ancien éditeur WordPress classique, ou si vous souhaitez créer des galeries plus complexes que le bloc Galerie par défaut, vous aurez besoin d’un plugin de galerie WordPress.
Nous vous recommandons d’utiliser Envira Gallery car c’est le meilleur plugin de galerie WordPress
Pour les besoins de ce didacticiel, nous utiliserons la version gratuite d’Envira, mais vous souhaiterez peut-être obtenir la version Pro pour obtenir des fonctionnalités puissantes telles que des albums, des diaporamas d’images, etc.
Tout d’abord, vous devez installer et activer le Galerie Envira brancher. Si vous ne savez pas comment, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.
Ensuite, vous pouvez aller à Galerie Envira » Ajouter un nouveau dans votre tableau de bord WordPress.
Vous devrez donner un titre à votre galerie. Nous avons appelé la nôtre « Example Gallery ». Ensuite, téléchargez les images que vous souhaitez utiliser.
Vous pouvez soit les faire glisser et les déposer dans la zone de téléchargement, soit utiliser l’un des boutons « Sélectionner des fichiers ».
Voici à quoi ressemblent les images une fois téléchargées :
Vous pouvez donner à vos images un titre et un texte alternatif ici. Le titre apparaît sous votre image lorsque l’utilisateur place le curseur de sa souris dessus.
Le titre apparaît également sous l’image dans le mode contextuel Lightbox, que nous examinerons dans un instant.
Pour modifier le titre et le texte alternatif, cliquez sur le bouton Modifier sur une image dans la galerie.
Vous pouvez ensuite modifier le titre de votre image. Il s’agit par défaut du nom de fichier de l’image.
Vous devez également saisir du texte alternatif, car cela est utile pour le référencement de votre site WordPress. Si votre titre décrit l’image, vous pouvez simplement le répéter pour le texte alternatif.
Une fois que vous avez terminé, assurez-vous de cliquer sur le bouton « Enregistrer les métadonnées » avant de cliquer sur le X pour fermer la fenêtre.
Pour ajouter votre galerie sur le site, vous devez d’abord la publier. Allez-y et cliquez sur le bouton Publier sur le côté droit de l’écran.
Maintenant, modifiez un article ou une page, ou créez-en un nouveau. Dans l’éditeur de contenu, cliquez sur (+) pour ajouter un bloc à votre publication et sélectionnez le bloc Envira Gallery. Vous pouvez le trouver dans la section Blocs communs, ou vous pouvez utiliser la barre de recherche.
Vous devrez ensuite cliquer sur le menu déroulant pour sélectionner votre galerie.
Vous devriez voir votre galerie en place dans votre message.
Vous pouvez ajuster les paramètres sur le côté droit de l’écran. Par exemple, vous pouvez modifier la disposition des colonnes ou la taille de la marge entre les images.
Nous avons décidé de configurer notre galerie pour qu’elle s’affiche toujours sur deux colonnes. Nous avons également ajouté une marge plus large entre les images.
L’utilisateur peut cliquer sur une image pour voir la version en taille réelle dans une lightbox. Ils peuvent également faire défiler les images à l’aide de la lightbox.
Si vous souhaitez ajouter plus d’images à votre galerie, vous pouvez y revenir en visitant Galerie Envira » Toutes les galeries dans votre tableau de bord WordPress. Cliquez simplement sur le nom de votre galerie pour la modifier.
Toutes les modifications que vous apportez à votre galerie apparaîtront là où vous les avez placées dans vos publications, pages ou barres latérales. Vous n’avez pas besoin de l’ajouter à nouveau à ceux-ci.
Conseil: Si vous utilisez l’éditeur classique au lieu de l’éditeur de blocs, vous pouvez toujours utiliser Envira Gallery.
Vous verrez un bouton « Ajouter une galerie » au-dessus de l’éditeur classique que vous pouvez utiliser pour ajouter une galerie existante à votre publication.
Vous pouvez également créer une nouvelle galerie en cliquant sur le bouton « Ajouter un média » puis « Créer une galerie ».
Nous espérons que ce tutoriel vous a aidé à apprendre à mettre des images côte à côte dans WordPress. Vous pouvez également consulter notre guide sur la façon d’aligner les images dans l’éditeur de blocs WordPress et notre liste complète des plugins WordPress indispensables (choix d’un expert).
