{"id":367039,"date":"2023-01-31T18:44:00","date_gmt":"2023-01-31T15:44:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=367039"},"modified":"2023-02-04T12:28:12","modified_gmt":"2023-02-04T09:28:12","slug":"introduction-aux-fonctionnalites-du-bloc-de-la-galerie-gutenberg","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/introduction-aux-fonctionnalites-du-bloc-de-la-galerie-gutenberg\/","title":{"rendered":"Introduction aux fonctionnalit\u00e9s du bloc de la galerie Gutenberg"},"content":{"rendered":"\n<p>La gestion des galeries dans WordPress n\u00e9cessitait des connaissances avanc\u00e9es, \u00e0 l&rsquo;\u00e9poque o\u00f9 vous deviez le faire <a href=\"https:\/\/themewp.inform.click\/fr\/comment-creer-une-galerie-wordpress-avec-classic-editor\/\" title=\"\u00e0 l'aide de l'\u00e9diteur WordPress classique\">\u00e0 l&rsquo;aide de l&rsquo;\u00e9diteur WordPress classique<\/a>. Gr\u00e2ce \u00e0 l&rsquo;\u00e9diteur Gutenberg et \u00e0 la puissance de la simplicit\u00e9 introduite par ses blocs, n&rsquo;importe qui peut facilement sauter dans le si\u00e8ge du conducteur et commencer \u00e0 cr\u00e9er ses propres galeries.<\/p>\n<p>Vous ne nous croyez pas? Pas de probl\u00e8me \u2013 nous vous montrerons ce que vous pouvez faire avec les blocs de la galerie Gutenberg. En prime, nous vous informerons \u00e9galement de certains autres blocs de galerie que vous pourriez aimer, alors restez \u00e0 l&rsquo;\u00e9coute.<\/p>\n<h2>Pr\u00e9sentation du bloc Galerie native<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e75366de2a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e75366de2a.jpg\" alt=\"Introduction aux fonctionnalit\u00e9s du bloc de la galerie Gutenberg\"><\/a><\/p>\n<p>La fonction principale de Gallery Block est de <strong>permettre le partage d&rsquo;un groupe d&rsquo;images dans un format de style galerie sur votre site<\/strong>. Ceci est similaire \u00e0 la galerie d&rsquo;images de l&rsquo;\u00e9diteur WordPress classique, bien qu&rsquo;il existe quelques options enti\u00e8rement nouvelles fournies avec l&rsquo;\u00e9diteur Gutenberg. Ceux-ci incluent la <strong>possibilit\u00e9 d&rsquo;ajouter une l\u00e9gende d&rsquo;image directement sur l&rsquo;image, ainsi que des colonnes de galerie et le r\u00e9glage des images de recadrage<\/strong>. Nous parlerons de tous ces param\u00e8tres plus en d\u00e9tail ci-dessous.<\/p>\n<p>Vous pouvez choisir vos images de la m\u00eame mani\u00e8re que dans l&rsquo;\u00e9diteur classique &#8211; en s\u00e9lectionnant des images pr\u00e9existantes dans la m\u00e9diath\u00e8que ou en en t\u00e9l\u00e9chargeant de nouvelles depuis votre ordinateur. Une fois que vous avez termin\u00e9 la s\u00e9lection des images, vous pouvez cliquer sur le bouton Cr\u00e9er une nouvelle galerie pour ins\u00e9rer votre galerie sur la page.<\/p>\n<p>Une fois que vous avez termin\u00e9 de cr\u00e9er votre galerie, vous remarquerez que certaines options sont identiques \u00e0 celles de <a href=\"https:\/\/themewp.inform.click\/fr\/un-guide-du-bloc-dimages-wordpress-gutenberg\/\" title=\"Image Block\">Image Block<\/a>, telles que l&rsquo;alignement ou le changement de type de bloc. Gutenberg Gallery Block vous montre tout le potentiel de cette derni\u00e8re option. Si, par exemple, vous d\u00e9cidez de transformer Galerie en Image, toutes les images s&rsquo;aligneront individuellement, l&rsquo;une en dessous de l&rsquo;autre.<\/p>\n<h3>L\u00e9gendes des images<\/h3>\n<p>C&rsquo;est \u00e0 vous de d\u00e9cider si vous souhaitez utiliser cette option ou non, mais si vous envisagez de l&rsquo;utiliser, vous serez heureux de savoir que <strong>chaque image peut avoir une l\u00e9gende \u00e0 elle seule<\/strong>. La l\u00e9gende appara\u00eet g\u00e9n\u00e9ralement au bas de chaque image avec un arri\u00e8re-plan semi-transparent. La couleur du texte et de l&rsquo;arri\u00e8re-plan d\u00e9pend du th\u00e8me que vous utilisez.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e753963a7a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e753963a7a.jpg\" alt=\"Introduction aux fonctionnalit\u00e9s du bloc de la galerie Gutenberg\"><\/a><\/p>\n<h3>Colonnes de la galerie<\/h3>\n<p>Nous devons noter que dans Gallery Block, vous n&rsquo;avez pas la possibilit\u00e9 de choisir la taille des images. Au lieu de cela, ils changent proportionnellement au nombre de colonnes que vous souhaitez avoir dans votre galerie. Le plus grand num\u00e9ro de colonne que vous pouvez mettre est le m\u00eame que le nombre d&rsquo;images que vous finissez par ajouter \u00e0 votre page ou \u00e0 votre message. Autrement dit, ce nombre est infini. N\u00e9anmoins, gardez \u00e0 l&rsquo;esprit qu&rsquo;apr\u00e8s <strong>avoir ajout\u00e9 plus de 6 colonnes, vos images peuvent appara\u00eetre plus petites que vous ne le souhaiteriez<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e753c4d832.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e753c4d832.jpg\" alt=\"Introduction aux fonctionnalit\u00e9s du bloc de la galerie Gutenberg\"><\/a><\/p>\n<p>Si vous pr\u00e9voyez d&rsquo;utiliser des images qui contiennent diff\u00e9rents rapports d&rsquo;aspect, comme portrait ou paysage, assurez-vous que le param\u00e8tre Recadrer les images est activ\u00e9. Cela garantira que toutes vos photos s&rsquo;adapteront automatiquement au num\u00e9ro de colonne que vous avez choisi. Vous pouvez trouver ce param\u00e8tre juste en dessous du num\u00e9ro de colonne.<\/p>\n<p>L&rsquo;image \u00e0 gauche ci-dessous vous montre \u00e0 quoi ressemblera votre galerie avec le param\u00e8tre Recadrer les images d\u00e9sactiv\u00e9, tandis qu&rsquo;\u00e0 droite, vous pouvez voir \u00e0 quoi ressembleront vos images lorsqu&rsquo;il est activ\u00e9.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e753f88281.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e753f88281.jpg\" alt=\"Introduction aux fonctionnalit\u00e9s du bloc de la galerie Gutenberg\"><\/a><\/p>\n<p>Bien s\u00fbr, il existe certaines situations o\u00f9 il serait pr\u00e9f\u00e9rable de d\u00e9sactiver ce param\u00e8tre. Par exemple, vous devriez le faire si vous avez des galeries \u00e0 une colonne ou si vous souhaitez afficher vos images dans leur taille d&rsquo;origine.<\/p>\n<p>Tout comme Image Block, Gallery Block dispose \u00e9galement d&rsquo;un param\u00e8tre Lien vers avec trois options diff\u00e9rentes. Vous pouvez afficher l&rsquo;image sans aucun lien, vous pouvez cr\u00e9er un lien vers une page sp\u00e9cifique de votre site Web (bien que cette option soit rarement utilis\u00e9e de nos jours) ou lui permettre d&rsquo;ouvrir le fichier image par lui-m\u00eame.<\/p>\n<p>Si vous n&rsquo;\u00eates pas satisfait de votre s\u00e9lection d&rsquo;images ou de leur disposition, vous disposez \u00e9galement d&rsquo;une option Modifier. De cette fa\u00e7on, vous pouvez supprimer n&rsquo;importe quel fichier de la liste, ou faire glisser et d\u00e9poser vos fichiers pour les r\u00e9organiser.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e7542d3718.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e7542d3718.jpg\" alt=\"Introduction aux fonctionnalit\u00e9s du bloc de la galerie Gutenberg\"><\/a><\/p>\n<h2>Une bonne alternative au bloc natif<\/h2>\n<p>Si vous aimez l&rsquo;\u00e9diteur Gutenberg et que les galeries sont ce dont vous avez besoin, il n&rsquo;y a aucune raison de vous limiter au bloc de galerie fourni nativement avec l&rsquo;\u00e9diteur. Il existe de nombreux plugins tiers que vous pouvez utiliser pour \u00e9tendre les capacit\u00e9s de Gutenberg.<\/p>\n<p><a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/?campaign=GalleryBlock&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Qi Blocks for Gutenberg en<\/a> fait partie, avec <strong>81 blocs diff\u00e9rents disponibles dans la version gratuite et la version premium<\/strong>. Le plugin vous propose quatre types de blocs de galerie diff\u00e9rents, chacun d&rsquo;entre eux \u00e9tant disponible gratuitement. Voyons rapidement ce qu&rsquo;ils sont.<\/p>\n<h3>Galerie de cartes<\/h3>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e754567ebe.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e754567ebe.jpg\" alt=\"Introduction aux fonctionnalit\u00e9s du bloc de la galerie Gutenberg\"><\/a><\/p>\n<p>Une fa\u00e7on int\u00e9ressante d&rsquo;afficher vos images, le <a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/cards-gallery\/?campaign=GalleryBlock&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">bloc Galerie de cartes<\/a> vous permet d&#8217;empiler des images les unes sur les autres et de les m\u00e9langer \u00e0 gauche, \u00e0 droite ou des deux c\u00f4t\u00e9s pour les parcourir. Le bloc vous permet d&rsquo;utiliser autant d&rsquo;images que vous le souhaitez, et il <strong>vous permet de choisir leur \u00e9chelle et combien d&rsquo;entre elles sont visibles avant qu&rsquo;elles ne soient mises en surbrillance<\/strong>.<\/p>\n<h3>Galerie d&rsquo;images<\/h3>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e7548190db.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e7548190db.jpg\" alt=\"Introduction aux fonctionnalit\u00e9s du bloc de la galerie Gutenberg\"><\/a><\/p>\n<p>Le <a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/image-gallery\/?campaign=GalleryBlock&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">bloc Galerie d&rsquo;images<\/a> est votre bloc habituel pour afficher des images dans WordPress. Il a un <strong>nombre personnalisable de colonnes et vous permet de configurer des effets de vue contextuels d&rsquo;image<\/strong>, ainsi que de d\u00e9finir des proportions. \u00c0 peu pr\u00e8s tout ce dont vous avez besoin pour un affichage d&rsquo;image simple.<\/p>\n<h3>Galerie d&rsquo;images de ma\u00e7onnerie<\/h3>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e754b0e3bb.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e754b0e3bb.jpg\" alt=\"Introduction aux fonctionnalit\u00e9s du bloc de la galerie Gutenberg\"><\/a><\/p>\n<p>Vous souhaitez pimenter votre galerie d&rsquo;images pour la rendre plus int\u00e9ressante et dynamique? Que diriez-vous d&rsquo;utiliser le <a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/masonry-image-gallery\/?campaign=GalleryBlock&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">bloc Masonry Image Gallery<\/a> pour rompre l&rsquo;uniformit\u00e9 de l&rsquo;affichage de vos images? Vous pourrez <strong>d\u00e9finir la taille des images, les espacements et m\u00eame les aper\u00e7us de la lightbox<\/strong>.<\/p>\n<h3>Galerie d&rsquo;images Pinterest<\/h3>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e754e0e1a3.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e754e0e1a3.jpg\" alt=\"Introduction aux fonctionnalit\u00e9s du bloc de la galerie Gutenberg\"><\/a><\/p>\n<p>Si vous \u00eates un fan des galeries d&rsquo;images de style Pinterest, le <a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/pinterest-image-gallery\/?campaign=GalleryBlock&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">bloc Pinterest Image Gallery<\/a> est quelque chose dont vous avez besoin sans m\u00eame le savoir. Ce bloc vous permet de <strong>choisir des param\u00e8tres r\u00e9actifs pr\u00e9d\u00e9finis ou de choisir chaque param\u00e8tre en fonction de votre vision unique d&rsquo;une galerie d&rsquo;images de style Pinterest<\/strong>.<\/p>\n<p>C&rsquo;est tout pour notre aper\u00e7u du bloc de la galerie Gutenberg. Comme vous pouvez le voir, le processus d&rsquo;ajout d&rsquo;images \u00e0 votre galerie est compl\u00e8tement simplifi\u00e9 gr\u00e2ce \u00e0 l&rsquo;interface intuitive de Gutenberg. Allez-y et essayez toutes les options utiles qui l&rsquo;accompagnent. Pendant que vous y \u00eates, pourquoi ne pas vous pencher sur des alternatives au bloc natif, comme celles fournies par Qi Blocks pour Gutenberg? Plus vous aurez de choix, mieux vous pourrez vous exprimer !<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/efpXggWrMSY\" frameborder=\"0\"><\/iframe><\/div>\n<p>Nous esp\u00e9rons que vous avez trouv\u00e9 cet article utile. Si vous l&rsquo;avez aim\u00e9, n&rsquo;h\u00e9sitez pas \u00e0 consulter \u00e9galement certains de ces articles\u00a0!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nous vous guiderons \u00e0 travers toutes les diff\u00e9rentes options que le bloc de la galerie Gutenberg a en magasin.<\/p>\n","protected":false},"author":1,"featured_media":364218,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[568],"tags":[844],"class_list":["post-367039","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-les-bases-de-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/367039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=367039"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/367039\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/364218"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=367039"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=367039"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=367039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}