WordPress Block Themes CSS and Style Settings Guide

Avatar of Ganesh Dahal
Ganesh Dahal am

Die Verwaltung von CSS in WordPress hat sich dramatisch verändert, seit Full-Site-Editing-Funktionen in Block-Themes eingeführt wurden. Diese Anleitung richtet sich an Block-Themes und deren Konfiguration, von der Aktivierung von Editor-Funktionen und Steuerelementen bis hin zur Definition von Theme-weiten CSS und der Anpassung des Erscheinungsbilds spezifischer Blöcke.

Präsentiert von DigitalOcean

DigitalOcean bietet die Cloud-Computing-Dienste, die Sie benötigen, um Ihr Wachstum in jeder Phase zu unterstützen. Starten Sie mit einem kostenlosen Guthaben von 200 $!

In der "State of the World" Rede von 2015 forderte der Mitbegründer von WordPress, Matt Mullenweg, die WordPress-Community berühmt auf, "JavaScript tiefgehend zu lernen". Er setzte diese Erwartung von Anfang an, weil er wollte, dass jeder weiß, dass JavaScript für die Zukunft von WordPress unerlässlich sein würde, das einen Weg zur vollständigen Website-Bearbeitung mit einer auf React basierenden Bearbeitungserfahrung namens Block Editor ebnete.

Das ist Jahre her, und es gab eine konzertierte Anstrengung, die Entwicklung von WordPress-Themes von "klassischen" PHP-basierten Vorlagen zu einem modulareren, komponentenorientierten Modell zu verschieben, das sich auf "Blöcke" zum Erstellen von Seiten- und Beitragslayouts konzentriert.

Jetzt, da wir sehen, wie neue Block-basierte WordPress-Themes im Theme-Verzeichnis erscheinen, sitzen viele von uns, die seit Jahren WordPress-Themes mit "klassischen" PHP-Vorlagen entwickeln, in einer Art Zwischenbereich zwischen "klassischen" und "Block"-Themes. Geoff ging in einem anderen Beitrag auf dieses Gefühl ein, aber die allgemeine Stimmung ist, dass die Arbeit in WordPress viel anders ist als zuvor.

Wo fängt man überhaupt mit einem WordPress Block Theme-Projekt an? Genau darum geht es in dieser Anleitung. Wir könnten uns mit den Nuancen der Arbeit mit React beschäftigen, aber dafür gibt es bereits eine gute Anleitung hier auf CSS-Tricks sowie Tutorials zur Arbeit mit Blöcken.

Stattdessen **richtet sich diese Anleitung an Block Themes und wie man sie konfiguriert.** Betrachten Sie sie als Erweiterung meines früheren Artikels über die Verwaltung von Stilen in WordPress Block Themes. Dort haben wir behandelt, wie CSS-Stile in der Datei theme.json definiert werden – der Grundlage aller WordPress Block Themes, ähnlich wie style.css in klassischen Themes verwendet wird. Wir werden in dieser Reihe tiefer gehen, theme.json eine ordnungsgemäße Einführung geben und dokumentieren, wie es zur Verwaltung des Erscheinungsbilds einer WordPress-Website verwendet wird, die die Funktionen zur vollständigen Website-Bearbeitung voll unterstützt.

Derzeit ist es eine Aufgabe für sich, Ressourcen und richtige Dokumentation für die Definition und Verwaltung von Stilen in WordPress Block Themes zu finden. Es sei denn, Sie halten sich über GitHub-Issues, Gutenberg-Plugin-Releases und Make WordPress Core auf dem Laufenden, könnten Sie sich in dieser neuen WordPress-Landschaft verloren fühlen. Das WordPress-Handbuch wird Sie auch nicht retten, da es ständig mehrere Schritte hinter der rasanten Entwicklungsgeschwindigkeit zurückliegt.

Lassen Sie uns also alles zusammenfassen und mehr über die Verwaltung von Stilen in WordPress Block Themes erfahren.