WordPress Browser Extension flyttar adminbaren till verktygsfältet
WordPress har släppt ett officiellt webbläsartillägg som flyttar de viktigaste genvägarna från adminbaren till webbläsarens verktygsfält. Du kan därmed granska sidor utan adminbarens påverkan och ändå öppna admin, redigeraren och utvecklarverktyg med några klick.
Ett alternativ till adminbaren
WordPress Browser Extension är ett webbläsartillägg med öppen källkod för Google Chrome, Chromium-baserade webbläsare och Safari på macOS. Det riktar sig till inloggade användare och låter dig dölja adminbaren på utvalda webbplatser, eller överallt som standard, utan att förlora dess vanligaste genvägar.
Adminbaren ligger normalt överst på varje sida när du är inloggad. Den ger snabb åtkomst till adminpanelen, redigeraren och profilen, men tar också plats i viewporten. Därför ser du inte exakt samma sida som en besökare ser, och på webbplatser med exempelvis sticky headers eller scrollstyrda effekter kan adminbaren skapa visuella artefakter som liknar fel i sidans kod.
Tillägg kan dessutom fylla adminbaren med fler funktioner och genvägar. Om du stänger av den i profilinställningarna försvinner även genvägarna. Webbläsartillägget löser avvägningen: det gömmer fältet men behåller de vanligaste åtgärderna i verktygsfältet. Du kan återställa hela adminbaren med två klick utan att öppna adminpanelen.
Se WordPress-status och öppna rätt redigeringsvy
Ikonen i verktygsfältet visar diskret om den aktuella webbplatsen använder WordPress och om du är inloggad. När du öppnar tillägget på en webbplats som du hanterar får du genvägar till adminpanelen eller till rätt redigeringsvy för det innehåll som visas.
Tillägget kan öppna redigeraren för det aktuella inlägget, sidan, taxonomin eller mallen. På sidor som bygger på en mall öppnar det Webbplatsredigeraren när webbplatsen använder ett blocktema. En lokalt lagrad startmeny kommer också ihåg de webbplatser som du loggar in på, så att du kan öppna dem även när du befinner dig på en helt annan webbplats.
Verktyg för granskning och utveckling
Flera funktioner passar bättre i webbläsaren än som WordPress-tillägg. De fungerar på varje WordPress-webbplats du besöker och kräver varken ett WordPress-tillägg eller ytterligare programvara på webbplatsen.
- Visa blockgränser: Rita ut gränserna för block ovanpå den renderade sidan för att se blockstrukturen i sitt visuella sammanhang.
- Förhandsvisa i telefonformat: Öppna ett fönster i telefonstorlek för en snabb mobilgranskning.
- Ladda om utan cache: Ladda om sidan med cache busting för att hämta aktuella resurser.
- Rensa webbplatsdata: Ta bort cookies och local storage för den aktuella webbplatsen.
All data stannar i webbläsaren
Tillägget analyserar sidan som visas i webbläsaren för att avgöra vad den innehåller. När sidan inte ger tillräcklig information frågar tillägget webbplatsen. Inställningarna och listan över de webbplatser där du är inloggad lagras lokalt i webbläsaren; tillägget skickar inte informationen vidare och använder varken spårning eller analys.
Projektet började som ett fristående initiativ och har nu blivit ett officiellt WordPress-projekt. Källkoden finns i projektets GitHub-repository, vilket gör det möjligt att granska implementationen och följa utvecklingen.
Installera tillägget
Installera versionen för den webbläsare du använder. Chrome-versionen fungerar även i Chromium-baserade webbläsare, medan Safari-versionen finns för macOS.
Hämta WordPress Browser Extension för Chrome Hämta WordPress Browser Extension för Safari på macOSBörja med din granskningsrutin
Efter installationen kan du öppna en WordPress-webbplats där du är inloggad, dölja adminbaren och kontrollera sidans faktiska viewport. Använd sedan verktygsfältets genvägar för att gå till rätt redigeringsvy, markera blockgränser vid layoutgranskning och rensa webbplatsdata när du behöver testa ett rent läge.


Referenser / Källor
Maja Lindberg
Serverless- och edge computing-utvecklare. Vercel och Cloudflare Workers är mina favoriter. Magin händer i molnets kant.
Alla inlägg