Les galeries d’images avec WordPress.com

Une galerie WordPress affiche un ensemble d’images sous forme de diaporama, de grille carrée ou ronde ou de mosaïque.
Après avoir sélectionné des images préalablement envoyées sur le site, il suffit de choisir le type de galerie. WordPress se charge du reste, joliment.

Haut de page

Créer une galerie

Dans l’éditeur d’articles, cliquer sur le bouton  image et vidéo - bouton Ajouter un média.

Dans l’onglet index Bibliothèque de médias, sélectionner plusieurs images en cliquant sur leurs vignettes. Les touches CTRL (sélection isolée) et  Majuscule (sélection contiguë) permettent de sélectionner plusieurs images.

Les images sélectionnées ont une coche en haut et à droite de leur vignette.
En cliquant sur une coche, on désélectionne l’image  : galerie - désélectionner une image

Cliquer en haut à gauche sur l’option Créer une galerie :

galerie - créer une galerie WordPress
galerie – créer une galerie WordPress

Modifier éventuellement votre sélection d’images en cliquant sur les vignettes pour ajouter des images ou sur la coche pour retirer des images.

Cliquer sur le bouton bouton Créer une nouvelle galerie :

galerie - créer une nouvelle galerie WordPress
galerie – créer une nouvelle galerie WordPress

Dans la colonne de droite, choisir l’option Diaporama puis cliquer sur Insérer la galerie :

galerie - créer un diaporama
galerie – créer un diaporama

Les images du diaporama apparaissent groupées dans l’éditeur d’article :

galerie - diaporama dans un éditeur d'article
galerie – diaporama dans un éditeur d’article

Dans la colonne de droite, cliquer sur Prévisualiser les modifications pour voir le diaporama tel qu’il apparaîtra aux visiteurs du site :

galerie - demande de prévisualisation
galerie – demande de prévisualisation

Pour un visiteur du site, le diaporama apparaît dans un lecteur intégré dans WordPress :

galerie - lecteur de diaporama
galerie – lecteur de diaporama

À savoir : l’option galzrie wordpress - type de galerie ne fait pas partie de l’installation standard WordPress et n’apparaît pas dans un site WordPress auto-hébergé. Dans ce cas,  l’extension Jetpack permet d’ajouter ces types de galeries en sélectionnant les options « Shortcode Embeds » et/ou « Tiled Galleries »:

galeries WordPress - types ajoutés par Jetpack
galeries WordPress – types ajoutés par Jetpack
Haut de page

Modifier une galerie

WordPress permet de modifier le paramétrage d’une galerie déjà insérée dans un article.

À noter : Les paramètres qui vont être modifiés auraient pu être utilisés lors de la création de la galerie.

Dans l’éditeur d’articles, cliquer sur une image qui fait partie d’une galerie. Deux icônes apparaissent en haut de la zone correspondant à la galerie :

galeries - icônes de modification de galerie
galeries – icônes de modification de galerie

Associer un type de lien aux images

Cliquer sur la flèche à droite de Lier à, puis choisir une option :

galeries - choix d'un lien avec les images
galeries – choix d’un lien avec les images
  • Page du fichier attaché crée un lien vers une page spécifique pour l’affichage des images,
  • Fichier média crée un lien vers le fichier de l’image sur le serveur qui héberge le site,
  • Aucun ne crée pas de lien .

À noter : l’option Lier à ne fonctionne pas avec les diaporamas, et peut fonctionner différemment suivant le thème utilisé.

On trouve des exemples de liens avec les images dans l’article Modifier les images dans WordPress.com.

Les autres paramètres n’apparaissent qu’en fonction du type de galerie sélectionné.

Haut de page

Grille de miniatures

Choisir le type Grille de miniatures, et saisir les paramètres

galeries - Paramètrages Grille de miniatures
galeries – Paramètrages Grille de miniatures

Voici ce que peuvent voir les visiteurs du site suivant différents paramètres de la galerie.

  • 3 colonnes et taille miniature
