{"id":1894,"date":"2022-11-21T14:05:04","date_gmt":"2022-11-21T14:05:04","guid":{"rendered":"https:\/\/blog.hostinger.io\/fr\/support\/2022\/11\/21\/6437094-hostinger-createur-de-site-web-comment-ajouter-une-galerie-d-images\/"},"modified":"2025-08-26T21:34:40","modified_gmt":"2025-08-26T21:34:40","slug":"6437094-hostinger-createur-de-site-web-comment-ajouter-une-galerie-d-images","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/fr\/support\/6437094-hostinger-createur-de-site-web-comment-ajouter-une-galerie-d-images\/","title":{"rendered":"Hostinger Cr\u00e9ateur de Site Web : Comment Ajouter une Galerie d&rsquo;Images"},"content":{"rendered":"<p class=\"no-margin\">Il existe deux fa&ccedil;ons d&rsquo;ajouter une galerie d&rsquo;images :<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"http:\/\/undefined#h_a928627457\" target=\"_blank\" class=\"intercom-content-link\">Utiliser l&rsquo;&eacute;l&eacute;ment galerie d&rsquo;images<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"http:\/\/undefined#h_02df724bc7\" target=\"_blank\" class=\"intercom-content-link\">Int&eacute;grer un widget tiers<\/a><\/b><\/p>\n<\/li>\n<\/ul><h1 id=\"h_a928627457\"><b>&Eacute;l&eacute;ment de galerie d&rsquo;images <\/b><\/h1><p class=\"no-margin\">Dans l&rsquo;&eacute;diteur de site Web, d&eacute;veloppez le panneau <b>Ajouter un &eacute;l&eacute;ment<\/b> sur la gauche. Faites glisser et d&eacute;posez l&rsquo;&eacute;l&eacute;ment <b>Galerie <\/b>&agrave; l&rsquo;endroit souhait&eacute; sur votre page Web :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/3c59bf4d-0998-4f21-8cd6-92c4d1360086.jpg\"><\/div><p class=\"no-margin\">Cliquez sur l&rsquo;&eacute;l&eacute;ment pour voir plus d&rsquo;options ; vous pouvez g&eacute;rer les images de la galerie, ouvrir les param&egrave;tres, dupliquer, supprimer ou redimensionner l&rsquo;&eacute;l&eacute;ment :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/46ac27db-e1cc-4d2e-8d96-8849f670e307.jpg\"><\/div><p class=\"no-margin\">Cliquez sur <b>G&eacute;rer la galerie <\/b>pour :<\/p><ul>\n<li>\n<p class=\"no-margin\">Ajouter d&rsquo;autres images<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Trier les images : faites glisser les images pour les changer de place.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Supprimer des images : passez la souris sur une image inutile, et vous verrez une petite ic&ocirc;ne de poubelle &ndash; cliquez dessus pour supprimer l&rsquo;image.<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">Dans <b>les param&egrave;tres de la galerie<\/b>, vous pouvez :<\/p><ul>\n<li>\n<p class=\"no-margin\">S&eacute;lectionner la disposition de la galerie : grille sur ma&ccedil;onnerie.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">D&eacute;finir un nombre d&rsquo;images par ligne<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Modifier l&rsquo;&eacute;cart entre les photos<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Choisir ce qui se passe en cas de clic : par d&eacute;faut, une image cliquer de la galerie est affich&eacute;e dans l&rsquo;aper&ccedil;u plein &eacute;cran, mais vous pouvez facilement d&eacute;sactiver cette option.<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\"><b>REMARQUE <\/b>: la disposition en grille affiche les images dans des carr&eacute;s stricts ; la disposition en ma&ccedil;onnerie affiche les images dans leurs proportions originales :<\/p><ul>\n<li>\n<p class=\"no-margin\"><b>Disposition d&rsquo;une grille<\/b><\/p>\n<p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/b1928026-9477-4094-92ed-0088672ac0b9.jpg\"><\/div>\n<p class=\"no-margin\">\n<\/p><\/li>\n<li>\n<p class=\"no-margin\"><b>Disposition d&rsquo;une ma&ccedil;onnerie<\/b><\/p>\n<p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/bb5ee80f-649e-4ca5-b7d0-88b7036788c6.jpg\"><\/div>\n<p class=\"no-margin\">\n<\/p><\/li>\n<\/ul><h1 id=\"h_02df724bc7\"><b>Int&eacute;grer un widget tiers<\/b><\/h1><p class=\"no-margin\">Si vous souhaitez quelque chose de plus personnalis&eacute;, n&rsquo;h&eacute;sitez pas &agrave; utiliser des outils tiers. <b><a href=\"https:\/\/elfsight.com\/fr\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Elfsight<\/a><\/b> est l&rsquo;une des nombreuses plateformes qui proposent divers widgets int&eacute;grables, dont <b><a href=\"https:\/\/elfsight.com\/fr\/photo-gallery-widget\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">le widget Galerie de photos<\/a><\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Sur Elfsight, vous trouverez une vari&eacute;t&eacute; de mod&egrave;les de galeries d&rsquo;images. Une fois que vous avez s&eacute;lectionn&eacute; un mod&egrave;le, personnalisez-le &agrave; votre guise :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/0df71101-4784-4a56-98a8-d3f5f08c6040.jpg\" alt=\"image.png (1671&times;871)\"><\/div><p class=\"no-margin\">Une fois que vous avez termin&eacute; de cr&eacute;er votre widget, enregistrez-le :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/19f7c117-4d4a-4ae6-a250-46de27359cee.jpg\" alt=\"image.png (3348&times;708)\"><\/div><p class=\"no-margin\">Ensuite, cliquez sur <b>Ajouter au site Web<\/b> et copiez le code d&rsquo;int&eacute;gration :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/328a640c-fc98-4a54-a49e-7e74f6fe8a37.jpg\" alt=\"image.png (3112&times;1154)\"><\/div><p class=\"no-margin\"><b>REMARQUE <\/b>: Il se peut que l&rsquo;on vous demande de s&eacute;lectionner un plan Elfsight ; n&rsquo;h&eacute;sitez pas &agrave; choisir le plan gratuit.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Collez le code dans votre site web en utilisant <b><a href=\"\/fr\/support\/6463152-createur-de-site-web-comment-incorporer-un-code-personnalise\" target=\"_blank\" class=\"intercom-content-link\">l&rsquo;&eacute;l&eacute;ment code d&rsquo;int&eacute;gration<\/a><\/b> et <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6491230-website-builder-how-to-resize-elements-and-sections\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">redimensionnez<\/a><\/b>-le si n&eacute;cessaire. Une fois que vous avez termin&eacute;, <b><a href=\"\/fr\/support\/6435697-createur-de-site-web-comment-mettre-a-jour-un-site-web\" target=\"_blank\" class=\"intercom-content-link\">mettez &agrave; jour votre site web<\/a><\/b> pour que les changements se refl&egrave;tent en ligne.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apprenez \u00e0 ajouter une galerie d&rsquo;images \u00e0 votre site Web.<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[255],"tags":[],"class_list":["post-1894","post","type-post","status-publish","format-standard","hentry","category-les-elements-du-site-web"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6437094-hostinger-website-builder-how-to-add-an-image-gallery\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6437094-hostinger-creador-de-sitios-web-como-agregar-una-imagen-a-la-galeria\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6437094-hostinger-createur-de-site-web-comment-ajouter-une-galerie-d-images\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6437094-hostinger-svetainiu-kurimo-irankis-galerijos-elementas\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6437094-hostinger-criador-de-sites-como-adicionar-uma-galeria-de-imagens\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1894","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/comments?post=1894"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1894\/revisions"}],"predecessor-version":[{"id":4054,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1894\/revisions\/4054"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/media?parent=1894"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/categories?post=1894"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/tags?post=1894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}