Diesmal gibt es Tipps zu CSS-Anpassungen im Zusammenhang mit dem Editor. Unter anderem geht es darum, wie du die Bearbeitungs-Ansicht im Backend an die Darstellung im Frontend anpassen kannst.
- Mit Editor-Styles das Theme-Design in den Editor holen
- Individuelle Schriftgrößen im WordPress-Editor mit CSS anpassen
- Den Abstandshalter-Block responsive machen
WORDPRESS-NACHRICHTEN
WordPress 5.8 kommt mit Full Site Editing (FSE)
Full Site Editing (FSE) ist der Überbegriff für eine ganze Reihe von neuen Funktionen in WordPress. Das Ziel ist es, dass man in Zukunft die komplette Website über den Editor bearbeiten kann. Auch Header, Footer und Navigation sind dann über den Editor erreichbar. Die gesamte Website besteht aus Blöcken.
Ellen Bauer hat dazu einen sehr informativen Artikel geschrieben:
Was bedeutet Full Site Editing (FSE) in WordPress
ARTIKEL AUS DEM BLOG
Mit Editor-Styles das Theme-Design in den Editor holen
Der WordPress-Editor weiß erst Mal nicht, wie das Design im Frontend aussieht. Wenn das Theme-Design auch in der Editor-Ansicht erscheinen soll, muss man dem Theme ein zusätzliches Stylesheet für den Editor mitgeben.
Individuelle Schriftgrößen im WordPress-Editor mit CSS anpassen
Für einige Blöcke kann man in der Randspalte eine individuelle Schriftgröße festlegen. Das betrifft den Absatzblock, aber auch für Headlines kann man die Schriftgröße ändern.
Den Abstandshalter-Block responsive machen
Mit dem Abstandshalter-Block kann man einen Abstand zwischen zwei Blöcke setzen. Der Abstandshalter-Block ist aber nicht flexibel: Die Höhe ist bei allen Bildschirmbreiten gleich. Das macht Probleme bei unterschiedlichen Bildschirm-Größen.