Comment créer une galerie d'images in-post sur WordPress

Article écrit par:
  • WordPress
  • Mise à jour: Sep 05, 2017

Construire un beau site WordPress n'est pas sorcier.

Tout comme chaque propriétaire de site a un ensemble d'objectifs unique, les sites WordPress ont une infinité de configurations possibles. Et en tant qu'utilisateur WordPress, votre objectif principal est d'identifier la combinaison parfaite de plug-ins, de contenu et d'options de style pour une expérience utilisateur réellement convaincante.

Dans cet article, nous allons examiner les meilleures méthodes pour pimenter vos publications avec des galeries d'images.

Aller à:

Faisons craquer!

Méthode #1: Utilisation de FooGallery

S'il y a une chose à laquelle la communauté WordPress devrait être reconnaissante, c'est la dépôt de plugin gratuit cela facilite l'intégration de fonctionnalités utiles dans leur site.

FooGallery est l'un des plugins les plus populaires que vous pouvez utiliser pour créer des galeries d'images à posteriori. Il vous permet de créer de belles galeries réactives aux appareils mobiles et prêtes pour la rétine sans écrire une seule ligne de code.

Le moyen le plus rapide d'installer FooGallery est d'utiliser le tableau de bord WordPress. Allez dans Plugins> Ajouter nouveau, tapez “FooGallery”, puis cliquez sur le bouton Installer.

Après l'installation et l'activation, vous pouvez commencer à créer votre première galerie en cliquant sur FooGallery> Ajouter une galerie.

Insérez un titre qui vous aidera à identifier en quoi consiste la galerie. Cela ne sera pas visible pour les utilisateurs, alors n'hésitez pas à utiliser le titre de votre choix.

Pour ajouter des photos à votre galerie, cliquez sur Ajouter un média sous «Éléments de la galerie».

Cela devrait faire apparaître l'interface familière dans laquelle vous pouvez choisir une image de votre médiathèque ou en télécharger une nouvelle en cliquant sur l'onglet Télécharger des fichiers.

Lorsque vous ajoutez des images à votre galerie, faites attention à la légende et au titre du fichier d’image, vous pouvez choisir d’afficher les deux lorsque les utilisateurs la survolent.

Choisir un modèle

Une fois que vous avez téléchargé toutes les images dont vous avez besoin, continuez et réglez les paramètres comme bon vous semble. Commencez par sélectionner un modèle pour votre galerie.

Le modèle détermine essentiellement comment votre galerie va apparaître.

Par exemple, le modèle de galerie d'images réactives affiche toutes les images sous forme de grille qui s'ajuste automatiquement en fonction de la taille de l'écran:

D'autre part, le modèle Visionneuse d'images affiche une image à la fois tout en offrant aux utilisateurs des boutons de navigation:

Notez que le reste des paramètres disponibles dépend de votre modèle. Certains des paramètres que vous pouvez trouver sont l'alignement de la galerie, la taille de la vignette, les effets de survol, l'espacement de la grille, le plug-in lightbox, etc.

N'hésitez pas à jouer avec ces paramètres jusqu'à ce que vous obteniez l'apparence souhaitée. Une bonne stratégie consiste à ouvrir les galeries dans un onglet et une page de test sur un autre.

Cela nous amène à l'étape suivante - l'ajout de galeries d'images dans les messages.

Insertion de galeries dans des publications

Il existe fondamentalement deux façons d'ajouter des galeries d'images à votre contenu: via un shortcode et via l'éditeur de publication WordPress.

Pour trouver le numéro abrégé d'une galerie particulière, accédez à FooGallery> Galeries dans le tableau de bord. Cliquez sur le shortcode pour le copier automatiquement dans votre presse-papiers.

Ensuite, collez simplement le shortcode dans la zone de contenu de tout article ou de toute page. Si cela fonctionne, vous devriez voir un espace réservé de galerie vide avec le shortcode affiché en bas.

Ne vous inquiétez pas, l'espace réservé ne représente pas ce à quoi la galerie ressemblera lorsque la page sera chargée.

L'autre alternative consiste à insérer des galeries directement dans un message ou une page. À partir du tableau de bord WordPress, ouvrez la page ou le message que vous souhaitez utiliser, puis cliquez sur le bouton Ajouter FooGallery dans l'éditeur.

