{"id":409,"date":"2026-08-16T19:21:47","date_gmt":"2026-08-16T17:21:47","guid":{"rendered":"https:\/\/helloblog.io\/hu\/wordpress-browser-extension-admin-bar-fejlesztoi-eszkozok\/"},"modified":"2026-08-16T19:21:47","modified_gmt":"2026-08-16T17:21:47","slug":"wordpress-browser-extension-admin-bar-fejlesztoi-eszkozok","status":"publish","type":"post","link":"https:\/\/helloblog.io\/hu\/wordpress-browser-extension-admin-bar-fejlesztoi-eszkozok\/","title":{"rendered":"WordPress Browser Extension: admin bar n\u00e9lk\u00fcl, gyorsabb ellen\u0151rz\u00e9ssel"},"content":{"rendered":"\n<p>A WordPress admin bar gyors el\u00e9r\u00e9st ad a vez\u00e9rl\u0151pulthoz, a szerkeszt\u0151h\u00f6z \u00e9s a profilhoz, de k\u00f6zben beleny\u00fal abba a viewportba, amelyet a l\u00e1togat\u00f3k t\u00e9nylegesen l\u00e1tnak. Az \u00faj, hivatalos WordPress Browser Extension ezt a kompromisszumot oldja fel: elrejtheted az admin bart, mik\u00f6zben a fontos WordPress-parancsok egy kattint\u00e1sra maradnak a b\u00f6ng\u00e9sz\u0151 eszk\u00f6zt\u00e1r\u00e1ban.<\/p>\n\n\n\n<p>A ny\u00edlt forr\u00e1sk\u00f3d\u00fa b\u0151v\u00edtm\u00e9ny Google Chrome-hoz \u00e9s Chromium-alap\u00fa b\u00f6ng\u00e9sz\u0151kh\u00f6z a Chrome Web Store-b\u00f3l, macOS-en Safarihoz pedig a Mac App Store-b\u00f3l telep\u00edthet\u0151. Nemcsak az admin bar kezel\u00e9s\u00e9re szolg\u00e1l: felismeri a WordPress-oldalakat, gyors \u00e1tj\u00e1r\u00e1st ad a saj\u00e1t site-jaidhoz, \u00e9s fejleszt\u00e9si, illetve tartalom-ellen\u0151rz\u00e9si eszk\u00f6z\u00f6ket is hoz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mi\u00e9rt zavar\u00f3 az admin bar?<\/h2>\n\n\n\n<p>Bejelentkezve az admin bar minden megnyitott oldalon fel\u00fcl jelenik meg. Ez k\u00e9nyelmes, de helyet vesz el a viewportb\u00f3l, ez\u00e9rt a k\u00e9perny\u0151n l\u00e1that\u00f3 oldal elt\u00e9r att\u00f3l, amit egy l\u00e1togat\u00f3 l\u00e1t. Sticky header, g\u00f6rget\u00e9svez\u00e9relt effekt vagy m\u00e1s, a viewporttal dolgoz\u00f3 megold\u00e1s eset\u00e9n olyan vizu\u00e1lis hibajelens\u00e9geket is okozhat, amelyek val\u00f3j\u00e1ban nem a site hib\u00e1i.<\/p>\n\n\n\n<p>A probl\u00e9m\u00e1t a b\u0151v\u00edtm\u00e9nyek is er\u0151s\u00edthetik, amikor saj\u00e1t men\u00fcpontokkal \u00e9s shortcutokkal b\u0151v\u00edtik az admin bart. Ha a profilbe\u00e1ll\u00edt\u00e1sokn\u00e1l teljesen kikapcsolod a s\u00e1vot, azzal ugyan felszabad\u00edtod a fel\u00fcletet, de minden benne l\u00e9v\u0151 shortcutot is elvesz\u00edtesz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Az admin bar elrejt\u00e9se shortcutok elveszt\u00e9se n\u00e9lk\u00fcl<\/h2>\n\n\n\n<p>A WordPress Browser Extension a kiv\u00e1lasztott site-okon rejti el az admin bart; alap\u00e9rtelmez\u00e9sben mindenhol \u00edgy m\u0171k\u00f6dik. A gyakran haszn\u00e1lt m\u0171veleteket a b\u00f6ng\u00e9sz\u0151 eszk\u00f6zt\u00e1r\u00e1nak men\u00fcj\u00e9ben tartja, a teljes admin bart pedig k\u00e9t kattint\u00e1ssal visszahozhatod an\u00e9lk\u00fcl, hogy megnyitn\u00e1d a WordPress vez\u00e9rl\u0151pultj\u00e1t.<\/p>\n\n\n\n<p>B\u00f6ng\u00e9sz\u00e9s k\u00f6zben az eszk\u00f6zt\u00e1r ikonja diszkr\u00e9ten jelzi, hogy az aktu\u00e1lis oldal WordPress-t futtat-e, illetve be vagy-e jelentkezve. Az \u00e1ltalad kezelt oldalakn\u00e1l a kiny\u00edl\u00f3 men\u00fcb\u0151l k\u00f6zvetlen\u00fcl el\u00e9red a vez\u00e9rl\u0151pultot vagy az \u00e9ppen n\u00e9zett tartalom szerkeszt\u0151j\u00e9t.<\/p>\n\n\n\n<p>Ez a gyors szerkeszt\u00e9si \u00fatvonal konkr\u00e9tan az aktu\u00e1lis bejegyz\u00e9shez, oldalhoz, taxon\u00f3mi\u00e1hoz vagy sablonhoz vezet. Blokkt\u00e9m\u00e1kn\u00e1l a sablon \u00e1ltal kiszolg\u00e1lt oldalakhoz tartoz\u00f3 szerkeszt\u0151link a Site Editor-t nyitja meg.<\/p>\n\n\n\n<p>A b\u0151v\u00edtm\u00e9ny helyben, a b\u00f6ng\u00e9sz\u0151dben t\u00e1rol egy ind\u00edt\u00f3t a site-okr\u00f3l, amelyekbe bejelentkezt\u00e9l. \u00cdgy ezek a WordPress-oldalak akkor is el\u00e9rhet\u0151k maradnak a men\u00fcb\u0151l, amikor \u00e9ppen teljesen m\u00e1s webhelyet n\u00e9zel.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">B\u00f6ng\u00e9sz\u0151b\u0151l haszn\u00e1lhat\u00f3 fejleszt\u0151i \u00e9s ellen\u0151rz\u00e9si eszk\u00f6z\u00f6k<\/h2>\n\n\n\n<p>Egyes ellen\u0151rz\u00e9si feladatokat c\u00e9lszer\u0171bb a b\u00f6ng\u00e9sz\u0151 szintj\u00e9n megoldani, mint WordPress-b\u0151v\u00edtm\u00e9nyk\u00e9nt. A kieg\u00e9sz\u00edt\u0151 ez\u00e9rt minden megl\u00e1togatott WordPress-site-on ugyanazokat az eszk\u00f6z\u00f6ket k\u00edn\u00e1lja, tov\u00e1bbi plugin vagy egy\u00e9b szoftver telep\u00edt\u00e9se n\u00e9lk\u00fcl.<\/p>\n\n\n\n<p>A rendelkez\u00e9sre \u00e1ll\u00f3 eszk\u00f6z\u00f6k:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>Berajzolhatod a blokkok hat\u00e1rait a renderelt oldalra, \u00edgy gyorsan \u00e1tl\u00e1tod a blokkstrukt\u00far\u00e1t.<\/li>\n\n\n<li>Megnyithatsz egy telefonm\u00e9ret\u0171 el\u0151n\u00e9zeti ablakot.<\/li>\n\n\n<li>\u00dajrat\u00f6ltheted az oldalt cache-bustinggal, vagyis a gyors\u00edt\u00f3t\u00e1r megker\u00fcl\u00e9s\u00e9vel.<\/li>\n\n\n<li>T\u00f6r\u00f6lheted az aktu\u00e1lis site cookie-jait \u00e9s local storage-\u00e1t.<\/li>\n\n<\/ul>\n\n\n\n<p>A blokkhat\u00e1rok megjelen\u00edt\u00e9se k\u00fcl\u00f6n\u00f6sen akkor hasznos, amikor azt ellen\u0151rz\u00f6d, milyen blokkok adj\u00e1k ki az oldal t\u00e9nyleges, b\u00f6ng\u00e9sz\u0151ben renderelt szerkezet\u00e9t.<\/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\/2\/2026\/08\/WP-Browser-Extension-Safari-Block-Outlines.webp\" alt=\"A WordPress Browser Extension fejleszt\u0151i eszk\u00f6zei blokkhat\u00e1rokat rajzolnak egy Safari-ban megnyitott WordPress-oldalra\" class=\"wp-image-408\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/2\/2026\/08\/WP-Browser-Extension-Safari-Block-Outlines.webp 1024w, https:\/\/helloblog.io\/app\/uploads\/sites\/2\/2026\/08\/WP-Browser-Extension-Safari-Block-Outlines-300x217.webp 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/2\/2026\/08\/WP-Browser-Extension-Safari-Block-Outlines-768x554.webp 768w, https:\/\/helloblog.io\/app\/uploads\/sites\/2\/2026\/08\/WP-Browser-Extension-Safari-Block-Outlines-400x289.webp 400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">A b\u0151v\u00edtm\u00e9ny a renderelt oldalon is l\u00e1that\u00f3v\u00e1 teszi a blokkhat\u00e1rokat. \u2014 <em>Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Adatkezel\u00e9s: minden a saj\u00e1t eszk\u00f6z\u00f6d\u00f6n marad<\/h2>\n\n\n\n<p>A b\u0151v\u00edtm\u00e9ny az el\u0151tted megnyitott oldalt olvassa, hogy felismerje annak t\u00edpus\u00e1t \u00e9s a rendelkez\u00e9sre \u00e1ll\u00f3 m\u0171veleteket. Ha az oldal tartalma ehhez nem elegend\u0151, lek\u00e9rdezi az adott site-ot.<\/p>\n\n\n\n<p>A be\u00e1ll\u00edt\u00e1said \u00e9s a bejelentkezett site-ok list\u00e1ja a b\u00f6ng\u00e9sz\u0151dben marad. Nem k\u00fcld adatot k\u00fcls\u0151 helyre, \u00e9s nem haszn\u00e1l sem k\u00f6vet\u00e9st, sem analitik\u00e1t.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Telep\u00edt\u00e9s \u00e9s projektk\u00f6vet\u00e9s<\/h2>\n\n\n\n<p>Chrome vagy m\u00e1s Chromium-alap\u00fa b\u00f6ng\u00e9sz\u0151 eset\u00e9n a Chrome Web Store-b\u00f3l, macOS-en Safari eset\u00e9n a Mac App Store-b\u00f3l telep\u00edtsd a WordPress Browser Extensiont. A fejleszt\u00e9s ny\u00edltan zajlik a projekt GitHub-t\u00e1rol\u00f3j\u00e1ban, ahol a hibajegyeket \u00e9s pull requesteket is kezelik.<\/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\">WordPress Browser Extension a Chrome Web Store-ban<\/span>\n                    <span class=\"download-meta\"><span class=\"download-filename\">.crx<\/span><span class=\"download-size\">.<\/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\">WordPress Browser Extension a Mac App Store-ban<\/span>\n                    <span class=\"download-meta\"><span class=\"download-filename\">.app<\/span><span class=\"download-size\">.<\/span><\/span>\n                <\/span>\n                <span class=\"download-action\"><i class=\"fa-duotone fa-arrow-down-to-line\"><\/i><\/span>\n            <\/a>\n\n\n<p>Ha admin bark\u00e9nt eddig a szerkeszt\u00e9si shortcutok \u00e9s a pontos frontend-ellen\u0151rz\u00e9s k\u00f6z\u00f6tt kellett v\u00e1lasztanod, telep\u00edtsd a b\u00f6ng\u00e9sz\u0151dh\u00f6z ill\u0151 v\u00e1ltozatot. Az admin bar elrejt\u00e9se mellett r\u00f6gt\u00f6n haszn\u00e1lhatod a site-ind\u00edt\u00f3t, a gyors szerkeszt\u0151linkeket \u00e9s az ellen\u0151rz\u0151 eszk\u00f6z\u00f6ket is.<\/p>\n\n\n<div class=\"references-section\">\n                <h2>Hivatkoz\u00e1sok \/ Forr\u00e1sok<\/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><li><a href=\"https:\/\/github.com\/WordPress\/browser-extension\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Browser Extension<\/a><\/li><\/ul>\n            <\/div>","protected":false},"excerpt":{"rendered":"<p>Az admin bar ne takarja ki t\u00f6bb\u00e9 a val\u00f3di frontendet. A WordPress Browser Extension megtartja a fontos shortcutokat, mik\u00f6zben fejleszt\u0151i eszk\u00f6z\u00f6ket is ad a b\u00f6ng\u00e9sz\u0151dh\u00f6z.<\/p>\n","protected":false},"author":5,"featured_media":407,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[178,179,181,180,10],"class_list":["post-409","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-admin-bar","tag-chrome","tag-fejlesztoi-eszkozok","tag-safari","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/posts\/409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/comments?post=409"}],"version-history":[{"count":0,"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/posts\/409\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/media\/407"}],"wp:attachment":[{"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/media?parent=409"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/categories?post=409"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/tags?post=409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}