{"id":369526,"date":"2023-03-31T19:17:00","date_gmt":"2023-03-31T16:17:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369526"},"modified":"2023-03-31T19:17:12","modified_gmt":"2023-03-31T16:17:12","slug":"les-nouveaux-blocs-wordpress-gutenberg-expliques","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/les-nouveaux-blocs-wordpress-gutenberg-expliques\/","title":{"rendered":"Les nouveaux blocs WordPress Gutenberg expliqu\u00e9s"},"content":{"rendered":"\n<p>Comme vous l&rsquo;avez peut-\u00eatre remarqu\u00e9 ou non, le nouvel <a href=\"https:\/\/wpklik.com\/wordpress-tips\/introduction-to-wordpress-gutenberg\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u00e9diteur WordPress de Gutenberg<\/a> est bas\u00e9 sur le concept de blocs, et c&rsquo;est la plus grande innovation apport\u00e9e par la nouvelle version 5.0 de WordPress.<\/p>\n<p>Beaucoup de gens craignent que ce nouveau concept d&rsquo;\u00e9criture, d&rsquo;\u00e9dition et de publication d&rsquo;articles et de pages bas\u00e9 sur des blocs ne rende leurs all\u00e9es et venues WordPress beaucoup plus compliqu\u00e9es.<\/p>\n<p>Apr\u00e8s avoir t\u00e2t\u00e9 du nouvel \u00e9diteur pendant un certain temps, nous avons d\u00e9cid\u00e9 de vous montrer que ces blocs WordPress Gutenberg n&rsquo;ont rien d&rsquo;inqui\u00e9tant.<\/p>\n<p>La v\u00e9rit\u00e9 est que ce concept de blocs apporte de nouvelles possibilit\u00e9s passionnantes. Vous pouvez d\u00e9sormais soit organiser votre contenu dans <strong><a href=\"https:\/\/themewp.inform.click\/fr\/bloc-de-colonnes-de-gutenberg-et-comment-lajouter-a-wordpress\/\" title=\"des blocs de colonnes Gutenberg,\">des blocs de colonnes Gutenberg,<\/a><\/strong> soit cr\u00e9er <strong><a href=\"https:\/\/themewp.inform.click\/fr\/un-guide-du-bloc-dimages-wordpress-gutenberg\/\" title=\"des blocs d&#039;images Gutenberg\">des blocs d&rsquo;images Gutenberg<\/a><\/strong>. Ils sont en fait <strong>assez simples et amusants \u00e0 utiliser<\/strong>, comme vous le d\u00e9couvrirez bient\u00f4t par vous-m\u00eame.<\/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\/iiGtfxhbrCI\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Ajouter les blocs<\/h2>\n<p>\u00c9tant donn\u00e9 que les nouveaux blocs WordPress Gutenberg sont le mat\u00e9riau de construction de vos pages et de vos publications, la premi\u00e8re chose que vous souhaitez naturellement apprendre est de savoir comment les ajouter.<\/p>\n<p>Il existe en fait plusieurs mani\u00e8res d&rsquo;ajouter un bloc :<\/p>\n<p>Vous pouvez utiliser le <strong>petit signe plus (+) dans la barre d&rsquo;outils en haut \u00e0 gauche de l&rsquo;\u00e9diteur<\/strong>. En cliquant sur ce signe, un choix de cat\u00e9gories de blocs appara\u00eetra, en commen\u00e7ant par les plus couramment utilis\u00e9s. Une barre de recherche sera \u00e9galement disponible.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54a435bc0.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-316588-633e54a435bc0.jpg\" alt=\"Les nouveaux blocs WordPress Gutenberg expliqu\u00e9s\"><\/a><\/p>\n<p>Lorsque vous saisissez le contenu de votre message dans l&rsquo;espace de travail, vous remarquerez que le signe plus appara\u00eetra ci-dessous, au prochain emplacement disponible o\u00f9 vous pourrez ajouter un nouveau bloc. Un menu d\u00e9roulant avec les types de blocs appara\u00eetra, et il y aura trois types de blocs courants \u00e0 droite. <strong>Choisissez le type de bloc que vous souhaitez utiliser et entrez votre contenu<\/strong>. R\u00e9p\u00e9tez cette op\u00e9ration jusqu&rsquo;\u00e0 ce que votre message soit pr\u00eat \u00e0 partir.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54a7314e7.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-316588-633e54a7314e7.jpg\" alt=\"Les nouveaux blocs WordPress Gutenberg expliqu\u00e9s\"><\/a><\/p>\n<p>La troisi\u00e8me m\u00e9thode est id\u00e9ale pour ceux d&rsquo;entre vous qui aiment les raccourcis. Chacun de vous a probablement certains types de blocs que vous utilisez r\u00e9guli\u00e8rement. D\u00e9sormais, au lieu de rechercher un bloc sp\u00e9cifique pour chaque type que vous souhaitez utiliser, vous pouvez <strong>simplement commencer \u00e0 taper le nom du bloc avec la barre oblique<\/strong>, par exemple \/image, \/paragraph, \/heading, etc., et le sugg\u00e9r\u00e9 le type de bloc appara\u00eetra.<\/p>\n<p>De plus, l&rsquo;\u00e9diteur proposera non seulement le type de bloc exact que vous recherchez, mais \u00e9galement des blocs similaires, ce qui signifie que vous n&rsquo;avez m\u00eame pas besoin de m\u00e9moriser tous les noms de bloc.<\/p>\n<p>Au bout d&rsquo;un moment, vous remarquerez que c&rsquo;est en fait le moyen le plus rapide et le plus simple d&rsquo;ajouter des blocs \u00e0 Gutenberg.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54aaa03eb.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-316588-633e54aaa03eb.jpg\" alt=\"Les nouveaux blocs WordPress Gutenberg expliqu\u00e9s\"><\/a><\/p>\n<h2>Options de bloc<\/h2>\n<p>Comme les choses ont un peu chang\u00e9 autour de l&rsquo;\u00e9diteur, vous vous demandez probablement o\u00f9 trouver vos options de bloc. C&rsquo;est en fait tr\u00e8s simple, <strong>vous obtiendrez votre choix d&rsquo;options simplement en cliquant sur le bloc que vous souhaitez modifier<\/strong>. <strong>Les options apparaissent \u00e0 la fois dans la barre d&rsquo;outils et dans l&rsquo;onglet Bloc<\/strong>.<\/p>\n<p>Contrairement \u00e0 l&rsquo;\u00e9diteur classique, Gutenberg offre un choix d&rsquo;options beaucoup plus large.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54ae40266.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-316588-633e54ae40266.jpg\" alt=\"Les nouveaux blocs WordPress Gutenberg expliqu\u00e9s\"><\/a><\/p>\n<p>De plus, ne vous inqui\u00e9tez pas si vous ex\u00e9cutez votre \u00e9diteur Gutenberg et remarquez que les options de bloc ne se trouvent pas dans la barre d&rsquo;outils mais dans le bloc lui-m\u00eame. C&rsquo;est parfaitement bien, car Gutenberg a diff\u00e9rentes options pour diff\u00e9rents besoins.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54b10fa50.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-316588-633e54b10fa50.jpg\" alt=\"Les nouveaux blocs WordPress Gutenberg expliqu\u00e9s\"><\/a><\/p>\n<h2>Options d&rsquo;affichage<\/h2>\n<p>Vous pouvez acc\u00e9der \u00e0 toutes les options concernant la vue de bloc et l&rsquo;espace de travail en g\u00e9n\u00e9ral en cliquant sur les trois points verticaux, sous Afficher plus d&rsquo;outils et d&rsquo;options.<\/p>\n<p>Si aucune des options n&rsquo;est coch\u00e9e, la vue sera comme dans notre image ci-dessus &#8211; les options seront situ\u00e9es dans le bloc lui-m\u00eame.<\/p>\n<p>Si la barre d&rsquo;outils sup\u00e9rieure est coch\u00e9e, les options de bloc seront situ\u00e9es, eh bien, dans la barre d&rsquo;outils.<\/p>\n<p>En cochant le mode Spotlight, vous pouvez vous concentrer sur un seul bloc \u00e0 la fois. Ceci est particuli\u00e8rement pratique lorsque vous souhaitez distinguer exactement ce qui fait partie d&rsquo;un bloc particulier.<\/p>\n<p>Si vous souhaitez un espace de travail plus grand, vous pouvez cliquer sur Mode plein \u00e9cran pour \u00e9tendre l&rsquo;espace de travail \u00e0 tout l&rsquo;\u00e9cran.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54b4203c4.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-316588-633e54b4203c4.jpg\" alt=\"Les nouveaux blocs WordPress Gutenberg expliqu\u00e9s\"><\/a><\/p>\n<h2>Blocs r\u00e9utilisables<\/h2>\n<p>Une autre fonctionnalit\u00e9 tr\u00e8s utile de l&rsquo;\u00e9diteur Gutenberg est l&rsquo;option Blocs r\u00e9utilisables. S&rsquo;il y a certains blocs que vous utilisez tout le temps, vous voulez certainement \u00e9viter de d\u00e9finir les m\u00eames valeurs ou de chercher le code \u00e0 copier chaque fois que vous ajoutez un bloc.<\/p>\n<p>Avec la nouvelle option Ajouter aux blocs r\u00e9utilisables, vous pouvez <strong>enregistrer un bloc et le retirer simplement lorsque vous souhaitez le r\u00e9utiliser<\/strong>.<\/p>\n<p>Pour d\u00e9finir un bloc r\u00e9utilisable, cliquez sur Plus d&rsquo;options&gt;Ajouter aux blocs r\u00e9utilisables.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54b708f55.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-316588-633e54b708f55.jpg\" alt=\"Les nouveaux blocs WordPress Gutenberg expliqu\u00e9s\"><\/a><\/p>\n<p>Choisissez le nom de votre bloc\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54ba902f1.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-316588-633e54ba902f1.jpg\" alt=\"Les nouveaux blocs WordPress Gutenberg expliqu\u00e9s\"><\/a><\/p>\n<p>La prochaine fois que vous aurez besoin de ce bloc exact, recherchez-le par son nom ou recherchez-le dans l&rsquo;un des menus d\u00e9roulants, sous Blocs r\u00e9utilisables.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54bddde9c.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-316588-633e54bddde9c.jpg\" alt=\"Les nouveaux blocs WordPress Gutenberg expliqu\u00e9s\"><\/a><\/p>\n<p>Les blocs r\u00e9utilisables se distinguent facilement par une ic\u00f4ne de recyclage \u00e0 c\u00f4t\u00e9 d&rsquo;eux, comme le montre l&rsquo;image ci-dessous.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c092d9a.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-316588-633e54c092d9a.jpg\" alt=\"Les nouveaux blocs WordPress Gutenberg expliqu\u00e9s\"><\/a><\/p>\n<p>Les blocs r\u00e9utilisables peuvent \u00eatre g\u00e9r\u00e9s sous Afficher plus d&rsquo;outils et d&rsquo;options &gt; G\u00e9rer tous les blocs r\u00e9utilisables.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c34a739.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-316588-633e54c34a739.jpg\" alt=\"Les nouveaux blocs WordPress Gutenberg expliqu\u00e9s\"><\/a><\/p>\n<p>Cela ouvre un aper\u00e7u de tous les blocs r\u00e9utilisables cr\u00e9\u00e9s jusqu&rsquo;\u00e0 pr\u00e9sent. Nous pouvons \u00e9galement modifier les blocs, mais gardez \u00e0 l&rsquo;esprit que <strong>lorsque vous modifiez un bloc r\u00e9utilisable, le contenu de tous les articles dans lesquels nous l&rsquo;avons utilis\u00e9 changera \u00e9galement<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c597f97.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-316588-633e54c597f97.jpg\" alt=\"Les nouveaux blocs WordPress Gutenberg expliqu\u00e9s\"><\/a><\/p>\n<h2>R\u00e9organiser les blocs sur une page<\/h2>\n<p>R\u00e9organiser les blocs et changer leur s\u00e9quence sur une page ou dans un article est extr\u00eamement simple. Vous pouvez <strong>d\u00e9placer n&rsquo;importe lequel des blocs \u00e0 l&rsquo;aide de la navigation par glisser-d\u00e9poser, ou il peut changer de place avec le bloc en dessous ou au-dessus<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c8c7e94.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-316588-633e54c8c7e94.jpg\" alt=\"Les nouveaux blocs WordPress Gutenberg expliqu\u00e9s\"><\/a><\/p>\n<p>Nous esp\u00e9rons que cet article vous a aid\u00e9 \u00e0 mieux comprendre les blocs WordPress Gutenberg. Comme vous pouvez le voir, le nouveau concept de blocs permet une personnalisation beaucoup plus facile de vos publications, ainsi que des options suppl\u00e9mentaires que nous n&rsquo;avions pas auparavant.<\/p>\n<p>Avec les tout nouveaux blocs WordPress Gutenberg, vous serez probablement beaucoup plus rapide dans la publication et l&rsquo;\u00e9dition de vos messages qu&rsquo;auparavant. C&rsquo;est pr\u00e9cis\u00e9ment le genre d&rsquo;am\u00e9lioration que les d\u00e9veloppeurs de Gutenberg esp\u00e9raient r\u00e9aliser.<\/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>Bien qu&rsquo;ils puissent sembler effrayants, les nouveaux blocs WordPress Gutenberg sont en fait assez amusants et faciles \u00e0 utiliser, comme vous le verrez dans notre article.<\/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-369526","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\/369526","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=369526"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/369526\/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=369526"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=369526"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=369526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}