galeries - Grille 3 colonnes + miniatures
galeries – Grille 3 colonnes + miniature
  • 2 colonnes, sans ordre aléatoire  et taille originale (en réalité, WordPress adapte la taille d’affichage à l’espace disponible)
galeries - Grille 2 colonnes + taille originale
galeries – Grille 2 colonnes + taille originale
Haut de page

Mosaïque d’images

galeries - Paramètrages Mosaïque d'images
galeries – Paramètrages Mosaïque d’images

Voici ce que peuvent voir les visiteurs du site suivant différents paramètres de la galerie.

  • taille moyenne
galeries - affichage d'une Mosaïque d'images
galeries – affichage d’une Mosaïque d’images

WordPress organise automatiquement les images en fonction de leur orientation (portrait ou paysage) pour rendre la mosaïque visuellement équilibrée. Survoler une image permet de faire apparaître sa légende.

  • taille miniature et ordre aléatoire
galeries - Mosaïque d'images, miniatures
galeries – Mosaïque d’images, miniatures
Haut de page

Mosaïque d’images carrées

galeries - Paramètrages Mosaïque d'images carrées
galeries – Paramètrages Mosaïque d’images carrées
  • taille miniature et ordre aléatoire
galeries - Mosaïque d'images carrées, miniatures
galeries – Mosaïque d’images carrées, miniatures
  • taille grande, sans ordre aléatoire et liée à une page dédiée à l’affichage d’image
galeries - Mosaïque d'images carrées, grande et lié à page d'image
galeries – Mosaïque d’images carrées, grande et lié à page d’image

À noter : survoler l’image avec la souris fait apparaître la légende en dessous de l’image survolée ainsi que l’adresse de la page dans laquelle l’image sera affichée, conformément à l’option Lier à.

Haut de page

Cercles

galeries - Paramètrages Cercles
galeries – Paramètrages Cercles
  • taille moyenne, ordre aléatoire et lié au fichier de l’image
galeries - Cercles Taille moyenne
galeries – Cercles Taille moyenne

À noter : survoler l’image avec la souris fait apparaître le nom de l’image survolée ainsi que l’adresse du fichier image, conformément à l’option Lier à.

  • 5 colonnes

Bien que le paramétrage du nombre de colonnes ne soit pas proposé avec le type de galerie « Cercles », il est néanmoins possible de le modifier.
En fait, c’est le nombre de colonnes accessible avec le type « Grille de miniatures » qui s’applique pour les cercles. Il faut d’abord choisir le type « Grille de miniatures », choisir le nombre de colonnes, puis choisir le type « Cercles » :

Voici l’affichage des cercles sur 5 colonnes :

galeries - Cercles sur 5 colonnes
galeries – Cercles sur 5 colonnes
Haut de page

Mosaïque de colonnes

galeries - Mosaïque de colonnes
galeries – Mosaïque de colonnes
galeries - affichage Mosaïque de colonnes
galeries – affichage Mosaïque de colonnes
Haut de page

Diaporama

galeries - Paramètrage Diaporama
galeries – Paramètrage Diaporama
galeries - affichage diaporama
galeries – affichage diaporama

WordPress fournit un lecteur de diaporama. Il est possible de lancer ( diaporama - bouton lancer ) ou d’arrêter ( diaporama - bouton arrêter ) un diaporama, ainsi que de revenir à l’image précédente ( diaporama - bouton reculer )ou avancer à l’image suivante ( diaporama - bouton avancer ).

Haut de page

2 réflexions sur « Les galeries d’images avec WordPress.com »

  1. Bonjour et merci d’abord pour votre tutoriel.
    Dites-moi, je découvre le nouvel éditeur de WordPress (Gutenberg je crois) et constate que les options pour les galeries d’images sont désormais limitées. Impossible par exemple de recourir à la « mosaïque d’image » pourtant si attractive. J’ai tenté de « forcer » le passage en recourant à un code HTML mais l’objet créé a alors été refusé. Avez-vous constaté ce problème et avez-vous une solution que je n’aurais pas trouvée ?
    Bien amicalement.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.