Das Plugin, das ich heute vorstelle, hat zwei Extreme. Es ist das Plugin mit einem der längsten Namen, “Block Editor: Reverse Columns on Mobile“, aber mit der geringsten Menge an Code. Der PHP-Code lädt nur etwas JavaScript und CSS. Alles in allem hat es etwa 250 Zeilen Code zusammengenommen.

Ich verwende es auf einer Website, die versucht, “keinen Code” zu verwenden. Der Inhalt und das Design werden fast ausschließlich mit dem Site- und Block-Editor erstellt.

Was macht das Plugin?

Wie der Name schon sagt: Es kehrt die Spalten auf mobilen Endgeräten um. Nehmen wir an, ihr habt eine Seite mit mehreren “Medien und Text” Blöcken. Für ein schönes Layout platziert ihr das Bild für den ersten Block auf der linken Seite, für den nächsten Block auf der rechten Seite, dann wieder auf der linken Seite und so weiter. Wenn ihr nun die Seite auf einem mobilen Endgerät anseht, würden diese Blöcke standardmäßig immer die linke Spalte über der rechten platzieren. Das Ergebnis wäre dann in etwa so: Bild, Text, Text, Bild, Bild, Text, Text, Bild, …

Das sieht auf dem Handy nicht gerade schön aus. Stattdessen möchtet ihr wahrscheinlich, dass das Bild immer über oder unter dem Text steht. Ihr könnt dies beheben, indem ihr manuell eine eigene CSS-Klasse zu jedem zweiten Block hinzufügen und dann etwas CSS in eurem Theme verwenden (oder in den globalen Stilen des Site-Editors), oder ihr könnt einfach dieses Plugin verwenden, das eine Checkbox zu den Blöcken core/columns, core/group (flexible Layouts) und core/media-text hinzufügt.

Warum verwende ich das Plugin?

Wie bereits erwähnt, verwende ich es auf einer Website, die keine speziell für die Seite programmierten Plugins oder Themes verwenden möchte. Außerdem soll es allen, die den Inhalt einer Seite bearbeiten, die Möglichkeit geben, diese Funktion problemlos zu nutzen. Für meinen persönlichen Blog und meine Websites würde ich wahrscheinlich einfach eine eigene CSS-Klasse einführen, die ich solchen Blöcken hinzufügen würde. Aber warum immer “das Rad neu erfinden”, wenn es ein Plugin gibt, das genau das tut, was es tun soll, und nicht mehr. Das CSS kümmert sich sogar um RTL (rechts nach links) Sprachen/Designs und verschiedene Möglichkeiten, Elemente nebeneinander anzuordnen. In meiner eigenen CSS-Klasse würde ich wahrscheinlich einige dieser Fälle vergessen.

Fazit

Auch wenn manche Leute argumentieren, dass man möglichst wenig Plugins einsetzen soll, mag ich Plugins wie dieses hier, das eine Sache genau so löst, wie ich sie selbst programmiert hätte.

Habt ihr auch ein Plugin gefunden, das kleine Dinge im Block- oder Site-Editor verbessert? Dann teilt sie gerne in einem Kommentar mit uns.