CSS  Gutenberg

Card-Design mit Gutenberg

Anlass zu diesem Beitrag war eine Frage in einer Facebook-Gruppe. Die Frage war: Kann man ein Card-Design aus Bild und Text mit Gutenberg-Bordmitteln umsetzen? Ja, das geht sehr gut.

Weiterlesen
Gutenberg  WordPress-Einsteiger

Ein gutenberg-kompatibles Theme aussuchen

Damit ein Theme gutenberg-kompatibel ist, muss es zunächst das nötige CSS an Bord haben, das die Darstellung der Gutenberg-Blöcke im Theme steuert. Es sollten keine Fehler im Layout entstehen und die Blöcke sollten im Design des Themes dargestellt werden. Das Theme muss zum Beispiel die Inhaltsbreiten von Gutenberg unterstützen.

Weiterlesen
CSS  Gutenberg

Im Gutenberg-Editor mit CSS-Klassen arbeiten

Eine relativ einfache Methode, das Aussehen eines Gutenberg-Blocks anzupassen, ist das Arbeiten mit CSS-Klassen.

Bei jedem Gutenberg-Block gibt es die Möglichkeit, eine CSS-Klasse einzutragen. Ich arbeite viel mit solchen Helfer-Klassen. Sie lassen sich gut in die CSS-Systematik eines Projekts integrieren.

Weiterlesen