{"id":367336,"date":"2023-02-27T11:07:00","date_gmt":"2023-02-27T08:07:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=367336"},"modified":"2023-04-04T09:44:26","modified_gmt":"2023-04-04T06:44:26","slug":"modeles-de-blocs-de-gutenberg-de-quoi-sagit-il-et-plus-encore","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/modeles-de-blocs-de-gutenberg-de-quoi-sagit-il-et-plus-encore\/","title":{"rendered":"Mod\u00e8les de blocs de Gutenberg\u00a0: de quoi s&rsquo;agit-il et plus encore"},"content":{"rendered":"\n<p>Cr\u00e9er des sites Web est plus facile que jamais. Aujourd&rsquo;hui, n&rsquo;importe qui peut cr\u00e9er, modifier et personnaliser des pages de sites Web m\u00eame sans connaissances pr\u00e9alables en mati\u00e8re de codage. Gr\u00e2ce aux <a href=\"https:\/\/wpklik.com\/wordpress-tips\/best-wordpress-page-builder\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">constructeurs de pages WordPress<\/a> intuitifs, cr\u00e9er des pages \u00e0 partir de z\u00e9ro peut \u00eatre amusant et facile. Que vous pr\u00e9f\u00e9riez <a href=\"https:\/\/themewp.inform.click\/fr\/conseils-pour-demarrer-avec-wpbakery-page-builder\/\" title=\"le constructeur de pages WPbakery\">le constructeur de pages WPbakery<\/a>, <a href=\"https:\/\/themewp.inform.click\/fr\/une-breve-introduction-a-wordpress-gutenberg\/\" title=\"l&#039;\u00e9diteur de blocs Gutenberg\">l&rsquo;\u00e9diteur de blocs Gutenberg<\/a> ou que vous choisissiez <a href=\"https:\/\/themewp.inform.click\/fr\/plugin-elementor-wordpress-quelle-est-sa-puissance\/\" title=\"le constructeur de pages Elementor\">le constructeur de pages Elementor<\/a>, vous savez d\u00e9j\u00e0 que ces constructeurs vous font gagner du temps, de l&rsquo;\u00e9nergie et de l&rsquo;argent. En d&rsquo;autres termes, vous n&rsquo;avez pas besoin d&#8217;embaucher des d\u00e9veloppeurs ou de passer des heures \u00e0 essayer de changer quelque chose sur votre site.<\/p>\n<p>Si Gutenberg est votre constructeur de choix, vous savez d\u00e9j\u00e0 qu&rsquo;il est bas\u00e9 sur le concept de blocs. Ici, l&rsquo;ancien champ d&rsquo;\u00e9dition est remplac\u00e9 par un tas de nouveaux blocs individuels. Un bloc peut \u00eatre n&rsquo;importe quoi, du <strong>texte brut, de l&rsquo;image, de la vid\u00e9o au widget, du bouton, du tableau<\/strong>, etc. Ainsi, en fonction de vos besoins, vous <strong>choisissez un type de bloc dont vous avez besoin et le personnalisez en fonction de vos besoins personnels<\/strong>.<\/p>\n<p>Ce constructeur de pages est une question d&rsquo;efficacit\u00e9. Il a \u00e9t\u00e9 cr\u00e9\u00e9 dans le but de simplifier les choses et d&rsquo;acc\u00e9l\u00e9rer le processus de cr\u00e9ation de pages. Ainsi, il apporte quelques fonctionnalit\u00e9s int\u00e9ressantes que vous devriez essayer (si vous ne l&rsquo;avez pas encore fait). Les motifs de blocs de Gutenberg en font partie.<\/p>\n<h2>Que sont les mod\u00e8les de blocs de Gutenberg\u00a0?<\/h2>\n<p>Les mod\u00e8les de blocs Gutenberg sont cr\u00e9\u00e9s avec l&rsquo;id\u00e9e d&rsquo; <strong>acc\u00e9l\u00e9rer la cr\u00e9ation de contenu et de vous aider \u00e0 cr\u00e9er un beau contenu plus rapidement et plus facilement<\/strong>. En bref, les mod\u00e8les de blocs vous permettent de configurer des dispositions de blocs via des th\u00e8mes et des plugins.<\/p>\n<p>Les mod\u00e8les de blocs Gutenberg sont <strong>des mises en page pr\u00e9d\u00e9finies qui vous permettent de mettre \u00e0 niveau vos mises en page et de faciliter la cr\u00e9ation du contenu que vous souhaitez<\/strong>. Ils agissent comme des blocs r\u00e9guliers, ce qui signifie que vous pouvez les personnaliser apr\u00e8s les avoir ins\u00e9r\u00e9s.<\/p>\n<p>L&rsquo;id\u00e9e principale est de vous permettre de <strong>cr\u00e9er des pages plus attrayantes tout en gagnant du temps<\/strong>. Choisissez simplement parmi diff\u00e9rentes mises en page et commencez \u00e0 personnaliser la section souhait\u00e9e. Les mod\u00e8les de blocs de Gutenberg peuvent \u00eatre tout, des t\u00e9moignages aux galeries. Ainsi, ils peuvent \u00eatre simples comme un groupe de boutons, ou avoir un but pr\u00e9cis comme une section de contact.<\/p>\n<p>Outre les options de mod\u00e8le de bloc par d\u00e9faut, vous pouvez utiliser des mod\u00e8les personnalis\u00e9s. Ces mod\u00e8les sont cr\u00e9\u00e9s par des d\u00e9veloppeurs de th\u00e8mes ou de plugins, vous avez donc plus d&rsquo;options de personnalisation \u00e0 votre disposition.<\/p>\n<h2>Pourquoi devriez-vous utiliser les mod\u00e8les de blocs Gutenberg\u00a0?<\/h2>\n<p>Comme nous l&rsquo;avons d\u00e9j\u00e0 dit, les mod\u00e8les de blocs Gutenberg vous permettent de cr\u00e9er un contenu visuellement attrayant en moins de temps. Ainsi, le premier avantage est <strong>d&rsquo;acc\u00e9l\u00e9rer les processus lors de la cr\u00e9ation du site Web<\/strong>.<\/p>\n<p>Ensuite, ces mod\u00e8les vous aideront \u00e0 vous inspirer. Lorsque l&rsquo;\u00e9diteur de Gutenberg a \u00e9t\u00e9 publi\u00e9 pour la premi\u00e8re fois, il a apport\u00e9 la toile vierge, de sorte que les gens devaient r\u00e9fl\u00e9chir \u00e0 la conception de la page en plus du contenu. En d&rsquo;autres termes, ils ont d\u00fb investir du temps et de l&rsquo;\u00e9nergie pour trouver des id\u00e9es sur l&rsquo;apparence de leur page et de ses \u00e9l\u00e9ments.<\/p>\n<p>Ainsi, apr\u00e8s l&rsquo;introduction des mod\u00e8les de blocs, la cr\u00e9ation de pages est devenue plus facile. Lorsque vous avez <strong>des \u00e9l\u00e9ments pr\u00eats \u00e0 l&#8217;emploi<\/strong>, vous pouvez passer moins de temps \u00e0 vous soucier de la conception et plus de temps \u00e0 jouer avec le contenu.<\/p>\n<h2>O\u00f9 pouvez-vous trouver des mod\u00e8les\u00a0?<\/h2>\n<p>Comme vous le savez peut-\u00eatre, <a href=\"https:\/\/themewp.inform.click\/fr\/wordpress-5-9-est-arrive-es-tu-pret\/\" title=\"WordPress 5.9\">WordPress 5.9<\/a> est r\u00e9cemment sorti. Cette nouvelle version a apport\u00e9 des changements passionnants qui changeront s\u00fbrement l&rsquo;exp\u00e9rience WordPress.<\/p>\n<p>Cependant, en juillet 2021, le nouveau r\u00e9pertoire de mod\u00e8les a \u00e9t\u00e9 lanc\u00e9 avec WordPress 5.8. Cela signifie essentiellement que <strong>vous pouvez consulter les mod\u00e8les disponibles dans le <a href=\"https:\/\/wordpress.org\/patterns\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">r\u00e9pertoire de mod\u00e8les WordPress<\/a><\/strong>. Ici vous pouvez <strong>trouver des mod\u00e8les de bouton, d&rsquo;image, de texte, d&rsquo;en-t\u00eate, de galerie et de colonnes<\/strong>. Vous pouvez \u00e9galement consulter les mod\u00e8les les plus r\u00e9cents ou les plus pr\u00e9f\u00e9r\u00e9s. Apr\u00e8s avoir choisi le motif que vous aimez, copiez-le et collez-le simplement du r\u00e9pertoire dans votre contenu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343825-633e702c7e239.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-343825-633e702c7e239.jpg\" alt=\"Mod\u00e8les de blocs de Gutenberg\u00a0: de quoi s&#039;agit-il et plus encore\"><\/a><\/p>\n<p>L&rsquo;autre fa\u00e7on d&rsquo; <strong>ajouter des mod\u00e8les de blocs Gutenberg est via votre th\u00e8me<\/strong>. Gardez \u00e0 l&rsquo;esprit que tous les th\u00e8mes n&rsquo;ont pas de mod\u00e8les. Les cr\u00e9ateurs de th\u00e8mes doivent enregistrer des mod\u00e8les afin qu&rsquo;ils puissent appara\u00eetre dans l&rsquo;\u00e9diteur. Cependant, si vous utilisez certains des th\u00e8mes par d\u00e9faut tels que <a href=\"https:\/\/themewp.inform.click\/fr\/le-theme-twenty-twenty-two-est-presque-la-et-cest-incroyable\/\" title=\"Twenty Twenty Two\">Twenty Twenty Two<\/a>, vous pouvez toujours trouver et utiliser des mod\u00e8les. <strong>Vous pouvez les retrouver en un clic dans le champ Patterns<\/strong>. Pour utiliser des mod\u00e8les, il vous suffit de cliquer dessus ou de les glisser-d\u00e9poser pour les ajouter \u00e0 votre contenu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343825-633e702ede4f5.png\" 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-343825-633e702ede4f5.png\" alt=\"Mod\u00e8les de blocs de Gutenberg\u00a0: de quoi s&#039;agit-il et plus encore\"><\/a><\/p>\n<p>Ainsi, au cas o\u00f9 vous voudriez utiliser des patterns, vous pouvez les trouver dans le r\u00e9pertoire des patterns WordPress ou les ajouter via le tableau de bord WordPress en ajoutant des blocs qui int\u00e8grent des patterns.<\/p>\n<p>De nombreux d\u00e9veloppeurs de th\u00e8mes sont pass\u00e9s partiellement ou exclusivement \u00e0 la cr\u00e9ation de mod\u00e8les et de mod\u00e8les. Certains d&rsquo;entre eux sont gratuits, comme nous l&rsquo;avons dit plus t\u00f4t, mais ceux-ci sont g\u00e9n\u00e9ralement livr\u00e9s avec des fonctionnalit\u00e9s et des options de conception limit\u00e9es. <strong>Si vous voulez que votre site Web soit absolument magnifique et que vous le fassiez en un rien de temps et avec peu ou pas d&rsquo;effort<\/strong>, nous vous recommandons d&rsquo;essayer le <a href=\"https:\/\/qodeinteractive.com\/qi-templates\/?campaign=GutenbergBlockPatterns&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">plugin Qi Templates<\/a>.<\/p>\n<p>Le plugin est livr\u00e9 avec <strong>311 mod\u00e8les, 232 mod\u00e8les, 32 wireframes, ainsi que 60 d\u00e9mos compl\u00e8tes pour cr\u00e9er des sites Web essentiellement pr\u00eats \u00e0 l&#8217;emploi<\/strong>. Les wireframes sont sans style, pour ceux qui veulent s&rsquo;assurer que leur image de marque est bien appliqu\u00e9e sur leur site Web. Vous trouverez des mod\u00e8les pour pratiquement toutes les niches auxquelles vous pouvez penser, et plus encore. Et tous sont con\u00e7us \u00e0 la perfection en suivant les meilleures pratiques de codage.<\/p>\n<p>Le plugin est cr\u00e9\u00e9 \u00e0 l&rsquo;aide de Qi Blocks for Gutenberg, un ensemble de <a href=\"https:\/\/wordpress.org\/plugins\/qi-blocks\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">blocs gratuits<\/a> et de blocs <a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/?campaign=GutenbergBlockPatterns&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">premium<\/a> permettant de cr\u00e9er pratiquement tous les \u00e9l\u00e9ments de page auxquels vous pouvez penser.<\/p>\n<h2>Utilisation des mod\u00e8les de bloc par d\u00e9faut<\/h2>\n<p>L&rsquo;ajout de motifs de bloc est similaire \u00e0 l&rsquo;ajout d&rsquo;un bloc normal. Vous pouvez le faire en modifiant une page existante ou en en cr\u00e9ant une nouvelle. Une fois que vous avez fait cela, <strong>cliquez sur l&rsquo;ic\u00f4ne + pour ouvrir l&rsquo;interface d&rsquo;insertion WordPress<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343825-633e70322210c.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-343825-633e70322210c.jpg\" alt=\"Mod\u00e8les de blocs de Gutenberg\u00a0: de quoi s&#039;agit-il et plus encore\"><\/a><\/p>\n<p>Ensuite, cliquez sur l&rsquo;ic\u00f4ne + dans la page pour ouvrir l&rsquo;interface de l&rsquo;ins\u00e9reuse. Ensuite, <strong>cliquez sur l&rsquo;onglet Motifs<\/strong>. Ici, vous pouvez parcourir les diff\u00e9rents mod\u00e8les de blocs organis\u00e9s en cat\u00e9gories &#8211; boutons, galeries, colonnes, etc.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343825-633e702ede4f5.png\" 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-343825-633e702ede4f5.png\" alt=\"Mod\u00e8les de blocs de Gutenberg\u00a0: de quoi s&#039;agit-il et plus encore\"><\/a><\/p>\n<p>Enfin, lorsque vous choisissez le bon motif, cliquez dessus et ins\u00e9rez-le dans votre page WordPress.<\/p>\n<h2>Modification des motifs de bloc<\/h2>\n<p>L&rsquo;utilisation des mod\u00e8les de blocs de Gutenberg est amusante et facile. La meilleure partie est que vous pouvez modifier tous les \u00e9l\u00e9ments de la mise en page. Gardez \u00e0 l&rsquo;esprit que les <strong>mod\u00e8les de blocs se comportent comme des blocs normaux<\/strong>. En fait, ils sont constitu\u00e9s de blocs individuels qui ont \u00e9t\u00e9 organis\u00e9s dans les mod\u00e8les afin que vous puissiez les personnaliser de la m\u00eame mani\u00e8re que n&rsquo;importe quel autre bloc.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343825-633e70389cce0.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-343825-633e70389cce0.jpg\" alt=\"Mod\u00e8les de blocs de Gutenberg\u00a0: de quoi s&#039;agit-il et plus encore\"><\/a><\/p>\n<h2>R\u00e9sumons-le<\/h2>\n<p>Les blocs de mod\u00e8les Gutenberg sont un excellent outil pour tous ceux qui utilisent le g\u00e9n\u00e9rateur de pages Gutenberg. Gr\u00e2ce \u00e0 eux, vous pouvez booster votre contenu plus rapidement et plus facilement. Choisissez simplement le motif que vous aimez le plus et vous \u00eates pr\u00eat \u00e0 partir. Bien s\u00fbr, si vous souhaitez cr\u00e9er vos propres motifs, vous pouvez \u00e9galement le faire &#8211; les possibilit\u00e9s sont infinies.<\/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>Les mod\u00e8les de blocs Gutenberg vous feront gagner du temps et vous aideront \u00e0 cr\u00e9er de belles sections de site Web plus rapidement et plus facilement.<\/p>\n","protected":false},"author":1,"featured_media":364570,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[568],"tags":[844],"class_list":["post-367336","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\/367336","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=367336"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/367336\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/364570"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=367336"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=367336"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=367336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}