WordPress Browser Extension verbergt de adminbar zonder snelkoppelingen te verliezen
De officiële WordPress Browser Extension verplaatst veelgebruikte WordPress-snelkoppelingen naar je browserwerkbalk. Zo verberg je de adminbar zonder de toegang tot je dashboard, editor en andere beheertaken kwijt te raken.
Je installeert de open-sourceextensie via de Chrome Web Store in Google Chrome en andere Chromium-browsers. Voor Safari op macOS staat hij in de Mac App Store. De broncode staat in de GitHub-repository.
Waarom de adminbar in de weg kan zitten.
Als je bij WordPress bent ingelogd, toont de adminbar standaard bovenaan elke pagina snelle toegang tot het dashboard, de editor en je profiel. Die balk neemt echter ruimte in je viewport in. Daardoor zie je nooit precies dezelfde pagina als een gewone bezoeker.
Dat verschil kan verwarrend zijn op sites met bijvoorbeeld sticky headers of effecten die reageren op scrollen. Je kunt dan visuele artefacten zien en zoeken naar een bug die niet bestaat. Plugins kunnen de adminbar bovendien vullen met extra functies en snelkoppelingen, waardoor hij onoverzichtelijk wordt.
Schakel je de adminbar uit via je profielinstellingen, dan verdwijnen ook de snelkoppelingen. De extensie lost precies die afweging op: hij haalt de balk uit beeld, maar houdt de belangrijkste acties beschikbaar in de browser.
Adminbar verbergen en toch snel navigeren
De extensie verbergt de adminbar op sites die jij kiest, of standaard overal. Je haalt de volledige balk met twee klikken terug, zonder eerst naar het dashboard te gaan. Vanuit de browserwerkbalk herken je daarnaast WordPress-sites en spring je vanaf elke website naar sites waarop jij bent ingelogd.
Het werkbalkpictogram laat subtiel zien of de pagina die je bezoekt WordPress gebruikt en of je daar bent ingelogd. Beheer je de huidige site, open dan de extensie voor een directe link naar het dashboard of naar de editor van het exacte object dat je bekijkt.
Die editorlink werkt voor berichten, pagina’s, taxonomieën en templates. Bekijk je een pagina die door een template wordt aangestuurd, dan opent de extensie die template in de Site Editor van een blokthema. Een launcher die lokaal in je browser staat, onthoudt bovendien de sites waarop je inlogt, ook als je op dat moment een heel andere website bezoekt.
Hulpmiddelen voor testen en review
Sommige acties passen beter in een browserextensie dan in een WordPress-plugin. De extensie bevat daarom hulpmiddelen voor ontwikkelaars en contentmakers die een pagina willen testen of beoordelen.
Je kunt onder meer de volgende acties uitvoeren:
- Teken blokgrenzen over de gerenderde pagina om te zien waar blokken beginnen en eindigen.
- Open een voorbeeldvenster op telefoonformaat.
- Herlaad de pagina met cacheomzeiling, zodat je browser geen eerder opgeslagen bestanden gebruikt.
- Wis de cookies en local storage van de huidige site.
Deze functies zijn vanuit een site soms lastig uit te voeren. Ze vragen geen plugin en geen andere software-installatie, waardoor je ze kunt gebruiken op elke WordPress-site die je bezoekt.
De verwerking blijft in je browser
De extensie verwerkt deze functies op je eigen apparaat. Hij leest de pagina die voor je staat om vast te stellen wat je bekijkt. Heeft hij informatie nodig die niet in de pagina staat, dan vraagt hij die op bij de site zelf.
Privacy
Je voorkeuren en de lijst met sites waarop je inlogt, blijven in je browser. De extensie stuurt niets naar andere partijen en gebruikt geen tracking of analytics.
Installeer de extensie voor jouw browser
Kies de winkel die bij je browser past en installeer de extensie. Log daarna in op een WordPress-site, open het pictogram in je browserwerkbalk en stel in op welke sites je de adminbar wilt verbergen.
WordPress Browser Extension voor Chrome en Chromium-browsers WordPress Browser Extension voor Safari op macOS

Referenties / Bronnen
Naomi Wijngaard
Frontend-ontwikkelaar en CSS-kunstenaar. Het maken van animaties en interactieve websites is mijn passie. Fan van Svelte en SvelteKit.
Alle berichten