Ein Bildschirm für Ihr ganzes Design.
Thai und Latein, ohne CSS.
Design Controller gibt einer WordPress-Website einen Ort für ihr Designsystem — Schriften, Typo-Skala, Farben, Abstände, Formen und Komponentenstile. Wert ändern, in der Live-Vorschau die echte Website folgen sehen, veröffentlichen. Nichts wird in den Customizer, den Site-Editor oder Ihren Page-Builder geschrieben; Deaktivieren stellt alles wieder her.
Design Controller Pro holen Kostenlose Version auf WordPress.org
Warum Design Controller
Typografie, Thai zuerst
Jedes Muster zeigt Thai-Text mit den Vokalen und Tonzeichen, die als Erstes brechen. Zeilenhöhen-Hinweise für Thai, ein Schutz gegen Buchstabenabstand, Thai-Latein-Paarung pro Schrift und ein „Thai ✓“-Abzeichen an jeder Schriftquelle.
Selbst gehostete Schriften ohne Layoutsprung
Eine Schrift aus Google Fonts oder Bunny Fonts wird einmal als woff2 in die WordPress-Schriftbibliothek geladen, für Thai und Latein getrennt, mit höchstens zwei Preloads und metrisch angepassten Ersatzschriften — der Text springt nie.
Nahezu kein Fußabdruck
Ein Inline-Style in wp_head, etwa 2 KB gzippt. Kein JavaScript auf der öffentlichen Website, keine zusätzlichen Datenbankabfragen — bei jeder Version gemessen.
Live-Vorschau und sicheres Bearbeiten
Drei Bereiche: die Panels, eine Vorschau Ihrer echten Website auf Desktop, Tablet oder Telefon, und die Regler. Automatisch gespeicherte Entwürfe, Rückgängig und Wiederholen, ein Veröffentlichen-Dialog mit jeder Änderung und ein Verlauf zum Wiederherstellen.
Komponenten als Rezepte
Buttons, Links, Formularfelder, Karten und Menüs können Ihren Tokens auf den Selektoren des Themes folgen — pro Komponente einschalten, den Rest dem Theme überlassen.
Design Doctor
Zwölf Prüfungen mit sicheren, umkehrbaren Korrekturen: doppelt geladene Schriften, fehlende Thai-Glyphen, Kontrast unter WCAG AA, zu kleiner Fließtext, feste Werte im Zusätzlichen CSS, veraltete Caches und mehr.
In Aktion
Kostenlos und Pro
Alles in der kostenlosen Version ist vollständig, nichts ist gesperrt. Pro ist ein eigener Build mit den Integrationen und Team-Werkzeugen unten, bevorzugtem Support und automatischen Updates.
| Free | Pro | |
|---|---|---|
| Design-Tokens: Schriften, Typo-Skala, Farben, Abstände, Form, Komponenten | ✓ | ✓ |
| Live-Vorschau der echten Website, Autosave, Rückgängig/Wiederholen, Veröffentlichen mit Diff, Verlauf | ✓ | ✓ |
| Selbst gehostete Schriften mit Thai/Latein-Subsets, Paarung und Ersatzschriften ohne CLS | ✓ | ✓ |
| Brücken zu Block-Editor, WooCommerce und Seiten-Cache | ✓ | ✓ |
| Design Doctor mit 12 Prüfungen und sicheren Korrekturen | ✓ | ✓ |
| Eingebaute Presets, DTCG-JSON- und CSS-Export, Styleguide, REST, WP-CLI, Hooks | ✓ | ✓ |
| Flatsome / UX Builder-Integration | — | ✓ |
| Elementor-Integration | — | ✓ |
| Team-Leitplanken: gesperrte Tokens, bearbeitungsberechtigte Rollen | — | ✓ |
| Eigene Marken-Kits (Presets speichern) | — | ✓ |
| Tokens Studio (Figma)-Import | — | ✓ |
| Bevorzugter Support und automatische Updates | — | ✓ |
Ehrlich gesagt: Liest Ihr Theme CSS-Variablen und nutzen Sie keinen Page-Builder, ist die kostenlose Version das ganze Produkt. Pro lohnt sich auf Flatsome- und Elementor-Websites, wo Theme-Optionen und die globalen Farben und Schriften des Builders Ihren Tokens beim Rendern folgen statt von Hand kopiert zu werden — und in Teams, in denen Redakteure Schriften ändern dürfen, die gesperrte Markenfarbe aber nie.
Dieselbe Tabelle, die das kostenlose Plugin auf seinem Tab „Auf Pro upgraden“ zeigt.
Preise
Einmalig
- Flatsome / UX Builder-Integration
- Elementor-Integration
- Team-Leitplanken: gesperrte Tokens, bearbeitungsberechtigte Rollen
- Eigene Marken-Kits (Presets speichern)
- Tokens Studio (Figma)-Import
- Bevorzugter Support und automatische Updates
- Updates & Support für immer
- Einmal zahlen und nie wieder daran denken
Bald verfügbar