26. März 2026 um 14:20 Uhr
⚙️

JSON-first

Das Backend vom VeloCore Theme ist klar als JSON-first-System mit WordPress als Pflege- und Produktionsschicht gebaut. Inhalte, Menüs und Konfigurationen werden im Backend gepflegt, dann strukturiert in JSON überführt und erst danach vom Frontend konsumiert. Genau das sieht man an der zentralen VeloCore-JSON-Verwaltung im Admin, an den Rebuild-Routinen und daran, dass Routing, Template-Auswahl und Plugin-Module über definierte Schnittstellen zusammenspielen.

Im Admin gibt es dafür einen eigenen Bereich „VeloCore JSON“ mit Unterpunkten für JSON-Basis, Rebuild, Menü-Zuweisungen, Theme-Config und Startseiten-Einstellungen. Das ist kein loses Sammelsurium, sondern ein zentrales Kontrollzentrum: Verzeichnisse, URLs, Theme-Parameter, Menüs und Homepage-Logik hängen an genau diesem Backend zusammen. Änderungen werden nicht nur gespeichert, sondern an mehreren Stellen direkt in Indizes bzw. JSON-Ausgaben zurückgeführt.

Usability

Die Usability im Admin ist auffallend stark auf Redakteursfluss optimiert. Sowohl Theme-Config als auch Startseiten-Einstellungen arbeiten mit einem kartenbasierten Layout, Sticky-Save-Button, linker Navigationsspalte und responsiven Admin-Grids. Dazu kommen Media-Picker, Color-Picker und klar getrennte Bereiche für Struktur, Integrationen, Farben, Custom-Code und Sidebar-Inhalte. Das wirkt nicht wie Standard-WordPress, sondern wie ein bewusst gebautes Bedienpanel für wiederkehrende Redaktions- und Projektarbeit.

Technik

Technisch ist das Theme so organisiert, dass WordPress im Backend pflegt, aber das Frontend möglichst entkoppelt bleibt. Das Routing läuft über einen eigenen Router, wird global abgelegt und dann auf konkrete Templates und Resolver verteilt. Zusätzlich können Plugins sich in den Resolver einhaken und eigene Modultemplates einspeisen. Dadurch ist das System modular: Theme, Plugin-Module und Spezialrouten arbeiten zusammen, ohne dass alles hart ineinander verdrahtet ist.

Vorverarbeitung

Ein zentraler Optimierungspunkt ist die Vorverarbeitung vor dem Frontend. Die Rebuild-Klasse erzeugt Posts-, Pages-, Autoren-, Menü- und Homepage-JSONs, sichert die Zielordner ab und baut Indizes neu auf. Für Pages wird sogar die konfigurierte Pagebuilder-Struktur direkt mit in die Page-JSON geschrieben. Menüs werden aus WordPress extrahiert und in eigene JSON-Dateien geschrieben; die Homepage wird aus bestehenden Post-JSONs zusammengesetzt, nicht jedes Mal neu live zusammengebaut. Das reduziert Frontend-Abhängigkeiten und verschiebt Arbeit in einen kontrollierten Backend-/Build-Schritt.

Dazu passt auch der atomare Slug→ID-Index. Slugs werden bucket-basiert auf Dateiebene gespeichert und atomar geschrieben. Das ist kein UI-Feature, aber ein starkes Backend-Signal: Lookup und Routing sollen schnell und robust sein, ohne jedes Mal komplette Datenbestände zu scannen. Auch das gehört zur Optimierung, bevor das Frontend überhaupt rendert.

Page Builder

Der Page Builder ist der stärkste Backend-Baustein in Sachen Usability. Er hängt als Metabox direkt an Seiten, hat eine zusätzliche Seiten-Einstellungsbox und speichert alles in einer einzigen strukturierten Konfiguration. Im Backend gibt es Drag & Drop, Sektionen lassen sich einklappen, duplizieren, neu hinzufügen und in ihrer Reihenfolge synchronisieren. Für Redakteure wichtig: Der Editor wird nicht naiv geklont, sondern über ein Blueprint-System mit wp_editor, tinyMCEPreInit, Remove/Init-Logik und State-Restore sauber neu aufgebaut. Genau dadurch bleiben neu hinzugefügte oder duplizierte Sektionen benutzbar, statt im typischen TinyMCE-Chaos zu enden.

Interaktion

Auch die Interaktion zwischen Backend und Frontend innerhalb des Builders ist sauber gelöst. Der Builder speichert alles notwendige in einer Meta-Konfiguration, sanitisiert die erlaubten Sektionstypen strikt und generiert daraus zusätzliche Bilddaten. Gleichzeitig stellt er REST-Endpunkte bereit, etwa für Seiten-Sektionen, Homepage-News und Kategoriesuche. Das bedeutet: Admin-Pflege, Validierung, API-Ausgabe und spätere Frontend-Verwendung basieren auf derselben Datenstruktur. Keine doppelte Datenhaltung, kein zweites manuelles Mapping.

Im Frontend kommt diese Vorarbeit direkt an: Templates laden nicht blind alles, sondern nehmen die JSON, lesen die Builder-Konfiguration, erkennen aktive Sektionstypen und geben CSS nur für tatsächlich vorhandene Sektionen aus. Das ist eine saubere Optimierungskette: Backend definiert Struktur, Rebuild serialisiert sie, Frontend aktiviert nur den benötigten Output. Selbst responsive Regeln für einzelne Sektionen hängen an dieser Aktivierungslogik.

Header und Footer zeigen ebenfalls gut, wie die Systeme zusammenarbeiten. Beide lesen ihre Menüs aus JSON, nicht direkt aus WP-Menüobjekten im laufenden Renderprozess. Der Header baut daraus rekursiv verschachtelte Navigationen auf; gleichzeitig kommen Theme-Config, Farben, Meta-Daten, Custom-CSS, CMP-Status und optional der wp_head  zusammen. Der Footer übernimmt dasselbe Prinzip für Footer-Menüs, Lazyload-Hintergründe und Consent-Handling. Das heißt: Konfiguration, Menüpflege, Consent und Renderlogik greifen ineinander, aber über vorbereitete Daten statt über ungefilterte Live-Abfragen.

Ein wichtiger Punkt der Architektur ist die bewusste Balance zwischen Headless-Speed und WordPress-Kompatibilität. In der Theme-Config gibt es die Option, den WP-Load im Frontend zu aktivieren (z.B. um externe Plugins im Frontend nutzbar zu machen), ausdrücklich mit Warnung zu Ladezeit und Sicherheitsrisiken. Im Header wird dies nur dann zugelassen, wenn diese Option aktiv ist. Das zeigt, dass das Backend nicht nur Funktionen anbietet, sondern Risiken transparent macht und Integrationen bewusst schaltbar hält.

Unterm Strich ist das Backend von VeloCore kein normales Theme-Backend, sondern eher eine redaktionelle Produktionsoberfläche mit Build-Pipeline. WordPress dient als Eingabe-, Pflege- und Konfigurationsschicht; Rebuild, JSON, REST und Template-Resolver übernehmen die standardisierte Übergabe; Header, Footer und Seitentemplates konsumieren das Ergebnis schlank und gezielt. Die größte Stärke liegt in der Kombination aus Usability für Redakteure und technischer Voroptimierung, damit das Frontend möglichst wenig improvisieren muss.