WordPress Browser Extension: admin bar nélkül, gyorsabb ellenőrzéssel

A WordPress admin bar gyors elérést ad a vezérlőpulthoz, a szerkesztőhöz és a profilhoz, de közben belenyúl abba a viewportba, amelyet a látogatók ténylegesen látnak. Az új, hivatalos WordPress Browser Extension ezt a kompromisszumot oldja fel: elrejtheted az admin bart, miközben a fontos WordPress-parancsok egy kattintásra maradnak a böngésző eszköztárában.

A nyílt forráskódú bővítmény Google Chrome-hoz és Chromium-alapú böngészőkhöz a Chrome Web Store-ból, macOS-en Safarihoz pedig a Mac App Store-ból telepíthető. Nemcsak az admin bar kezelésére szolgál: felismeri a WordPress-oldalakat, gyors átjárást ad a saját site-jaidhoz, és fejlesztési, illetve tartalom-ellenőrzési eszközöket is hoz.

Miért zavaró az admin bar?

Bejelentkezve az admin bar minden megnyitott oldalon felül jelenik meg. Ez kényelmes, de helyet vesz el a viewportból, ezért a képernyőn látható oldal eltér attól, amit egy látogató lát. Sticky header, görgetésvezérelt effekt vagy más, a viewporttal dolgozó megoldás esetén olyan vizuális hibajelenségeket is okozhat, amelyek valójában nem a site hibái.

A problémát a bővítmények is erősíthetik, amikor saját menüpontokkal és shortcutokkal bővítik az admin bart. Ha a profilbeállításoknál teljesen kikapcsolod a sávot, azzal ugyan felszabadítod a felületet, de minden benne lévő shortcutot is elveszítesz.

Az admin bar elrejtése shortcutok elvesztése nélkül

A WordPress Browser Extension a kiválasztott site-okon rejti el az admin bart; alapértelmezésben mindenhol így működik. A gyakran használt műveleteket a böngésző eszköztárának menüjében tartja, a teljes admin bart pedig két kattintással visszahozhatod anélkül, hogy megnyitnád a WordPress vezérlőpultját.

Böngészés közben az eszköztár ikonja diszkréten jelzi, hogy az aktuális oldal WordPress-t futtat-e, illetve be vagy-e jelentkezve. Az általad kezelt oldalaknál a kinyíló menüből közvetlenül eléred a vezérlőpultot vagy az éppen nézett tartalom szerkesztőjét.

Ez a gyors szerkesztési útvonal konkrétan az aktuális bejegyzéshez, oldalhoz, taxonómiához vagy sablonhoz vezet. Blokktémáknál a sablon által kiszolgált oldalakhoz tartozó szerkesztőlink a Site Editor-t nyitja meg.

A bővítmény helyben, a böngésződben tárol egy indítót a site-okról, amelyekbe bejelentkeztél. Így ezek a WordPress-oldalak akkor is elérhetők maradnak a menüből, amikor éppen teljesen más webhelyet nézel.

Böngészőből használható fejlesztői és ellenőrzési eszközök

Egyes ellenőrzési feladatokat célszerűbb a böngésző szintjén megoldani, mint WordPress-bővítményként. A kiegészítő ezért minden meglátogatott WordPress-site-on ugyanazokat az eszközöket kínálja, további plugin vagy egyéb szoftver telepítése nélkül.

A rendelkezésre álló eszközök:

• Berajzolhatod a blokkok határait a renderelt oldalra, így gyorsan átlátod a blokkstruktúrát.
• Megnyithatsz egy telefonméretű előnézeti ablakot.
• Újratöltheted az oldalt cache-bustinggal, vagyis a gyorsítótár megkerülésével.
• Törölheted az aktuális site cookie-jait és local storage-át.

A blokkhatárok megjelenítése különösen akkor hasznos, amikor azt ellenőrzöd, milyen blokkok adják ki az oldal tényleges, böngészőben renderelt szerkezetét.

Adatkezelés: minden a saját eszközödön marad

A bővítmény az előtted megnyitott oldalt olvassa, hogy felismerje annak típusát és a rendelkezésre álló műveleteket. Ha az oldal tartalma ehhez nem elegendő, lekérdezi az adott site-ot.

A beállításaid és a bejelentkezett site-ok listája a böngésződben marad. Nem küld adatot külső helyre, és nem használ sem követést, sem analitikát.

Telepítés és projektkövetés

Chrome vagy más Chromium-alapú böngésző esetén a Chrome Web Store-ból, macOS-en Safari esetén a Mac App Store-ból telepítsd a WordPress Browser Extensiont. A fejlesztés nyíltan zajlik a projekt GitHub-tárolójában, ahol a hibajegyeket és pull requesteket is kezelik.

Ha admin barként eddig a szerkesztési shortcutok és a pontos frontend-ellenőrzés között kellett választanod, telepítsd a böngésződhöz illő változatot. Az admin bar elrejtése mellett rögtön használhatod a site-indítót, a gyors szerkesztőlinkeket és az ellenőrző eszközöket is.