Tools

WordPress theme.json Generator

Erstelle eine gültige theme.json – und sieh, welche Hälfte deine Website wirklich verändert.

Läuft in deinem Browser. Nichts wird hochgeladen.

Layout

contentSize ist die Standard-Spaltenbreite; wideSize ist das, was ein Block bei „Breite Breite“ bekommt.

Inhaltsbreite (px) Breite Breite (px)

Palette

Sie werden zu CSS Custom Properties und erscheinen in jeder Farbauswahl im Editor.

Kontrast (Text)

Basis (Hintergrund)

Akzent (Links)

Optionen

Fluide TypografieGibt clamp()-Schriftgrößen aus, die mit dem Viewport skalieren, statt an Breakpoints zu springen. appearanceToolsSchaltet Rahmen-, Abstands-, Typografie- und Farbsteuerungen in einer Zeile frei, statt jede einzeln zu aktivieren. Auch die styles anwendenFügt einen styles-Block hinzu, damit die Palette im Frontend wirklich gerendert wird. Ohne ihn werden die Farben nur im Editor angeboten. Abstands-SkalaErzeugt ein 7-stufiges Abstands-Preset, damit Padding- und Margin-Steuerungen sinnvolle Werte haben.

settings vs. styles

theme.json

Speichere dies als theme.json im Stammverzeichnis deines Themes. Sie wird bei jedem Seitenaufruf gelesen – kein Build-Schritt, kein Cache zum Leeren.

Über das WordPress theme.json Generator

Ein WordPress-theme.json-Generator, der eine gültige version 3-Datei ausgibt: Layout-Breiten, eine Farbpalette, fluide Typografie und eine Abstands-Skala. Er macht außerdem den Unterschied sichtbar, über den alle stolpern: settings bietet dem Editor Werte an, styles wendet sie im Frontend an, und eine Palette allein ändert nichts, bis etwas sie nutzt.

Verwandt

Weitere Tools, die du brauchen könntest

WordPress-Bildgrößen-Labor

Bild hineinziehen. Sieh jede Kopie, die WordPress davon anlegt.