hallowebsite Palette Studio for Kadence

DE | EN

Erzeugt vollständige 15-Farben-Paletten für Kadence – jede Farbe passend zu ihrer Rolle, mit WCAG-Kontrastprüfung und Live-Vorschau. Paletten speicherst du in einer Bibliothek mit Kategorien, exportierst und importierst sie und kopierst sie direkt in den Customizer.

Autor
hallowebsite

Überblick

hallowebsite Palette Studio for Kadence erzeugt vollständige 15-Farben-Paletten für das globale Farbsystem von Kadence und speichert sie in einer wiederverwendbaren Bibliothek. Jede Farbe wird passend zu ihrer Rolle in Kadence erzeugt – Akzente, Kontrast/Text, Basis/Hintergründe und Hinweise –, mit WCAG-Kontrastprüfung und Live-Vorschau. Passt eine Palette, kopierst du sie als JSON in den Kadence-Customizer, speicherst sie oder zeigst sie per Shortcode im Frontend.

Funktionen

  • Rollenbasierter Generator: 2 Akzente, 4 Kontraste, 4 Basisfarben und 5 semantische Hinweisfarben.
  • Harmonie-Modi: Balanced, Analogous, Complementary, Triadic, Vivid und Soft.
  • Wahrnehmungsbasierte Erzeugung angelehnt an OKLCH – Farben fixieren und weiter generieren.
  • WCAG-Kontrastprüfung für Text/Hintergrund- und Akzent-Kombinationen.
  • Live-Vorschau in drei Layouts: Landing, Dashboard und Artikel.
  • Kopieren als Kadence-Customizer-JSON oder als CSS-Variablen.
  • Paletten-Bibliothek mit 16 eingebauten Kategorien, unbegrenzt eigenen Kategorien, Suche und Filter.
  • Alle Paletten als JSON exportieren und importieren, etwa um sie auf eine andere Website zu übertragen.
  • Shortcodes, um eine Palette oder eine gefilterte Sammlung im Frontend zu zeigen.

Erste Schritte

  1. Palette Studio im Admin-Menü öffnen.
  2. Leertaste (oder Generate) drücken, bis dir das Ergebnis gefällt. Mit L die ausgewählte Farbe fixieren.
  3. Kontrasthinweise und Live-Vorschau prüfen.
  4. Copy Kadence JSON klicken und im Kadence-Customizer unter Colors → Global Palette einfügen (Import).
  5. Save Palette klicken, einen Namen vergeben und Kategorien wählen.

Shortcodes

[color_palette id="PALETTE-ID"]
[color_palette name="Forest Green"]
[color_palette id="PALETTE-ID" show_name="no"]
[color_palettes]
[color_palettes category="Dark"]
[color_palettes category="Corporate,Accessibility"]   (muss alle Kategorien haben)
[color_palettes category="Pastel" limit="6" show_name="no"]
AttributBeschreibung
id / nameDie anzuzeigende Palette (die ID bleibt stabil, auch wenn du die Palette umbenennst).
categoryEine oder mehrere Kategorien, kommagetrennt (UND).
limitMaximale Anzahl Paletten.
show_nameyes / no

Eingebaute Kategorien

General, Light, Dark, Neutral, Warm, Cool, Pastel, Vibrant, Monochrome, Natural, Corporate, Editorial, E-commerce, Portfolio, Accessibility und Seasonal.

Import / Export

  1. Unter Saved Color Palettes auf Export All klicken – eine JSON-Datei wird heruntergeladen.
  2. Auf der anderen Website Import klicken und die Datei wählen.
  3. Namen, Farben und Kategorien bleiben erhalten. Doppelte IDs bekommen eine neue UUID statt zu überschreiben.

Hinweise

  • Bis zu 250 Paletten werden in der Options-Tabelle gespeichert.
  • Die Frontend-Shortcodes ändern nie deine globalen Kadence-Farben.
  • Der Zugriff erfordert die Berechtigung edit_theme_options.