Cela ouvrira la fenêtre «Choisissez une galerie» où vous pourrez trouver toutes les galeries disponibles que vous pouvez utiliser. Vous pouvez également créer une nouvelle galerie à partir de zéro par ici.

Pour ajouter une galerie, cliquez sur sa vignette, puis sur le bouton Insérer une galerie.

Si vous ne trouvez pas la galerie que vous souhaitez utiliser, vous l'avez peut-être simplement créée à partir d'un onglet séparé. Dans ce cas, cliquez simplement sur le bouton Recharger pour actualiser la fenêtre.

Améliorer FooGallery

L'extensibilité est l'un des principaux avantages de FooGallery. En accédant à FooGallery> Paramètres, vous pouvez modifier plusieurs aspects du fonctionnement du plug-in.

Par exemple, dans l'onglet Images, vous pouvez régler la qualité de la miniature des galeries sur un maximum de 100.

Enfin, FooGallery prend en charge un certain nombre d'extensions légères différentes qui ajoutent des fonctionnalités. Vous pouvez parcourir le magasin d'extensions en allant à FooGallery> Extensions.

Méthode #2: Création de galeries sans plug-ins

Si vous n’êtes pas séduit par l’idée d’utiliser des plugins pour tout, vous pouvez envisager d’utiliser fonctionnalités WordPress intégrées au lieu.

Pour créer des galeries de publication sans plug-in, accédez à l'éditeur de publication WordPress, puis cliquez sur Ajouter un média.

À partir de là, sélectionnez l’option «Créer une galerie», puis choisissez les images que vous souhaitez utiliser.

Une fois toutes les images sélectionnées, cliquez sur le bouton Créer une nouvelle galerie.

Cela vous mènera à la fenêtre Éditer la galerie où vous pourrez spécifier l'ordre des images, le nombre de colonnes que vous souhaitez utiliser et la taille de la galerie.

N'oubliez pas d'écrire une légende appropriée pour chaque image pour donner aux utilisateurs un peu de contexte. Vous pouvez également modifier le comportement de liaison de chaque image.

Définissez ceci sur «Aucun» si vous ne souhaitez pas que votre galerie soit interactive de quelque manière que ce soit.

Méthode #3: Autres plugins alternatifs

Nous avons maintenant exploré deux des options les plus populaires pour l’ajout de galeries intégrées aux publications WordPress.

Pour vous donner encore plus de flexibilité, voici quelques autres alternatives à FooGallery que vous pouvez envisager:

Portfolio Gallery de Huge IT

Site: huge-it.com/portfolio-gallery/; Prix: Gratuit / $ 40 pour le site 1

Portfolio Gallery fait partie de l'écosystème du plugin Huge IT WordPress. C'est un plugin facile à utiliser qui vous permet de créer des galeries hautement interactives avec plusieurs vues, y compris des blocs pleine hauteur, un curseur de contenu, une grille élastique et une galerie de lightbox.

Galerie NextGEN

Site: www.imagely.com/nextgen-gallery/; Prix: Gratuit / $ 69

En termes d'installations actives, NextGEN Gallery est au sommet avec plus d'un million d'utilisateurs 1. La seule raison pour laquelle FooGallery est présenté dans cet article est son prix élevé. Il comporte également une section de paramètres plus élaborée qui peut prêter à confusion pour les nouveaux utilisateurs. Néanmoins, c'est un plugin solide qui peut vous aider à créer de belles galeries réactives.

Instagram Flux WD

Site: web-dorado.com/wordpress-instagram-feed-wd; Prix: Gratuit / $ 25 pour le site 1

Vous pouvez facilement utiliser Instagram Feed WD pour extraire du contenu de votre compte Instagram dans une galerie personnalisable.

C'est parfait pour les photographes et les blogueurs ayant une présence établie sur Instagram.

Vous avez trouvé tout ce dont vous avez besoin sur la création de galeries d'images à posteriori? N'oubliez pas de consulter le plugins WordPress essentiels que chaque site devrait avoir!

A propos de Christopher Jan Benitez

Christopher Jan Benitez est un rédacteur pigiste professionnel qui fournit aux petites entreprises un contenu qui engage leur audience et augmente le taux de conversion. Si vous recherchez des articles de haute qualité sur tout ce qui a trait au marketing numérique, alors c'est votre homme! N'hésitez pas à lui dire bonjour sur Facebook, Google+ et Twitter.