{"id":3973,"date":"2026-07-23T09:37:26","date_gmt":"2026-07-23T09:37:26","guid":{"rendered":"https:\/\/disoh.com\/support\/how-to-use-the-wordpress-block-editor-gutenberg\/"},"modified":"2026-07-23T09:37:26","modified_gmt":"2026-07-23T09:37:26","password":"","slug":"comment-utiliser-lediteur-de-blocs-gutenberg-de-wordpress","status":"publish","type":"docs","link":"https:\/\/disoh.com\/fr\/support\/how-to-use-the-wordpress-block-editor-gutenberg\/","title":{"rendered":"Comment utiliser l'\u00e9diteur de blocs WordPress (Gutenberg)"},"content":{"rendered":"

L'\u00e9diteur de blocs, \u00e9galement appel\u00e9 Gutenberg, est la m\u00e9thode moderne pour cr\u00e9er du contenu sous WordPress. Au lieu d'une seule grande zone de texte, tout est constitu\u00e9 de \u201c blocs \u201d que vous pouvez ajouter, d\u00e9placer et mettre en forme. C'est un outil tr\u00e8s puissant une fois que l'on en a saisi le fonctionnement, et ce guide vous propose une pr\u00e9sentation conviviale.<\/p>\n

Qu'est-ce qu'un bloc ?<\/h2>\n

Un bloc correspond \u00e0 un \u00e9l\u00e9ment de contenu distinct : un paragraphe, un titre, une image, une liste, un bouton, etc. Vous empilez et organisez ces blocs pour cr\u00e9er une page ou un article. Chaque bloc \u00e9tant ind\u00e9pendant, vous pouvez facilement modifier la mise en page en d\u00e9pla\u00e7ant les blocs vers le haut ou vers le bas.<\/p>\n

Ajouter des blocs<\/h2>\n
    \n
  1. Cliquez sur le bouton +<\/strong> bouton dans l'\u00e9diteur ou en haut \u00e0 gauche.<\/li>\n
  2. Recherchez ou s\u00e9lectionnez le type de bloc souhait\u00e9.<\/li>\n
  3. Le bloc est ins\u00e9r\u00e9 \u00e0 l'endroit o\u00f9 se trouve votre curseur.<\/li>\n<\/ol>\n

    Astuce : tapez \/<\/strong> suivi du nom d'un bloc (par exemple \/image) pour ins\u00e9rer rapidement un bloc.<\/p>\n

    Blocs courants que vous utiliserez<\/h2>\n
      \n
    • Paragraphe :<\/strong> texte standard.<\/li>\n
    • Titre :<\/strong> H2 et H3 pour la structure.<\/li>\n
    • Image et galerie :<\/strong> pour les illustrations.<\/li>\n
    • Liste :<\/strong> sous forme de puces ou de num\u00e9rotation.<\/li>\n
    • Bouton :<\/strong> pour les appels \u00e0 l'action.<\/li>\n
    • Rubriques :<\/strong> pour afficher des contenus c\u00f4te \u00e0 c\u00f4te.<\/li>\n<\/ul>\n

      Modification et mise en forme des blocs<\/h2>\n

      S\u00e9lectionnez un bloc pour afficher sa barre d'outils et le panneau de param\u00e8tres situ\u00e9 \u00e0 droite. Vous pouvez y modifier l'alignement, les couleurs, la typographie et l'espacement, selon le bloc. De nombreux th\u00e8mes proposent \u00e9galement leurs propres styles de blocs.<\/p>\n

      D\u00e9placer et organiser des blocs<\/h2>\n
        \n
      • Utilisez les fl\u00e8ches haut et bas pour d\u00e9placer un bloc.<\/li>\n
      • Faites glisser les blocs \u00e0 l'aide de la poign\u00e9e \u00e0 six points.<\/li>\n
      • Utilisation Affichage sous forme de liste<\/strong> pour afficher et r\u00e9organiser tous les blocs.<\/li>\n
      • Regroupez les blocs pour les d\u00e9placer ensemble.<\/li>\n<\/ul>\n

        Blocs r\u00e9utilisables et synchronis\u00e9s<\/h2>\n

        Si vous utilisez le m\u00eame contenu \u00e0 plusieurs endroits, par exemple un appel \u00e0 l'action, enregistrez-le sous forme de bloc r\u00e9utilisable (synchronis\u00e9) et mettez-le \u00e0 jour partout en m\u00eame temps.<\/p>\n

        D\u00e9pannage<\/h2>\n
          \n
        • Le bloc semble bizarre sur le site en ligne :<\/strong> Votre th\u00e8me l'affiche diff\u00e9remment ; utilisez l'aper\u00e7u pour v\u00e9rifier.<\/li>\n
        • Suppression accidentelle d'un bloc :<\/strong> Utilisez la fonction \u00ab Annuler \u00bb (Ctrl\/Cmd+Z).<\/li>\n
        • Je pr\u00e9f\u00e8re l'ancien \u00e9diteur :<\/strong> Un plugin pour l'\u00e9diteur classique est disponible.<\/li>\n<\/ul>\n

          Besoin d'aide ?<\/h2>\n

          Si vous avez du mal \u00e0 vous y retrouver avec l'\u00e9diteur par blocs, notre \u00e9quipe d'assistance peut vous aider \u00e0 vous familiariser avec cet outil via le chat en direct.<\/p>","protected":false},"excerpt":{"rendered":"

          The block editor, also called Gutenberg, is the modern way to build content in WordPress. Instead of one big text box, everything is a “block” you can add, move, and style. It is powerful once it clicks, and this guide gives you a friendly tour. What a block is A block is a single piece […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[32],"doc_tag":[],"class_list":["post-3973","docs","type-docs","status-publish","hentry","doc_category-wordpress"],"year_month":"2026-10","word_count":337,"total_views":"151","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Jorn","author_nicename":"jorn","author_url":"https:\/\/disoh.com\/fr\/author\/jorn\/"},"doc_category_info":[{"term_name":"WordPress","term_url":"https:\/\/disoh.com\/fr\/docs-category\/wordpress\/"}],"doc_tag_info":[],"yoast_head":"\nHow to Use the WordPress Block Editor (Gutenberg) – Disoh<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/disoh.com\/fr\/soutien\/comment-utiliser-lediteur-de-blocs-gutenberg-de-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use the WordPress Block Editor (Gutenberg) – Disoh\" \/>\n<meta property=\"og:description\" content=\"The block editor, also called Gutenberg, is the modern way to build content in WordPress. Instead of one big text box, everything is a “block” you can add, move, and style. It is powerful once it clicks, and this guide gives you a friendly tour. What a block is A block is a single piece […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/disoh.com\/fr\/soutien\/comment-utiliser-lediteur-de-blocs-gutenberg-de-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Disoh\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/disohhosting\" \/>\n<meta property=\"og:image\" content=\"https:\/\/disoh.com\/wp-content\/uploads\/2025\/07\/disoh_about.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/disoh.com\\\/es\\\/soporte\\\/how-to-use-the-wordpress-block-editor-gutenberg\\\/\",\"url\":\"https:\\\/\\\/disoh.com\\\/es\\\/soporte\\\/how-to-use-the-wordpress-block-editor-gutenberg\\\/\",\"name\":\"How to Use the WordPress Block Editor (Gutenberg) – Disoh\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/disoh.com\\\/sv\\\/#website\"},\"datePublished\":\"2026-07-23T09:37:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/disoh.com\\\/es\\\/soporte\\\/how-to-use-the-wordpress-block-editor-gutenberg\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/disoh.com\\\/es\\\/soporte\\\/how-to-use-the-wordpress-block-editor-gutenberg\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/disoh.com\\\/es\\\/soporte\\\/how-to-use-the-wordpress-block-editor-gutenberg\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/disoh.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Use the WordPress Block Editor (Gutenberg)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/disoh.com\\\/sv\\\/#website\",\"url\":\"https:\\\/\\\/disoh.com\\\/sv\\\/\",\"name\":\"Disoh\",\"description\":\"Digital Solutions Hosting\",\"publisher\":{\"@id\":\"https:\\\/\\\/disoh.com\\\/sv\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/disoh.com\\\/sv\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/disoh.com\\\/sv\\\/#organization\",\"name\":\"Disoh LLC\",\"url\":\"https:\\\/\\\/disoh.com\\\/sv\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/disoh.com\\\/sv\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/disoh.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/favicon_1.svg\",\"contentUrl\":\"https:\\\/\\\/disoh.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/favicon_1.svg\",\"width\":615,\"height\":615,\"caption\":\"Disoh LLC\"},\"image\":{\"@id\":\"https:\\\/\\\/disoh.com\\\/sv\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/disohhosting\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment utiliser l'\u00e9diteur de blocs WordPress (Gutenberg) \u2013 Disoh","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/disoh.com\/fr\/soutien\/comment-utiliser-lediteur-de-blocs-gutenberg-de-wordpress\/","og_locale":"fr_FR","og_type":"article","og_title":"How to Use the WordPress Block Editor (Gutenberg) – Disoh","og_description":"The block editor, also called Gutenberg, is the modern way to build content in WordPress. Instead of one big text box, everything is a “block” you can add, move, and style. It is powerful once it clicks, and this guide gives you a friendly tour. What a block is A block is a single piece […]","og_url":"https:\/\/disoh.com\/fr\/soutien\/comment-utiliser-lediteur-de-blocs-gutenberg-de-wordpress\/","og_site_name":"Disoh","article_publisher":"https:\/\/www.facebook.com\/disohhosting","og_image":[{"width":1536,"height":1024,"url":"https:\/\/disoh.com\/wp-content\/uploads\/2025\/07\/disoh_about.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/disoh.com\/es\/soporte\/how-to-use-the-wordpress-block-editor-gutenberg\/","url":"https:\/\/disoh.com\/es\/soporte\/how-to-use-the-wordpress-block-editor-gutenberg\/","name":"Comment utiliser l'\u00e9diteur de blocs WordPress (Gutenberg) \u2013 Disoh","isPartOf":{"@id":"https:\/\/disoh.com\/sv\/#website"},"datePublished":"2026-07-23T09:37:26+00:00","breadcrumb":{"@id":"https:\/\/disoh.com\/es\/soporte\/how-to-use-the-wordpress-block-editor-gutenberg\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/disoh.com\/es\/soporte\/how-to-use-the-wordpress-block-editor-gutenberg\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/disoh.com\/es\/soporte\/how-to-use-the-wordpress-block-editor-gutenberg\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/disoh.com\/"},{"@type":"ListItem","position":2,"name":"How to Use the WordPress Block Editor (Gutenberg)"}]},{"@type":"WebSite","@id":"https:\/\/disoh.com\/sv\/#website","url":"https:\/\/disoh.com\/sv\/","name":"Disoh","description":"Solutions num\u00e9riques H\u00e9bergement","publisher":{"@id":"https:\/\/disoh.com\/sv\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/disoh.com\/sv\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/disoh.com\/sv\/#organization","name":"Disoh LLC","url":"https:\/\/disoh.com\/sv\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/disoh.com\/sv\/#\/schema\/logo\/image\/","url":"https:\/\/disoh.com\/wp-content\/uploads\/2025\/06\/favicon_1.svg","contentUrl":"https:\/\/disoh.com\/wp-content\/uploads\/2025\/06\/favicon_1.svg","width":615,"height":615,"caption":"Disoh LLC"},"image":{"@id":"https:\/\/disoh.com\/sv\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/disohhosting"]}]}},"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/disoh.com\/fr\/wp-json\/wp\/v2\/docs\/3973","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/disoh.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/disoh.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/disoh.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/disoh.com\/fr\/wp-json\/wp\/v2\/comments?post=3973"}],"version-history":[{"count":0,"href":"https:\/\/disoh.com\/fr\/wp-json\/wp\/v2\/docs\/3973\/revisions"}],"wp:attachment":[{"href":"https:\/\/disoh.com\/fr\/wp-json\/wp\/v2\/media?parent=3973"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/disoh.com\/fr\/wp-json\/wp\/v2\/doc_category?post=3973"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/disoh.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=3973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}