Dans cet article de blog, nous aborderons \u00e9galement\u00a0:<\/p>\n\n\n\n
- Comment ajouter une galerie d'images WordPress<\/a><\/li>
- Comment ajouter des images dans du texte ou cr\u00e9er une galerie d'images<\/a><\/li>
- Comment \u00e9diter et formater une galerie de photos<\/a><\/li>
- Comment changer la position de la galerie sur votre site Web<\/a><\/li>
- Conseils suppl\u00e9mentaires \u00e0 la fin<\/a><\/li><\/ul>\n\n\n\n
Si vous utilisez toujours une ancienne version de WordPress ou un th\u00e8me obsol\u00e8te, nous vous recommandons d'installer les versions les plus r\u00e9centes pour pouvoir travailler avec le nouvel \u00e9diteur de blocs.<\/p>\n\n\n\n
<\/span>Ajouter une galerie d'images WordPress via le bloc Galerie<\/span><\/h3>\n\n\n\n
L'ajout d'une galerie dans le nouvel \u00e9diteur WordPress est beaucoup plus simple qu'auparavant. Vous pouvez cr\u00e9er facilement une galerie \u00e0 l'aide du bloc Galerie. C'est un bloc impl\u00e9ment\u00e9 directement dans le noyau de WordPress et vous l'obtenez automatiquement dans la version 5.0 ou ult\u00e9rieure de WordPress.<\/p>\n\n\n\n
1. La galerie peut \u00eatre ajout\u00e9e aux publications et aux pages. Dans un premier temps, vous d\u00e9cidez o\u00f9 vous souhaitez ajouter le bloc WordPress Gallery.<\/p>\n\n\n\n
2. Cliquez sur \u00ab\u00a0+\u00a0\u00bb dans la barre sup\u00e9rieure ou \u00e0 droite dans le contenu. S\u00e9lectionnez ensuite "Bloc Galerie"<\/p>\n\n\n
\n![\"Ajouter](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/gutenberg-gallery-add.png\")
<\/a>Ajout du bloc galerie WordPress en cliquant sur \u00ab + \u00bb<\/figcaption><\/figure>\n<\/div>\n\n\n Vous pouvez \u00e9galement trouver n'importe quel bloc en utilisant la barre de recherche. \u00c9crivez simplement "galerie".<\/p>\n\n\n
\n![\"Ajouter](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/gutenberg-gallery-search.gif\")
<\/a>Ajout du bloc de galerie WordPress via la barre de recherche<\/figcaption><\/figure>\n<\/div>\n\n\n Les blocs peuvent \u00e9galement \u00eatre trouv\u00e9s en utilisant la barre oblique "\/". Vous obtiendrez une liste des blocs disponibles, commencez simplement \u00e0 \u00e9crire "galerie".<\/p>\n\n\n
\n![\"Ajouter](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/gutenberg-gallery-shortcut.gif\")
<\/a>Ajout d'un bloc de galerie WordPress \u00e0 l'aide de la barre oblique "\/"<\/figcaption><\/figure>\n<\/div>\n\n\n <\/span><\/a>Comment ajouter des images<\/span><\/h3>\n\n\n\n
Ins\u00e9rer des images - apr\u00e8s avoir cr\u00e9\u00e9 le bloc Galerie, vous pouvez t\u00e9l\u00e9charger de nouvelles images, en s\u00e9lectionner plusieurs \u00e0 la fois ou utiliser la biblioth\u00e8que multim\u00e9dia.<\/p>\n\n\n
\n![\"\u00c9cran](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/gutenberg-gallery-upload.png\")
<\/a>Toutes les options disponibles pour le t\u00e9l\u00e9chargement d'images<\/figcaption><\/figure>\n<\/div>\n\n\n La biblioth\u00e8que multim\u00e9dia fonctionne de la m\u00eame mani\u00e8re que dans les versions pr\u00e9c\u00e9dentes de WordPress. Vous pouvez y trouver des images que vous avez d\u00e9j\u00e0 t\u00e9l\u00e9charg\u00e9es dans le pass\u00e9.<\/p>\n\n\n\n
3. C'est fait. Votre nouvelle galerie est pr\u00eate.<\/p>\n\n\n
\n![\"Galerie](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/guttenberg-gallery-frontend.png\")
<\/a>Vitrine de la galerie cr\u00e9\u00e9e<\/figcaption><\/figure>\n<\/div>\n\n\n Vous pouvez explorer notre nouveau th\u00e8me Citadela qui vous permet de travailler avec des galeries de cette fa\u00e7on.<\/p>\n\n\n\n
<\/span><\/a>Modifier votre galerie<\/span><\/h3>\n\n\n\n
WordPress 5.0 et versions ult\u00e9rieures ont permis non seulement d'ajouter mais aussi de modifier des galeries. Le nouvel \u00e9diteur WordPress est compl\u00e8tement diff\u00e9rent de l'ancien \u00e9diteur. Si vous souhaitez modifier un bloc de galerie, s\u00e9lectionnez-le avec la souris. Vous obtiendrez la barre d'outils sup\u00e9rieure et le menu lat\u00e9ral pour les param\u00e8tres de la galerie.<\/p>\n\n\n\n
Une partie des param\u00e8tres se trouve dans la barre d'outils du bloc Galerie et d'autres param\u00e8tres sur le c\u00f4t\u00e9 droit de la barre lat\u00e9rale. Au d\u00e9but, cela peut sembler un peu compliqu\u00e9, mais apr\u00e8s une courte p\u00e9riode de jeu avec le nouvel \u00e9diteur WordPress, vous trouverez toutes les possibilit\u00e9s. Vous pouvez ins\u00e9rer un bloc Galerie, puis le modifier facilement. Les avantages r\u00e9sident principalement dans divers param\u00e8tres et une administration simplifi\u00e9e des images de la galerie.<\/p>\n\n\n\n
<\/span>Disposition des images dans la galerie d'images WordPress (\u00e0 partir de WP 5.0)<\/span><\/h4>\n\n\n\n
Le premier changement apport\u00e9 par WordPress 5 a \u00e9t\u00e9 l'ajout, la suppression et la r\u00e9organisation plus fluides des images via le bloc Galerie WordPress. Apr\u00e8s avoir cliqu\u00e9 sur l'ic\u00f4ne Modifier la galerie, la fen\u00eatre contextuelle s'est affich\u00e9e, puis vous avez utilis\u00e9 le glisser-d\u00e9poser pour r\u00e9organiser les images.<\/p>\n\n\n
\n![\"R\u00e9organiser](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/gutenberg-gallery.gif\")
<\/a>R\u00e9organisation facile des images dans la galerie par glisser-d\u00e9poser dans WP 5<\/figcaption><\/figure>\n<\/div>\n\n\n <\/span>Fen\u00eatre pop-up manquante dans WordPress 5.3<\/span><\/h4>\n\n\n\n
Si vous avez mis \u00e0 jour votre WordPress vers la version 5.3, la fa\u00e7on dont vous r\u00e9organisez les images est diff\u00e9rente. L'ic\u00f4ne Modifier la galerie est maintenant manquante, ainsi qu'une fen\u00eatre modale pour l'\u00e9dition. Si vous souhaitez r\u00e9organiser les photos, vous pouvez le faire directement depuis la zone de contenu (dans le bloc Galerie WordPress).<\/p>\n\n\n\n
<\/span>Une nouvelle fonctionnalit\u00e9 dans la galerie de photos WordPress : r\u00e9organisation en ligne des images<\/span><\/h3>\n\n\n\n
Il est avantageux que vous puissiez organiser les images directement \u00e0 partir du bloc Galerie ins\u00e9r\u00e9. Sans passer par une fen\u00eatre modale plus. \u00c0 partir de WordPress 5.3, vous devez s\u00e9lectionner une image que vous souhaitez d\u00e9placer. Ensuite, des fl\u00e8ches apparaissent dans son coin gauche. Appuyez sur la fl\u00e8che avant ou arri\u00e8re et l'image se d\u00e9place.<\/p>\n\n\n\n
Pour r\u00e9organiser la galerie, vous ne pouvez pas saisir la premi\u00e8re image et passer \u00e0 la fin de la galerie. Vous devez cliquer sur la fl\u00e8che et passer une par une position.<\/p>\n\n\n\n
Pour supprimer une image, vous devez \u00e9galement le faire une par une. Choisissez-en un et naviguez vers le coin sup\u00e9rieur droit. Appuyez sur le bouton "x" pour effacer l'image de la galerie - elle reste dans le stockage de votre biblioth\u00e8que multim\u00e9dia.<\/p>\n\n\n\n
![\"Galerie](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/01\/wordpress-image-gallery.png\")
R\u00e9organisation des images dans la galerie d'images WordPress<\/figcaption><\/figure>\n\n\n\n Et qu'en est-il de la r\u00e9organisation par glisser-d\u00e9poser disponible dans WP 5.0 ?<\/p>\n\n\n\n
Cette fonctionnalit\u00e9 n'est pas prise en charge dans la version actuelle. Vous devez utiliser les fl\u00e8ches \u00e0 la place (mais c'est aussi un moyen pratique d'\u00e9diter la galerie d'images WordPress). Cependant, selon nos informations, les d\u00e9veloppeurs WordPress envisagent de prendre en charge le drag & drop dans un futur proche.<\/p>\n\n\n\n
<\/span>Barre lat\u00e9rale droite Param\u00e8tres Images<\/span><\/h3>\n\n\n\n
Choisissez le nombre de colonnes pour votre galerie. L'image peut \u00eatre li\u00e9e \u00e0 un fichier multim\u00e9dia qui entra\u00eenera l'ouverture de l'image dans une lightbox. Si vous avez des images de dimensions diff\u00e9rentes, vous pouvez utiliser la fonction Recadrer les images pour qu'elles se ressemblent. Les dimensions de la fonction Recadrer les images sont prises \u00e0 partir des plus petites images.<\/p>\n\n\n
\n![\"Modification](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/gutenberg-gallery-columns.gif\")
<\/a>Modification du nombre de colonnes \u00e0 l'aide du curseur<\/figcaption><\/figure>\n<\/div>\n\n\n L'administration des images dans les blocs Galerie est plus facile et plus rapide que dans les anciennes versions de WordPress. Le bloc Galerie peut \u00e9galement \u00eatre command\u00e9, ce qui signifie que vous pouvez le faire glisser et le d\u00e9poser n'importe o\u00f9 dans le contenu entre d'autres blocs.<\/p>\n\n\n\n
<\/span><\/a>Position et alignement de la galerie d'images<\/span><\/h3>\n\n\n\n
Les images et la galerie peuvent \u00eatre align\u00e9es. En haut du bloc Galerie, il y a une barre d'outils avec diverses options. Vous pouvez y modifier par exemple l'alignement de la galerie ou rendre la galerie visible sur toute la largeur du contenu. Jouez avec les param\u00e8tres. Ajoutez plus de texte ou d'images pour rendre votre site Web plus agr\u00e9able.<\/p>\n\n\n
\n![\"Alignement](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/gutenberg-gallery-align.gif\")
<\/a>Modification de la position et de l'alignement de la galerie<\/figcaption><\/figure>\n<\/div>\n\n\n <\/span>Nouvelle fonctionnalit\u00e9 de sauvegarde automatique ajout\u00e9e<\/span><\/h3>\n\n\n\n
Il s'agit d'une fonctionnalit\u00e9 tr\u00e8s utile qui est apparue dans les publications et les pages WordPress apr\u00e8s la mise \u00e0 jour de la plateforme vers la version actuelle 5.3. Auparavant, vous deviez enregistrer manuellement vos donn\u00e9es ajout\u00e9es dans un brouillon ou un contenu publi\u00e9, maintenant le syst\u00e8me le fera lui-m\u00eame. La fonction d'enregistrement automatique garantit que vous ne perdrez aucune modification en cas de panne de votre connexion Internet.<\/p>\n\n\n\n
<\/span>Comment ajouter une l\u00e9gende dans la galerie d'images WordPress<\/span><\/h3>\n\n\n\n
Ajouter des l\u00e9gendes aux images de la galerie n'a jamais \u00e9t\u00e9 aussi simple. Si vous vous souvenez, dans les anciennes versions de WordPress, vous deviez modifier chaque l\u00e9gende s\u00e9par\u00e9ment dans les param\u00e8tres de modification de l'image. Vous pouvez maintenant ajouter des l\u00e9gendes d'image directement dans les images. Cliquez simplement sur la partie inf\u00e9rieure de l'image et \u00e9crivez une l\u00e9gende. C'est \u00e7a.<\/p>\n\n\n
\n![\"L\u00e9gendes](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/gutenberg-gallery-caption.png\")
<\/a>Remplissez les l\u00e9gendes directement dans vos images<\/figcaption><\/figure>\n<\/div>\n\n\n De plus, la derni\u00e8re mise \u00e0 jour a apport\u00e9 une option suppl\u00e9mentaire pour le sous-titrage. Il est d\u00e9sormais possible de saisir une l\u00e9gende non seulement pour des images sp\u00e9cifiques, mais \u00e9galement pour l'ensemble du bloc Galerie. Vous pouvez trouver cette option sous les images ins\u00e9r\u00e9es \u00e0 l'int\u00e9rieur du bloc. Il y a un espace r\u00e9serv\u00e9 "\u00c9crivez la l\u00e9gende de la galerie\u2026" <\/em>au fond.<\/p>\n\n\n\n
<\/span><\/a>Conseil suppl\u00e9mentaire\u00a0: comment ajouter une galerie dans des colonnes<\/span><\/h3>\n\n\n\n
Comme nous l'avons d\u00e9j\u00e0 mentionn\u00e9 ci-dessus, vous pouvez ajouter une galerie d'images WordPress dans des articles et des pages. Vous pouvez cr\u00e9er un bloc Galerie autonome. Vous pouvez \u00e9galement l'ajouter dans le bloc Colonnes avec d'autres blocs WordPress.<\/p>\n\n\n\n
Soyez prudent lorsque vous jouez avec le nombre de colonnes. La r\u00e9trogradation de leur nombre va supprimer la galerie cr\u00e9\u00e9e.<\/p>\n\n\n\n
Dernier conseil\u00a0:<\/strong> passez simplement de la galerie de photos aux images. Acc\u00e9dez au menu sup\u00e9rieur de la barre d'outils et cliquez sur la premi\u00e8re ic\u00f4ne. Les images de la galerie vont \u00eatre divis\u00e9es en une image sous une autre.<\/p>\n\n\n\n
\u00cates-vous un photographe? Jetez un \u0153il \u00e0 notre collection des meilleurs Th\u00e8mes WordPress Photographe<\/a>. Ces th\u00e8mes incluent tout ce dont vous avez besoin pour d\u00e9marrer avec votre galerie de sites Web WordPress.<\/p>\n
\n\nTable des mati\u00e8res<\/p>\n<\/span><\/div>\n
- Comment ajouter des images dans du texte ou cr\u00e9er une galerie d'images<\/a><\/li>