Media Queries in der Admin-Bar anzeigen: WordPress Media Queries Monitor

wordpress-media-queries-plugin-admin-bar

Wenn Ihr für eine WordPress-Website ein „responsive“ Theme entwickelt, werdet ihr in der Coding-Phase wahrscheinlich ähnlich vorgehen wie ich. Zunächst entwickelt ihr die Desktop-Version der Website oder alternativ die mobile Variante – je nachdem welchem Prinzip ihr folgt. Anschließend wird die Seite für die anderen Bildschirmgrößen adaptiert. Ihr fügt nach und nach neue Media Queries hinzu und wechselt permanent zwischen dem Browser und dem Code-Editor. Den Browser zieht ihr dabei manuell groß und klein und testet so die verschiedenen Ansichten. Leider erkennt man in dieser Vorgehensweise nicht ohne weiteres welcher Media Querie gerade aktiv ist und wo Anpassungen am Code vorgenommen werden müssen. Insbesondere wenn ihr mit sehr vielen verschiedenen Breakpoints arbeitet kann das lästig sein.

Trainings für Unternehmen und Privatpersonen

Wir machen dich fit für die Zukunft des Web! In unseren Seminaren und Workshops lernst du wie moderne Websites entstehen.

Infos zu Inhouse-Seminaren
Infos zu öffentlichen Terminen

Das folgende Plugin erweitert die Admin-Bar von WordPress um die fehlende Anzeige. Nachdem ihr das Plugin wie gewohnt installiert habt, gebt ihr in den Einstellungen die verwendeten Media Queries an. Anschießend wird euch immer angezeigt welcher Media Querie gerade aktiv ist. Ihr sehr also auf einen Blick wo ihr die Korrekturen vornehmen müsst.

Links zu Thema