Flexibles WordPress Theme

Wir waren verantwortlich für die Erstellung eines modernen und flexiblen WordPress-Themes. Die Editoren der Website genießen dank der Verwendung des Gutenberg-Editors gestalterische Freiheit.

Die Challenge

Das bisherige WordPress-Theme sollte durch ein optisch und performant besseres Theme ersetzt werden und gleichzeitig intuitiv zu bedienen und pflegbar sein.

Das Unternehmen

TWAICE ist ein junges Münchner Unternehmen, das Software zur Analyse von Batterien entwickelt. Batteriesysteme können dadurch in Sachen Nachhaltigkeit und Effizienz verbessert werden und gewinnen an Zuverlässigkeit.

Das ursprüngliche WordPress-Theme von TWAICE hatte Schwächen in den Bereichen Performance und Pflegbarkeit. Ein Übermaß an Plugins vergrößerte das JavaScript-Bundle und der übermäßige Einsatz von Visual Composer erschwerte es langfristig, Seiten und Posts zu pflegen. Daher bedurfte es eines modernen und schlanken Themes, das sowohl Raum für Anpassungen bieten als auch intuitiv zu bedienen und pflegen sein sollte.

Zum Zusammenstellen ihrer Seite benötigte TWAICE verschiedene anpass- und wiederverwendbare Komponenten. Wir halfen dabei, konkrete Vorstellungen für Seitenmodule auszuarbeiten, die uns als Basis zur Entwicklung dienten.

Die Umsetzung der einzelnen Module erfolgte mit ACF-Gutenberg-Blöcken. ACF (Advanced Custom Fields) ist ein Plugin, über welches das Editieren in WordPress durch eigene Felder bereichert wird. Damit können individuelle Vorstellungen von Kunden implementiert werden, ohne dabei die Funktionalität von WordPress zu sprengen. Mit den sogenannten Gutenberg-Blocks konnten wir unsere eigens entwickelten Seiten-Elemente direkt in den nativen Editor von WordPress (mit Live-Preview) einbauen. Besondere Interaktionen innerhalb der Elemente implementierten wir mit Vue.js, einem unserer liebsten JavaScript-Frameworks.

Eigene Gutenberg-Blöcke als ideales Tool für Editoren

Damit konnten wir den Mitarbeitern von TWAICE einen sehr intuitiven Workflow zum Erstellen und Pflegen neuer Seiten ermöglichen. Darüber hinaus erfuhr die Seite ein sowohl visuelles als auch ein performantes Upgrade.

Erzählen Sie uns vom Ihrem Projekt projekte@phmu.de