{"id":369585,"date":"2023-04-04T09:44:00","date_gmt":"2023-04-04T06:44:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369585"},"modified":"2023-04-04T09:44:20","modified_gmt":"2023-04-04T06:44:20","slug":"une-breve-introduction-a-wordpress-gutenberg","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/une-breve-introduction-a-wordpress-gutenberg\/","title":{"rendered":"Une br\u00e8ve introduction \u00e0 WordPress Gutenberg"},"content":{"rendered":"\n<p>L&rsquo;\u00e9diteur classique est une chose \u00e0 laquelle tous les utilisateurs de WordPress se sont habitu\u00e9s. L&rsquo;\u00e9diteur classique \u00e9tait plus qu&rsquo;une habitude &#8211; c&rsquo;\u00e9tait quelque chose que nous connaissions et comprenions bien. Il y avait l&rsquo;ancien champ de titre, le champ de contenu, un champ pour ins\u00e9rer des shortcodes. Sur notre droite, toutes les options de page \u00e0 notre disposition \u2013 Statut, Visibilit\u00e9, etc.<\/p>\n<p>Tout d&rsquo;un coup, nous sommes confront\u00e9s \u00e0 un changement majeur. \u00c0 premi\u00e8re vue, WordPress Gutenberg ne ressemble gu\u00e8re \u00e0 un \u00e9diteur. O\u00f9 sont toutes nos options? O\u00f9 \u00e9crit-on le texte? C&rsquo;est quoi le titre? Oui, les changements sont rudes. Mais souvent, les changements apportent des am\u00e9liorations. Gutenberg a \u00e9t\u00e9 cr\u00e9\u00e9 dans le but de faciliter le travail des utilisateurs avec WordPress. C&rsquo;est certainement un changement qui vaut la peine d&rsquo;\u00eatre adopt\u00e9.<\/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\/gA2fO4UEjyY\" frameborder=\"0\"><\/iframe><\/div>\n<h2>\u00c0 premi\u00e8re vue<\/h2>\n<p>Jetons un coup d&rsquo;\u0153il au nouvel \u00e9diteur. Au d\u00e9but, cela ne ressemble \u00e0 rien de ce que nous avons vu ou utilis\u00e9 auparavant. Mais regardez de plus pr\u00e8s et vous d\u00e9couvrirez qu&rsquo;il est en fait plut\u00f4t intuitif et facile \u00e0 utiliser.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5400771e3.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-315845-633e5400771e3.jpg\" alt=\"Une br\u00e8ve introduction \u00e0 WordPress Gutenberg\"><\/a><\/p>\n<p>La premi\u00e8re chose que nous remarquons \u00e0 ce sujet est que le titre n&rsquo;est plus un champ s\u00e9par\u00e9. Au lieu de cela, nous avons maintenant une zone de travail unique qui affiche ses parties sous forme de continuum.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540401252.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-315845-633e540401252.jpg\" alt=\"Une br\u00e8ve introduction \u00e0 WordPress Gutenberg\"><\/a><\/p>\n<h2>Qu&rsquo;est-ce que tout cela \u00e0 propos des blocs\u00a0?<\/h2>\n<p>WordPress Gutenberg est bas\u00e9 sur le concept de blocs. L&rsquo;un des objectifs de cette approche \u00e9tait d&rsquo;assurer la continuit\u00e9 dans la fa\u00e7on dont les \u00e9l\u00e9ments de contenu classiques sont cr\u00e9\u00e9s. Nous pouvons obtenir des r\u00e9sultats tr\u00e8s individuels et compl\u00e8tement diff\u00e9rents, mais nous le faisons en utilisant la m\u00eame mani\u00e8re de cr\u00e9er des blocs. Cela garantit la s\u00e9curit\u00e9, la stabilit\u00e9 et finalement l&rsquo;\u00e9volutivit\u00e9 de WordPress en tant que plate-forme et dans son ensemble.<\/p>\n<p>Mais que sont exactement ces blocs? Pour le dire simplement, le nouvel \u00e9diteur remplace l&rsquo;ancien champ d&rsquo;\u00e9dition unique par un tas de nouveaux blocs individuels. Un bloc peut \u00eatre beaucoup de choses. Un bloc de contenu \u2013 du texte brut, des images, des vid\u00e9os, mais aussi un widget, un bouton, un tableau, etc.<\/p>\n<h2>G\u00e9rer vos blocs<\/h2>\n<p>Voyons maintenant comment nous ajoutons ces <a href=\"https:\/\/themewp.inform.click\/fr\/les-nouveaux-blocs-wordpress-gutenberg-expliques\/\" title=\"blocs dans WordPress Gutenberg\">blocs dans WordPress Gutenberg<\/a>. Les bonnes personnes de WordPress les ont divis\u00e9s en cat\u00e9gories soign\u00e9es pour notre commodit\u00e9 et pour faciliter nos d\u00e9placements. Vous pouvez parcourir ces cat\u00e9gories ou simplement utiliser le nom d&rsquo;un bloc que vous souhaitez utiliser, si vous le connaissez, en le tapant comme \/nom.<\/p>\n<p>Il existe diff\u00e9rentes fa\u00e7ons d&rsquo;ajouter des blocs. Par exemple, vous pouvez utiliser le petit signe plus dans la partie sup\u00e9rieure gauche de l&rsquo;\u00e9diteur.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e54070de67.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-315845-633e54070de67.jpg\" alt=\"Une br\u00e8ve introduction \u00e0 WordPress Gutenberg\"><\/a><\/p>\n<p>Les bons vieux Undo et Redo sont situ\u00e9s juste \u00e0 c\u00f4t\u00e9.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540a1fcf4.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-315845-633e540a1fcf4.jpg\" alt=\"Une br\u00e8ve introduction \u00e0 WordPress Gutenberg\"><\/a><\/p>\n<p>Une nouveaut\u00e9 utile ici est le bouton Info, qui affiche la structure du contenu de notre message. Il montre le nombre de mots, de titres, de paragraphes et de blocs que nous avons dans notre message et nous aide \u00e0 garder une trace de notre structure de contenu.<\/p>\n<p>Il y a toujours un bloc vide qui s&rsquo;y trouve avant l&rsquo;insertion de tout contenu. Ce bloc est l\u00e0 par d\u00e9faut, un peu comme le cartouche.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540d5559c.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-315845-633e540d5559c.jpg\" alt=\"Une br\u00e8ve introduction \u00e0 WordPress Gutenberg\"><\/a><\/p>\n<p>Une autre chose tr\u00e8s utile que nous n&rsquo;avions pas auparavant est la navigation par blocs, \u00e9galement situ\u00e9e dans la barre de menu en haut \u00e0 gauche.<\/p>\n<p>Il montre la structure de tous les blocs de la page et permet de parcourir facilement votre contenu.<\/p>\n<p>Par exemple, si vous souhaitez modifier un \u00e9l\u00e9ment de contenu situ\u00e9 dans l&rsquo;avant-dernier paragraphe de votre message, au lieu de le faire d\u00e9filer jusqu&rsquo;au bout, vous pouvez simplement cliquer sur ce paragraphe particulier dans la liste d\u00e9roulante de navigation par blocs.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e54106de52.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-315845-633e54106de52.jpg\" alt=\"Une br\u00e8ve introduction \u00e0 WordPress Gutenberg\"><\/a><\/p>\n<p>Apr\u00e8s avoir ins\u00e9r\u00e9 du contenu dans l&rsquo;un des blocs, nous pouvons cliquer sur Enregistrer le brouillon, comme dans l&rsquo;ancien \u00e9diteur, ou sur Aper\u00e7u ou Publier.<\/p>\n<p>Beaucoup de choses que nous avons l&rsquo;habitude de trouver dans le c\u00f4t\u00e9 droit de l&rsquo;\u00e9diteur classique sont toujours l\u00e0, sauf qu&rsquo;elles sont cach\u00e9es sous l&rsquo;onglet Document.<\/p>\n<p>L&rsquo;un des \u00e9l\u00e9ments qui se trouvaient auparavant sous le champ principal de l&rsquo;\u00e9diteur classique est la discussion, que nous utilisions pour autoriser ou interdire les commentaires sur une page.<\/p>\n<p>Il se trouve d\u00e9sormais dans l&rsquo;onglet Document, qui, soit dit en passant, peut \u00eatre temporairement supprim\u00e9, tout comme son voisin, l&rsquo;onglet Bloquer, en cliquant sur la roue dent\u00e9e pour acc\u00e9der aux param\u00e8tres.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5414061a7.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-315845-633e5414061a7.jpg\" alt=\"Une br\u00e8ve introduction \u00e0 WordPress Gutenberg\"><\/a><\/p>\n<h2>Options de personnalisation<\/h2>\n<p>Nous pouvons personnaliser la vue de l&rsquo;espace de travail en cliquant sur les trois points verticaux dans le coin sup\u00e9rieur droit, ce qui nous am\u00e8nera au menu Plus d&rsquo;outils et d&rsquo;options. \u00c0 partir de l\u00e0, nous pouvons personnaliser l&rsquo;espace de travail \u00e0 notre guise, ainsi que la s\u00e9quence des \u00e9l\u00e9ments qui s&rsquo;y trouvent. De plus, vous pouvez \u00e9galement choisir l&rsquo;\u00e9diteur que vous souhaitez utiliser &#8211; \u00e9diteur visuel ou \u00e9diteur de code. Il y a la liste des raccourcis, ainsi que quelques options suppl\u00e9mentaires.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5417a3dbb.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-315845-633e5417a3dbb.jpg\" alt=\"Une br\u00e8ve introduction \u00e0 WordPress Gutenberg\"><\/a><\/p>\n<p>Et maintenant, la partie la plus importante. En cliquant sur un bloc, dans ce cas le premier paragraphe, vous ouvrez les options li\u00e9es \u00e0 ce bloc particulier. Une fois que vous avez s\u00e9lectionn\u00e9 un bloc, certaines des options seront situ\u00e9es sous l&rsquo;onglet Bloc \u00e0 droite.<\/p>\n<p>Certaines autres options pour le m\u00eame bloc seront situ\u00e9es dans la section sup\u00e9rieure gauche de l&rsquo;\u00e9diteur, et il y aura d&rsquo;autres options autour du bloc lui-m\u00eame, en fonction de la vue sp\u00e9cifique que vous avez d\u00e9finie.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e541c06c9b.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-315845-633e541c06c9b.jpg\" alt=\"Une br\u00e8ve introduction \u00e0 WordPress Gutenberg\"><\/a><\/p>\n<p>Et c&rsquo;est \u00e0 peu pr\u00e8s tout. Dans son essence, WordPress Gutenberg est aussi convivial que l&rsquo;\u00e9diteur classique, et probablement plus encore. Nous vous recommandons d&rsquo;essayer et de jouer avec pendant un moment. Vous verrez que vous l&rsquo;aurez compris en un rien de temps et vous serez heureux de toutes les am\u00e9liorations apport\u00e9es par ce changement.<\/p>\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>Tout ce que vous vouliez savoir sur le tout nouvel \u00e9diteur WordPress Gutenberg mais que vous aviez peur de demander se trouve ici dans cet article court mais informatif.<\/p>\n","protected":false},"author":1,"featured_media":363766,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[568],"tags":[844],"class_list":["post-369585","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\/369585","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=369585"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/369585\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/363766"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=369585"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=369585"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=369585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}