{"id":12,"date":"2020-05-19T23:00:00","date_gmt":"2020-05-19T23:00:00","guid":{"rendered":"https:\/\/maxpertici.fr\/french\/?p=12"},"modified":"2026-03-14T12:12:15","modified_gmt":"2026-03-14T12:12:15","slug":"wp-block-revealer","status":"publish","type":"post","link":"https:\/\/maxpertici.fr\/fr\/blog\/plugins\/wp-block-revealer\/","title":{"rendered":"Block Revealer"},"content":{"rendered":"\n<p>Mis en ligne le 31 janvier 2020, cette premi\u00e8re extension sur le r\u00e9pertoire officiel de WordPress a pour but d&rsquo;am\u00e9liorer l&rsquo;exp\u00e9rience d&rsquo;\u00e9dition sous Gutenberg.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">L&rsquo;\u00e9diteur moderne<\/h2>\n\n\n\n<p>WordPress a depuis la version 5.0 int\u00e9gr\u00e9 un nouvel \u00e9diteur de contenu. Ce nouvel \u00e9diteur Gutenberg (en r\u00e9f\u00e9rence au projet d&rsquo;\u00e9volution de WordPress plus vaste nomm\u00e9 Gutenberg) se caract\u00e9rise par une \u00e9dition de contenu articul\u00e9e par des blocs.  Je ne reviendrais pas ici sur cette nouvelle approche mais mon extension a pour but d&rsquo;aider les contributeurs \u00e0 utiliser plus facilement Gutenberg.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">WYSIWYG<\/h2>\n\n\n\n<p>Gutenberg a comme qualit\u00e9 de r\u00e9duire la diff\u00e9rence entre l&rsquo;apparence du contenu c\u00f4t\u00e9 back-office et c\u00f4t\u00e9 front-office. C&rsquo;est \u00e0 dire, qu&rsquo;avec Gutenberg, contrairement \u00e0 l&rsquo;\u00e9diteur classique, vous avez la possibilit\u00e9 d&rsquo;obtenir du <a href=\"https:\/\/fr.wikipedia.org\/wiki\/What_you_see_is_what_you_get\">WYSIWYG<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">Le probl\u00e8me<\/h2>\n\n\n\n<p>Hors, en laissant la part belle \u00e0 la mise en forme, l&rsquo;\u00e9diteur a tendance a s\u2019effacer. Il s&rsquo;efface pour valoriser le r\u00e9sultat final mais il est parfois difficile de trouver tout simplement un bloc pour pouvoir le modifier ou le s\u00e9lectionner car son emplacement n&rsquo;est pas clairement visible. Cet effet de bord est finalement assez logique. En recherchant un r\u00e9sultat visuel proche du r\u00e9sultat final front-office, l\u2019apparence structurelle de notre mise en page ne nous int\u00e9resse plus. Nous ne souhaitons pas voir les blocs mais plut\u00f4t visualiser le simple r\u00e9sultat final.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">L&rsquo;inspiration<\/h2>\n\n\n\n<p>\u00c0 mieux y regarder, ce probl\u00e8me n&rsquo;est pas un cas isol\u00e9. Pr\u00e9parer une mise en page tout en visualisant le r\u00e9sultat final est le propre de tout logiciel de mise en page.<\/p>\n\n\n\n<p>InDesign par exemple r\u00e9pond \u00e0 cette probl\u00e9matique depuis longtemps. Il dispose de plusieurs modes parmi lesquels un mode normal et un mode aper\u00e7u. Le mode normal est donc le mode de travail classique o\u00f9 vous visualisez tous les \u00e9l\u00e9ments (blocs) de votre composition avec leurs contours de s\u00e9lection, leurs poign\u00e9es diverses, etc. et le mode aper\u00e7u retire toutes ces assistances techniques destin\u00e9es au travail de mise en page et vous pr\u00e9sente votre travail tel qu&rsquo;il sera imprim\u00e9. Ainsi, vous pouvez travailler correctement et vous avez aussi la possibilit\u00e9 de voir le r\u00e9sultat \u00e0 votre convenance.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\" id=\"plugin\">L&rsquo;extension<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-plugin-directory wp-block-embed-plugin-directory mw980p\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"E9WAt9DasW\"><a href=\"https:\/\/fr.wordpress.org\/plugins\/wp-block-revealer\/\">Block Revealer<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"\u00ab\u00a0Block Revealer\u00a0\u00bb &#8212; Plugin Directory\" src=\"https:\/\/fr.wordpress.org\/plugins\/wp-block-revealer\/embed\/#?secret=uoWWEw3Tbt#?secret=E9WAt9DasW\" data-secret=\"E9WAt9DasW\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Cette extension permet donc de mettre en lumi\u00e8re vos blocs pr\u00e9sents dans votre contenu en marquant leurs contours par une bordure color\u00e9e. Activable par raccourci clavier, vous pouvez facilement basculer d&rsquo;un mode \u00e0 l&rsquo;autre pour visualiser vos blocs et revenir ensuite \u00e0 l&rsquo;aper\u00e7u de votre page habituel.<\/p>\n\n\n\n<p>Sans configuration, une fois activ\u00e9e, cette extension est imm\u00e9diatement utilisable. Enfin, si vous l&rsquo;appr\u00e9ciez, <a href=\"https:\/\/wordpress.org\/support\/plugin\/wp-block-revealer\/reviews\/?filter=5\">n&rsquo;h\u00e9sitez pas \u00e0 le dire tout haut<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mis en ligne le 31 janvier 2020, cette premi\u00e8re extension sur le r\u00e9pertoire officiel de WordPress a pour but d&rsquo;am\u00e9liorer l&rsquo;exp\u00e9rience d&rsquo;\u00e9dition sous Gutenberg. L&rsquo;\u00e9diteur moderne WordPress a depuis la version 5.0 int\u00e9gr\u00e9 un nouvel \u00e9diteur de contenu. Ce nouvel \u00e9diteur Gutenberg (en r\u00e9f\u00e9rence au projet d&rsquo;\u00e9volution de WordPress plus vaste nomm\u00e9 Gutenberg) se caract\u00e9rise [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-12","post","type-post","status-publish","format-standard","hentry","category-plugins"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Block Revealer - @maxpertici<\/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:\/\/maxpertici.fr\/fr\/blog\/plugins\/wp-block-revealer\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Block Revealer - @maxpertici\" \/>\n<meta property=\"og:description\" content=\"Mis en ligne le 31 janvier 2020, cette premi\u00e8re extension sur le r\u00e9pertoire officiel de WordPress a pour but d&rsquo;am\u00e9liorer l&rsquo;exp\u00e9rience d&rsquo;\u00e9dition sous Gutenberg. L&rsquo;\u00e9diteur moderne WordPress a depuis la version 5.0 int\u00e9gr\u00e9 un nouvel \u00e9diteur de contenu. Ce nouvel \u00e9diteur Gutenberg (en r\u00e9f\u00e9rence au projet d&rsquo;\u00e9volution de WordPress plus vaste nomm\u00e9 Gutenberg) se caract\u00e9rise [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/maxpertici.fr\/fr\/blog\/plugins\/wp-block-revealer\/\" \/>\n<meta property=\"og:site_name\" content=\"@maxpertici\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-19T23:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-14T12:12:15+00:00\" \/>\n<meta name=\"author\" content=\"Max\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Max\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/blog\\\/plugins\\\/wp-block-revealer\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/blog\\\/plugins\\\/wp-block-revealer\\\/\"},\"author\":{\"name\":\"Max\",\"@id\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/#\\\/schema\\\/person\\\/33f79b1589673a71ca8e9d489e3b4d6a\"},\"headline\":\"Block Revealer\",\"datePublished\":\"2020-05-19T23:00:00+00:00\",\"dateModified\":\"2026-03-14T12:12:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/blog\\\/plugins\\\/wp-block-revealer\\\/\"},\"wordCount\":473,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/#organization\"},\"articleSection\":[\"Plugins\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/blog\\\/plugins\\\/wp-block-revealer\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/blog\\\/plugins\\\/wp-block-revealer\\\/\",\"url\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/blog\\\/plugins\\\/wp-block-revealer\\\/\",\"name\":\"Block Revealer - @maxpertici\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/#website\"},\"datePublished\":\"2020-05-19T23:00:00+00:00\",\"dateModified\":\"2026-03-14T12:12:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/blog\\\/plugins\\\/wp-block-revealer\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/blog\\\/plugins\\\/wp-block-revealer\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/blog\\\/plugins\\\/wp-block-revealer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Plugins\",\"item\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/cat\\\/plugins\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Block Revealer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/\",\"name\":\"@maxpertici\",\"description\":\"D\u00e9veloppeur WordPress\",\"publisher\":{\"@id\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/#organization\",\"name\":\"@maxpertici\",\"url\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2026\\\/03\\\/1630568236441.jpeg\",\"contentUrl\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2026\\\/03\\\/1630568236441.jpeg\",\"width\":200,\"height\":200,\"caption\":\"@maxpertici\"},\"image\":{\"@id\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/maxpertici.fr\\\/fr\\\/#\\\/schema\\\/person\\\/33f79b1589673a71ca8e9d489e3b4d6a\",\"name\":\"Max\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ed0ec4f2da112567c22bba05ac82ed103d4313610b7008eacec81ef0a5298012?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ed0ec4f2da112567c22bba05ac82ed103d4313610b7008eacec81ef0a5298012?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ed0ec4f2da112567c22bba05ac82ed103d4313610b7008eacec81ef0a5298012?s=96&d=mm&r=g\",\"caption\":\"Max\"},\"sameAs\":[\"https:\\\/\\\/maxpertici.fr\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Block Revealer - @maxpertici","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:\/\/maxpertici.fr\/fr\/blog\/plugins\/wp-block-revealer\/","og_locale":"fr_FR","og_type":"article","og_title":"Block Revealer - @maxpertici","og_description":"Mis en ligne le 31 janvier 2020, cette premi\u00e8re extension sur le r\u00e9pertoire officiel de WordPress a pour but d&rsquo;am\u00e9liorer l&rsquo;exp\u00e9rience d&rsquo;\u00e9dition sous Gutenberg. L&rsquo;\u00e9diteur moderne WordPress a depuis la version 5.0 int\u00e9gr\u00e9 un nouvel \u00e9diteur de contenu. Ce nouvel \u00e9diteur Gutenberg (en r\u00e9f\u00e9rence au projet d&rsquo;\u00e9volution de WordPress plus vaste nomm\u00e9 Gutenberg) se caract\u00e9rise [&hellip;]","og_url":"https:\/\/maxpertici.fr\/fr\/blog\/plugins\/wp-block-revealer\/","og_site_name":"@maxpertici","article_published_time":"2020-05-19T23:00:00+00:00","article_modified_time":"2026-03-14T12:12:15+00:00","author":"Max","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Max","Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/maxpertici.fr\/fr\/blog\/plugins\/wp-block-revealer\/#article","isPartOf":{"@id":"https:\/\/maxpertici.fr\/fr\/blog\/plugins\/wp-block-revealer\/"},"author":{"name":"Max","@id":"https:\/\/maxpertici.fr\/fr\/#\/schema\/person\/33f79b1589673a71ca8e9d489e3b4d6a"},"headline":"Block Revealer","datePublished":"2020-05-19T23:00:00+00:00","dateModified":"2026-03-14T12:12:15+00:00","mainEntityOfPage":{"@id":"https:\/\/maxpertici.fr\/fr\/blog\/plugins\/wp-block-revealer\/"},"wordCount":473,"commentCount":0,"publisher":{"@id":"https:\/\/maxpertici.fr\/fr\/#organization"},"articleSection":["Plugins"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/maxpertici.fr\/fr\/blog\/plugins\/wp-block-revealer\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/maxpertici.fr\/fr\/blog\/plugins\/wp-block-revealer\/","url":"https:\/\/maxpertici.fr\/fr\/blog\/plugins\/wp-block-revealer\/","name":"Block Revealer - @maxpertici","isPartOf":{"@id":"https:\/\/maxpertici.fr\/fr\/#website"},"datePublished":"2020-05-19T23:00:00+00:00","dateModified":"2026-03-14T12:12:15+00:00","breadcrumb":{"@id":"https:\/\/maxpertici.fr\/fr\/blog\/plugins\/wp-block-revealer\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/maxpertici.fr\/fr\/blog\/plugins\/wp-block-revealer\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/maxpertici.fr\/fr\/blog\/plugins\/wp-block-revealer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/maxpertici.fr\/fr\/"},{"@type":"ListItem","position":2,"name":"Plugins","item":"https:\/\/maxpertici.fr\/fr\/cat\/plugins\/"},{"@type":"ListItem","position":3,"name":"Block Revealer"}]},{"@type":"WebSite","@id":"https:\/\/maxpertici.fr\/fr\/#website","url":"https:\/\/maxpertici.fr\/fr\/","name":"@maxpertici","description":"D\u00e9veloppeur WordPress","publisher":{"@id":"https:\/\/maxpertici.fr\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/maxpertici.fr\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/maxpertici.fr\/fr\/#organization","name":"@maxpertici","url":"https:\/\/maxpertici.fr\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/maxpertici.fr\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/maxpertici.fr\/fr\/wp-content\/uploads\/sites\/3\/2026\/03\/1630568236441.jpeg","contentUrl":"https:\/\/maxpertici.fr\/fr\/wp-content\/uploads\/sites\/3\/2026\/03\/1630568236441.jpeg","width":200,"height":200,"caption":"@maxpertici"},"image":{"@id":"https:\/\/maxpertici.fr\/fr\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/maxpertici.fr\/fr\/#\/schema\/person\/33f79b1589673a71ca8e9d489e3b4d6a","name":"Max","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/ed0ec4f2da112567c22bba05ac82ed103d4313610b7008eacec81ef0a5298012?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/ed0ec4f2da112567c22bba05ac82ed103d4313610b7008eacec81ef0a5298012?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ed0ec4f2da112567c22bba05ac82ed103d4313610b7008eacec81ef0a5298012?s=96&d=mm&r=g","caption":"Max"},"sameAs":["https:\/\/maxpertici.fr"]}]}},"_links":{"self":[{"href":"https:\/\/maxpertici.fr\/fr\/wp-json\/wp\/v2\/posts\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maxpertici.fr\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maxpertici.fr\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maxpertici.fr\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maxpertici.fr\/fr\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":3,"href":"https:\/\/maxpertici.fr\/fr\/wp-json\/wp\/v2\/posts\/12\/revisions"}],"predecessor-version":[{"id":466,"href":"https:\/\/maxpertici.fr\/fr\/wp-json\/wp\/v2\/posts\/12\/revisions\/466"}],"wp:attachment":[{"href":"https:\/\/maxpertici.fr\/fr\/wp-json\/wp\/v2\/media?parent=12"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maxpertici.fr\/fr\/wp-json\/wp\/v2\/categories?post=12"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maxpertici.fr\/fr\/wp-json\/wp\/v2\/tags?post=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}