Kirki

Was ist Kirki?

Kirki ist ein kostenloser Visual Builder für WordPress. Er ermöglicht das Designen auf einer unendlichen Canvas und das Erstellen von Seiten mit einem echten CMS zusammen mit einem visuellen Editor – alles in einem Arbeitsablauf.

Anstelle von starren Rastern und Spalten nutzt Kirki eine freie Canvas und Bausteine (wie Abschnitte, Zeilen, Spalten und Elemente), um Layouts mit direkter Kontrolle über Positionierung und Gestaltung zu erstellen.

Wichtige Funktionen

• Unendliche freie Canvas: Designen ohne Raster oder Spalten mit einem canvas-basierten Workflow für mehr Layout-Flexibilität.
• Unbegrenzte Breakpoints: Responsive Gestaltung über eine unbegrenzte Anzahl von Breakpoints hinweg.
• CSS-Variablen-Designsystem: Stile mit einem CSS-Variablen-Ansatz erstellen, der konsistentes Theming unterstützt.
• Interaktionen & Animationen: Interaktionsverhalten und Animationen erstellen, inklusive Interaktions-Timeline und Keyframe-Editor.
• Integriertes CMS mit Content Manager und Custom Fields: Inhalte direkt im Builder verwalten mit Referenz- und Multi-Referenz-Funktionen.
• Dynamische Templates und Collection-Filtering: Dynamisches Template-Verhalten nutzen, z. B. Beiträge planen und Collection-Filter sowie Pagination anwenden.
• Echtzeit-Kollaboration: Mehrere Editoren gleichzeitig auf derselben Canvas arbeiten lassen, mit Kommentar-Threads direkt im Design.
• Kollaborations- und Übergabe-Tools: Staging-Modus und Publish-History nutzen sowie Client-View-Only-Share-Links und einen Dev-Modus für die Übergabe.
• Text-Animationen und Lottie-Support: Text-Animationen und Unterstützung für Lottie-Dateien für bewegte Assets einbinden.

So verwenden Sie Kirki

1. Kirki auf Ihrer WordPress-Website installieren und ein neues Design-Projekt mit einem bereitgestellten Template-Kit starten.
2. Das Template auf der freien Canvas anpassen, indem Bausteine (Abschnitte, Zeilen, Spalten und Elemente) hinzugefügt und arrangiert und Stile angepasst werden.
3. Das Design mit Inhalten über das integrierte CMS verbinden, inklusive Custom Fields und Referenzen (oder Multi-Referenzen) für dynamische Inhalte.
4. Verhalten mit Interaktionen und Animationen über die Interaktions-Timeline und den Keyframe-Editor hinzufügen, inklusive Interaktions-Presets.
5. Mit dem Team in Echtzeit zusammenarbeiten, Kommentare hinterlassen und Staging/Publish-History nutzen, bevor das Design über View-Only-Links an Kunden weitergegeben wird.

Anwendungsfälle

• Marketing-Page-Builder mit responsive Layout: Landingpages auf der unendlichen Canvas erstellen und gleichzeitig über unbegrenzte Breakpoints hinweg gestalten.
• Template-gesteuerte Site-Abschnitte mit CMS-Inhalten: Dynamische Templates erstellen, die aus dem integrierten CMS mit Referenzen, Pagination und Collection-Filtering ziehen.
• Team-Design- und Review-Workflow: Mit mehreren Editoren in Echtzeit arbeiten, Kommentare direkt im Design hinterlassen，并 mit Staging-Modus und Publish-History für Review-Zyklen nutzen.
• Interaktive Produkt- oder Portfolio-Erlebnisse: Scroll-/Click-/Hover-/Mouse-Move-Interaktionsverhalten und Text-Animationen hinzufügen, optional mit Lottie-Assets.
• Client-Handoff und kontrollierte Review: Client-View-Only-Links für Feedback teilen und Dev-Modus zur Unterstützung von Übergabe-Workflows nutzen.

FAQ

Ist Kirki ein WordPress-Page-Builder oder ein CMS?

Kirki ist ein visueller Builder für WordPress, der zusätzlich einen integrierten CMS-Content-Manager enthält. Der Editor ist für die Arbeit mit CMS-Inhalten und Custom Fields ausgelegt.

Was bedeutet „freeform canvas“ in Kirki?

Kirki’s Editor wird als unendliche Canvas beschrieben, die Raster und Spalten vermeidet und das Designen direkt auf der Canvas statt in starren Layout-Frameworks ermöglicht.

Unterstützt Kirki responsive Design?

Ja. Das Produkt beschreibt unbegrenzte Breakpoints für responsive Gestaltung.

Können mehrere Personen am selben Design arbeiten?

Ja. Kirki listet Echtzeit-Kollaboration mit mehreren Editoren sowie Kommentare direkt im Design auf.

Enthält Kirki Interaktions- und Animations-Tools?

Ja. Es enthält eine Interaktions-Timeline und einen Keyframe-Editor、Interaktions-Presets sowie Unterstützung für Text-Animationen und Lottie-Dateien.

Alternativen

• Traditionelle WordPress-Page-Builder (Raster-/Abschnitts-basiert): Diese nutzen meist Zeilen-/Spalten-Systeme und konzentrieren sich weniger auf eine unendliche Freeform-Canvas und eine integrierte CMS-Arbeitsweise.
• No-Code-Website-Builder mit Kollaborationsfunktionen: Bieten oft visuelles Editieren und Teamwork-Features, integrieren sich jedoch nicht direkt in ein WordPress-basiertes CMS und Custom-Field-Workflow.
• Individuelle WordPress-Theme-/Seitenentwicklung: Bietet volle Kontrolle, erfordert jedoch in der Regel mehr Entwickleraufwand und verfügt nicht über einen integrierten visuellen CMS-und-Canvas-Editing-Workflow.
• Frontend-Design-Tools in Kombination mit WordPress-Templating: Ein gängiger Ansatz ist das Designen außerhalb von WordPress und die anschließende Umsetzung in WordPress-Templates. Im Vergleich zu Kirki werden Design, CMS-Verkabelung und Interaktionskonfiguration oft in verschiedene Tools aufgeteilt.