5. Februar 2021
WordPress-Theme: 1. Kleine Website oder persönliches Blog
Wie kann der Übergang zu Gutenberg für eine kleine Website gelingen? Wann wäre ein guter Zeitpunkt dafür, was gibt es zu beachten?
WeiterlesenArtikel aus der Kategorie Block-Editor
17. Dezember 2020
Block Based Themes: Was sind „Global Styles“?
Global Styles sind Teil des Konzepts der neuen Generation von WordPress-Themes. Weil das etwas mit CSS zu tun hat und ich beim ersten Drüberlesen nicht genau verstanden habe, was es damit auf sich hat, habe ich mir das mal näher angeschaut.
Weiterlesen
10. Dezember 2020
Arbeiten mit Block Patterns
Dieser Artikel ist eine Sammlung von Code-Schnipseln, die ich in Projekten regelmäßig brauche, in denen ich mit Block-Patterns arbeite.
Weiterlesen
2. Dezember 2020
Block-Variations für Gutenberg-Blöcke
Neben den Block-Styles gibt es auch die Möglichkeit, eine Block-Variation zu erstellen. Mit beiden Methoden nutzt man die Standardblöcke als Basis.
Weiterlesen
18. August 2020
Gutenberg Block-Pattern erstellen
Im Artikel „Card Design mit Gutenberg“ habe ich ein Layout-Modul im Card-Look erstellt. Dieses Modul möchte ich jetzt als Block Pattern speichern.
Weiterlesen
23. Juni 2020
Gutenberg Farb-Palette und Theme-CSS verbinden über WP-SCSS
Ein großes Problem beim Entwickeln von Themes und Child-Themes ist das Handling der Theme-Farben. Sie existieren in zwei voneinander getrennten Welten. Einmal in Gutenberg (PHP) und einmal in der style.css (CSS).
Weiterlesen
15. Juni 2020
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
12. Mai 2020
Eigenen Gutenberg-Block mit dem Plugin ‚Block Lab‘ anlegen
Manchmal braucht man für ein Projekt einen individuellen Gutenberg- Block. Vieles kann man über Block-Styles lösen, aber wenn es um mehr geht als nur die Optik zu verändern, kommt man an einem individuellen Block nicht vorbei. Mit dem Plugin Block Lab kannst du das mit wenig Aufwand umsetzen.
Weiterlesen
17. März 2020
Block-Styles für Gutenberg-Blöcke ergänzen
Gutenberg-Blöcke können mehrere Design-Varianten haben. Beim Button-Block zum Beispiel gibt es zwei Designs zur Auswahl, eine gefüllte Version und eine Kontur-Version. Auch andere Blöcke können zusätzliche Design-Varianten bekommen.
Weiterlesen
5. Februar 2020
Den Gutenberg-Editor um eine eigene Farbpalette erweitern
Für einige Gutenberg-Blöcke kann man Farben auswählen. Diese Farben kann man sich aus einer Farbpalette aussuchen. Gutenberg-kompatible Themes bringen in der Regel ihr eigenes Farbschema schon mit. Aber man kann auch selbst eine Farbpalette einbauen.
Weiterlesen
16. Januar 2020
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