{"id":289,"date":"2026-08-16T19:24:54","date_gmt":"2026-08-16T17:24:54","guid":{"rendered":"https:\/\/helloblog.io\/fr\/wordpress-browser-extension-fonctions-outils\/"},"modified":"2026-08-16T19:24:54","modified_gmt":"2026-08-16T17:24:54","slug":"wordpress-browser-extension-fonctions-outils","status":"publish","type":"post","link":"https:\/\/helloblog.io\/fr\/wordpress-browser-extension-fonctions-outils\/","title":{"rendered":"WordPress Browser Extension\u00a0: masquer l\u2019admin bar et tester vos sites"},"content":{"rendered":"\n<p>La barre d\u2019administration facilite l\u2019acc\u00e8s au tableau de bord et \u00e0 l\u2019\u00e9diteur, mais elle modifie aussi le viewport affich\u00e9. L\u2019extension officielle <strong>WordPress Browser Extension<\/strong> la masque sans vous priver de ses raccourcis, puis ajoute des outils de test directement dans le navigateur.<\/p>\n\n\n\n<p>Disponible pour Google Chrome et les navigateurs fond\u00e9s sur Chromium dans le <a href=\"https:\/\/chromewebstore.google.com\/detail\/wordpress-browser-extensi\/apaakgfongbkeecchhhjocpgjchbdenl\">Chrome Web Store<\/a>, elle est aussi propos\u00e9e pour Safari sous macOS dans le <a href=\"https:\/\/apps.apple.com\/app\/id6794460913\">Mac App Store<\/a>. Son code source est disponible dans le d\u00e9p\u00f4t <a href=\"https:\/\/github.com\/WordPress\/browser-extension\">WordPress\/browser-extension<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Masquer la barre d\u2019administration sans perdre les raccourcis<\/h2>\n\n\n\n<p>Lorsque vous \u00eates connect\u00e9 \u00e0 WordPress, la barre d\u2019administration appara\u00eet en haut de chaque page. Elle conserve le tableau de bord, l\u2019\u00e9diteur et votre profil \u00e0 port\u00e9e de clic, mais elle r\u00e9duit la zone visible et ne montre donc pas exactement la page telle qu\u2019un visiteur la voit.<\/p>\n\n\n\n<p>Cette diff\u00e9rence peut produire des artefacts trompeurs sur les sites qui utilisent des en-t\u00eates fixes ou des effets d\u00e9clench\u00e9s par le d\u00e9filement. La barre peut \u00e9galement devenir encombrante lorsque des extensions y ajoutent leurs propres fonctions et raccourcis. La d\u00e9sactiver dans les r\u00e9glages de profil retire aussi tous ces raccourcis.<\/p>\n\n\n\n<p>L\u2019extension masque la barre sur les sites que vous choisissez, ou partout par d\u00e9faut, tout en pla\u00e7ant les raccourcis les plus utilis\u00e9s dans la barre d\u2019outils du navigateur. Vous r\u00e9affichez la barre compl\u00e8te en deux clics, sans passer par le tableau de bord.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"719\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/4\/2026\/08\/wordpress-browser-extension.gif\" alt=\"Menu de WordPress Browser Extension permettant de masquer ou d\u2019afficher la barre d\u2019administration\" class=\"wp-image-287\"\/><figcaption class=\"wp-element-caption\">L\u2019extension contr\u00f4le l\u2019affichage de la barre d\u2019administration depuis son menu. \u2014 <em>Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Identifier un site WordPress et ouvrir la bonne interface<\/h2>\n\n\n\n<p>L\u2019ic\u00f4ne de la barre d\u2019outils indique discr\u00e8tement si le site actuellement ouvert utilise WordPress et si vous y \u00eates connect\u00e9. L\u2019extension peut ainsi reconna\u00eetre WordPress au fil de votre navigation.<\/p>\n\n\n\n<p>Sur un site que vous g\u00e9rez, son menu propose un acc\u00e8s direct au tableau de bord ou \u00e0 l\u2019\u00e9diteur de la publication, de la page, de la taxonomie ou du mod\u00e8le affich\u00e9. Lorsqu\u2019une page repose sur un mod\u00e8le, l\u2019extension ouvre l\u2019\u00e9diteur de site si le th\u00e8me utilise des blocs.<\/p>\n\n\n\n<p>Un lanceur enregistr\u00e9 localement m\u00e9morise les sites auxquels vous vous connectez. Vous pouvez donc ouvrir ces sites depuis l\u2019extension, m\u00eame lorsque vous consultez un autre domaine.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Utiliser les outils de test dans le navigateur<\/h2>\n\n\n\n<p>Certaines v\u00e9rifications s\u2019int\u00e8grent plus naturellement \u00e0 une extension de navigateur qu\u2019\u00e0 une extension WordPress. WordPress Browser Extension fournit les outils suivants sur chaque site WordPress visit\u00e9\u00a0:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>Dessiner les contours des blocs au-dessus de la page rendue.<\/li>\n\n\n<li>Ouvrir une fen\u00eatre d\u2019aper\u00e7u au format t\u00e9l\u00e9phone.<\/li>\n\n\n<li>Recharger la page en contournant le cache.<\/li>\n\n\n<li>Effacer les cookies et le stockage local du site courant.<\/li>\n\n<\/ul>\n\n\n\n<p>Ces outils \u00e9vitent d\u2019installer une extension ou un autre logiciel sur chaque site. Certaines op\u00e9rations, comme l\u2019effacement du stockage local ou le rechargement sans cache, restent par ailleurs difficiles \u00e0 d\u00e9clencher depuis l\u2019int\u00e9rieur du site concern\u00e9.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"739\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/4\/2026\/08\/WP-Browser-Extension-Safari-Block-Outlines.webp\" alt=\"WordCamp.org dans Safari avec WordPress Browser Extension ouverte et les contours de blocs activ\u00e9s\" class=\"wp-image-288\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/4\/2026\/08\/WP-Browser-Extension-Safari-Block-Outlines.webp 1024w, https:\/\/helloblog.io\/app\/uploads\/sites\/4\/2026\/08\/WP-Browser-Extension-Safari-Block-Outlines-300x217.webp 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/4\/2026\/08\/WP-Browser-Extension-Safari-Block-Outlines-768x554.webp 768w, https:\/\/helloblog.io\/app\/uploads\/sites\/4\/2026\/08\/WP-Browser-Extension-Safari-Block-Outlines-400x289.webp 400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Les outils de d\u00e9veloppement peuvent mettre en \u00e9vidence les limites des blocs rendus. \u2014 <em>Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Conserver les donn\u00e9es sur l\u2019appareil<\/h2>\n\n\n\n<p>L\u2019extension traite ces fonctions sur votre appareil. Elle lit la page ouverte pour d\u00e9terminer son contexte et interroge le site uniquement lorsque le contenu de la page ne suffit pas.<\/p>\n\n\n\n<p>Vos pr\u00e9f\u00e9rences et la liste des sites auxquels vous vous \u00eates connect\u00e9 restent dans le navigateur. L\u2019extension n\u2019envoie ces donn\u00e9es vers aucun autre service et n\u2019int\u00e8gre ni suivi ni analytique.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Installer l\u2019extension et l\u2019int\u00e9grer aux v\u00e9rifications<\/h2>\n\n\n\n<p>Installez l\u2019extension depuis le store correspondant \u00e0 votre navigateur, connectez-vous \u00e0 vos sites WordPress, puis ouvrez son menu sur une page \u00e0 contr\u00f4ler. Masquez la barre d\u2019administration pour v\u00e9rifier le viewport r\u00e9el, acc\u00e9dez \u00e0 l\u2019\u00e9diteur de l\u2019\u00e9l\u00e9ment affich\u00e9 et activez les outils de test selon votre besoin.<\/p>\n\n\n\n<p>Le projet, d\u2019abord d\u00e9velopp\u00e9 ind\u00e9pendamment, fait d\u00e9sormais partie des projets officiels WordPress. Consultez son <a href=\"https:\/\/github.com\/WordPress\/browser-extension\/\">d\u00e9p\u00f4t GitHub<\/a> pour suivre son d\u00e9veloppement, signaler un bug ou proposer une pull request.<\/p>\n\n\n<div class=\"references-section\">\n                <h2>R\u00e9f\u00e9rences \/ Sources<\/h2>\n                <ul class=\"references-list\"><li><a href=\"https:\/\/wordpress.org\/news\/2026\/08\/browser-extension\" target=\"_blank\" rel=\"noopener noreferrer\">Introducing the WordPress Browser Extension<\/a><\/li><\/ul>\n            <\/div>","protected":false},"excerpt":{"rendered":"<p>La WordPress Browser Extension masque la barre d\u2019administration sans sacrifier ses raccourcis et rassemble des outils de test dans Chrome, Chromium et Safari.<\/p>\n","protected":false},"author":12,"featured_media":286,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[135,134,137,136,10],"class_list":["post-289","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-chrome","tag-extension-de-navigateur","tag-outils-de-developpement","tag-safari","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/helloblog.io\/fr\/wp-json\/wp\/v2\/posts\/289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helloblog.io\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helloblog.io\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/helloblog.io\/fr\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/helloblog.io\/fr\/wp-json\/wp\/v2\/comments?post=289"}],"version-history":[{"count":0,"href":"https:\/\/helloblog.io\/fr\/wp-json\/wp\/v2\/posts\/289\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/helloblog.io\/fr\/wp-json\/wp\/v2\/media\/286"}],"wp:attachment":[{"href":"https:\/\/helloblog.io\/fr\/wp-json\/wp\/v2\/media?parent=289"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helloblog.io\/fr\/wp-json\/wp\/v2\/categories?post=289"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helloblog.io\/fr\/wp-json\/wp\/v2\/tags?post=289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}