{"id":290,"date":"2026-08-16T19:22:00","date_gmt":"2026-08-16T17:22:00","guid":{"rendered":"https:\/\/helloblog.io\/pt\/extensao-wordpress-chrome-safari\/"},"modified":"2026-08-16T19:22:00","modified_gmt":"2026-08-16T17:22:00","slug":"extensao-wordpress-chrome-safari","status":"publish","type":"post","link":"https:\/\/helloblog.io\/pt\/extensao-wordpress-chrome-safari\/","title":{"rendered":"A extens\u00e3o do WordPress para ocultar a barra de administra\u00e7\u00e3o"},"content":{"rendered":"\n<p>A extens\u00e3o oficial do WordPress para navegadores est\u00e1 a separar a barra de administra\u00e7\u00e3o da p\u00e1gina que est\u00e1s a consultar. Podes instal\u00e1-la no Chrome, noutros navegadores baseados em Chromium e no Safari em macOS, mantendo os atalhos de administra\u00e7\u00e3o acess\u00edveis a partir da barra de ferramentas do navegador.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Porque ocultar a barra de administra\u00e7\u00e3o?<\/h2>\n\n\n\n<p>Quando tens sess\u00e3o iniciada no WordPress, a barra de administra\u00e7\u00e3o est\u00e1 a ocupar uma faixa no topo de cada p\u00e1gina e d\u00e1-te acesso imediato ao painel, ao editor e ao perfil. Contudo, altera o viewport: aquilo que v\u00eas no ecr\u00e3 deixa de corresponder exatamente ao que um visitante v\u00ea.<\/p>\n\n\n\n<p>A diferen\u00e7a torna-se especialmente inc\u00f3moda em sites que est\u00e3o a usar cabe\u00e7alhos fixos ou efeitos dependentes do scroll, porque pode criar artefactos visuais que parecem bugs inexistentes. Al\u00e9m disso, os plugins podem acrescentar op\u00e7\u00f5es \u00e0 barra e torn\u00e1-la dif\u00edcil de usar; se a desativares nas defini\u00e7\u00f5es do perfil, perdes tamb\u00e9m os respetivos atalhos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ocultar a barra sem perder atalhos<\/h2>\n\n\n\n<p>A extens\u00e3o est\u00e1 a ocultar a barra de administra\u00e7\u00e3o nos sites que escolheres, ou em todos os sites por predefini\u00e7\u00e3o, sem te afastar das a\u00e7\u00f5es mais usadas. Os atalhos passam para o menu da extens\u00e3o e podes repor a barra completa com dois cliques, sem teres de abrir o painel.<\/p>\n\n\n\n<p>Enquanto navegas, o \u00edcone na barra de ferramentas est\u00e1 a indicar de forma discreta se o site atual usa WordPress e se tens sess\u00e3o iniciada. Num site que geres, abre-o para acederes diretamente ao painel ou ao editor do conte\u00fado que est\u00e1 no ecr\u00e3.<\/p>\n\n\n\n<p>Os atalhos identificam a publica\u00e7\u00e3o, p\u00e1gina, taxonomia ou modelo que est\u00e1s a consultar. Nas p\u00e1ginas suportadas por modelos, abrem o Editor do site quando o tema usa blocos; em paralelo, um lan\u00e7ador guardado localmente est\u00e1 a memorizar os sites onde iniciaste sess\u00e3o, para que possas abri-los mesmo quando est\u00e1s noutro endere\u00e7o.<\/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\/9\/2026\/08\/wordpress-browser-extension.gif\" alt=\"Menu da extens\u00e3o WordPress Browser Extension para ocultar e mostrar a barra de administra\u00e7\u00e3o\" class=\"wp-image-288\"\/><figcaption class=\"wp-element-caption\">A barra de administra\u00e7\u00e3o pode ocultar-se ou repor-se a partir do menu da extens\u00e3o. \u2014 <em>Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Ferramentas para desenvolvimento e revis\u00e3o<\/h2>\n\n\n\n<p>Algumas tarefas est\u00e3o a encaixar melhor numa extens\u00e3o de navegador do que num plugin instalado no site. Estas ferramentas funcionam em qualquer site WordPress que visites e n\u00e3o exigem que instales um plugin nem outro software no pr\u00f3prio site.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>Desenhar os limites dos blocos sobre a p\u00e1gina renderizada.<\/li>\n\n\n<li>Abrir uma janela de pr\u00e9-visualiza\u00e7\u00e3o com dimens\u00f5es de telem\u00f3vel.<\/li>\n\n\n<li>Recarregar a p\u00e1gina ignorando a cache.<\/li>\n\n\n<li>Limpar os cookies e o armazenamento local do site atual.<\/li>\n\n<\/ul>\n\n\n\n<p>A sobreposi\u00e7\u00e3o dos limites dos blocos est\u00e1 a ajudar-te a perceber a estrutura que o editor produziu no frontend, enquanto a recarga sem cache facilita a valida\u00e7\u00e3o de altera\u00e7\u00f5es recentes. A limpeza de dados do site permite-te tamb\u00e9m reiniciar o estado local sem procurares essas op\u00e7\u00f5es nas ferramentas de desenvolvimento do navegador.<\/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\/9\/2026\/08\/WP-Browser-Extension-Safari-Block-Outlines.webp\" alt=\"Extens\u00e3o WordPress Browser Extension aberta no Safari com os contornos de blocos vis\u00edveis numa p\u00e1gina\" class=\"wp-image-289\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/9\/2026\/08\/WP-Browser-Extension-Safari-Block-Outlines.webp 1024w, https:\/\/helloblog.io\/app\/uploads\/sites\/9\/2026\/08\/WP-Browser-Extension-Safari-Block-Outlines-300x217.webp 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/9\/2026\/08\/WP-Browser-Extension-Safari-Block-Outlines-768x554.webp 768w, https:\/\/helloblog.io\/app\/uploads\/sites\/9\/2026\/08\/WP-Browser-Extension-Safari-Block-Outlines-400x289.webp 400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">A extens\u00e3o pode mostrar os limites dos blocos diretamente sobre a p\u00e1gina renderizada. \u2014 <em>Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Dados locais e privacidade<\/h2>\n\n\n\n<p>A extens\u00e3o est\u00e1 a analisar a p\u00e1gina que tens aberta para determinar o que est\u00e1s a ver e, quando essa informa\u00e7\u00e3o n\u00e3o chega, pede-a ao pr\u00f3prio site. As prefer\u00eancias e a lista de sites com sess\u00e3o iniciada guardam-se no navegador; n\u00e3o envia dados para outro destino, nem inclui tracking ou analytics.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como instalar e come\u00e7ar<\/h2>\n\n\n\n<p>A extens\u00e3o \u00e9 open source e o c\u00f3digo est\u00e1 dispon\u00edvel no <a href=\"https:\/\/github.com\/WordPress\/browser-extension\/\">reposit\u00f3rio GitHub do projeto<\/a>. Instala-a na loja adequada ao navegador, inicia sess\u00e3o nos teus sites WordPress e abre o \u00edcone da extens\u00e3o para configurares onde a barra deve ficar oculta e para usares os atalhos e ferramentas dispon\u00edveis.<\/p>\n\n\n\n<p>No Chrome e em navegadores baseados em Chromium, a instala\u00e7\u00e3o est\u00e1 a fazer-se atrav\u00e9s da Chrome Web Store. No Safari em macOS, descarrega-a pela Mac App Store.<\/p>\n\n\n<a href=\"https:\/\/chromewebstore.google.com\/detail\/wordpress-browser-extensi\/apaakgfongbkeecchhhjocpgjchbdenl\" class=\"download-card\" download>\n                <span class=\"download-icon\"><i class=\"fa-duotone fa-file-arrow-down\"><\/i><\/span>\n                <span class=\"download-info\">\n                    <span class=\"download-title\">Instalar a WordPress Browser Extension na Chrome Web Store<\/span>\n                    <span class=\"download-meta\"><span class=\"download-filename\">apaakgfongbkeecchhhjocpgjchbdenl<\/span><\/span>\n                <\/span>\n                <span class=\"download-action\"><i class=\"fa-duotone fa-arrow-down-to-line\"><\/i><\/span>\n            <\/a>\n\n<a href=\"https:\/\/apps.apple.com\/app\/id6794460913\" class=\"download-card\" download>\n                <span class=\"download-icon\"><i class=\"fa-duotone fa-file-arrow-down\"><\/i><\/span>\n                <span class=\"download-info\">\n                    <span class=\"download-title\">Descarregar a WordPress Browser Extension na Mac App Store<\/span>\n                    <span class=\"download-meta\"><span class=\"download-filename\">id6794460913<\/span><\/span>\n                <\/span>\n                <span class=\"download-action\"><i class=\"fa-duotone fa-arrow-down-to-line\"><\/i><\/span>\n            <\/a>\n\n<div class=\"references-section\">\n                <h2>Refer\u00eancias \/ Fontes<\/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>A extens\u00e3o oficial do WordPress oculta a barra de administra\u00e7\u00e3o sem eliminar os seus atalhos. Tamb\u00e9m acrescenta ferramentas de inspe\u00e7\u00e3o, pr\u00e9-visualiza\u00e7\u00e3o e limpeza de dados diretamente no navegador.<\/p>\n","protected":false},"author":28,"featured_media":287,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[132,135,134,133,10],"class_list":["post-290","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-chrome","tag-extensao-de-navegador","tag-ferramentas-de-desenvolvimento","tag-safari","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/helloblog.io\/pt\/wp-json\/wp\/v2\/posts\/290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helloblog.io\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helloblog.io\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/helloblog.io\/pt\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/helloblog.io\/pt\/wp-json\/wp\/v2\/comments?post=290"}],"version-history":[{"count":0,"href":"https:\/\/helloblog.io\/pt\/wp-json\/wp\/v2\/posts\/290\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/helloblog.io\/pt\/wp-json\/wp\/v2\/media\/287"}],"wp:attachment":[{"href":"https:\/\/helloblog.io\/pt\/wp-json\/wp\/v2\/media?parent=290"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helloblog.io\/pt\/wp-json\/wp\/v2\/categories?post=290"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helloblog.io\/pt\/wp-json\/wp\/v2\/tags?post=290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}