Funktionen

Alles, was Leitvia kann, kostenlos und Pro

Beide sind kostenlos, stehen unter der GPL und bauen auf Funktionen von WordPress selbst auf. Sie brauchen WordPress 7.1 und PHP 8.2 oder neuer. Die kostenlose Veröffentlichung auf WordPress.org ist in Vorbereitung.

Theme

Leitvia, das Block-Theme

Ein reines Block-Theme ohne Build-Schritt. Es bringt kein eigenes JavaScript mit, hält sein CSS unter 40 KB und läuft vollständig ohne Studio.

Token-Vertrag

Feste Slugs für Farben, Schriftgrößen, Schriftfamilien und Abstände. Patterns enthalten keine Hex-Werte, keine Pixelwerte und kein eigenes CSS.

Templates

17 Templates: Index, Blog, einzelner Beitrag, Seite, Landingpage ohne Titel, Dokumentation mit Seitenbaum, Seite in Leichter Sprache, Archiv, Autor, Suche, 404 und sechs für WooCommerce. In jedem Template beginnen Titel und Text an derselben linken Kante.

Patterns

70 Patterns für Heros, Inhalte, Teaser, Social Proof, Handlungsaufforderungen, Angebote, Header und Footer, 8 davon für Shops. Zu jedem gibt es einen Hinweis, wann es passt.

Stilvarianten

Warm Editorial, Swiss Editorial und Corporate jeweils hell und dunkel, drei Farbvorlagen und zwei Typografie-Vorlagen. Die Schriften werden lokal mitgeliefert.

Navigation

Untermenüs und ein Mega-Panel auf Basis des Navigationsblocks von WordPress. Sie öffnen sich per Klick, Eingabetaste oder Leertaste und schließen sich mit Escape.

Artikel bereit für News

Eine h1, eine Autorenzeile mit Link zur Autorenseite, beschriftete Veröffentlichungs- und Aktualisierungsdaten und eine Lesebreite von 60 bis 80 Zeichen.

Das Theme bringt einen maschinenlesbaren Vertrag mit: design.md beschreibt Rollen, Regeln und Tonfall, leitvia-contract.json listet Rollen, Layoutregeln, Patterns, Blöcke und Template-Bereiche mit Angaben zur Komposition für jedes Pattern. Wie das Theme getestet wird, steht auf der Seite zur Barrierefreiheit (englisch).

Plugin

Leitvia Studio

Studio speichert alles in den Strukturen von WordPress selbst: Patterns sind normale WordPress-Patterns, Tokens landen in den globalen Stilen, Inhaltstypen werden über die APIs von WordPress registriert. Deaktivierst du es, bleiben deine Inhalte und Stile erhalten.

Pattern Lab

Eine Galerie aller Patterns aus dem Theme und eigener Patterns, im Adminmenü unter Leitvia Studio.

  • Live-Vorschau in jeder Stilvariante bei 390, 782 und 1440 px
  • Status (Entwurf, in Prüfung, freigegeben, veraltet mit Ersatz), Version und Änderungsprotokoll je Pattern; Seiten übernehmen den Status der Patterns, die sie nutzen, und Patterns im Entwurf oder in Prüfung tauchen nicht im Block-Inserter auf
  • Zustandsvarianten für langen Text, leer, Fehler und deaktiviert
  • Eine Prüfung der Barrierefreiheit, die axe in jeder Vorschau ausführt und das Ergebnis am Pattern speichert
  • Nutzungsindex, Abhängigkeitsgraph, Export und Import von Patterns als JSON

Tokens

Token-Sets im Format W3C Design Tokens (DTCG), mit Revisionen gespeichert und in die globalen Stile deiner Website kompiliert.

  • Eine Kontrastsperre: Ein Set, dessen Text- oder Bedienelementfarben WCAG 2.2 AA verfehlen, lässt sich nicht speichern
  • Dieselbe Sperre schützt Farbänderungen im Website-Editor
  • Import und Export als DTCG-JSON, oder ein Set aus dem Theme oder einer seiner Stilvarianten beginnen
  • Overlays, die Tokens für einen geplanten Zeitraum ändern, zum Beispiel für eine Kampagne

Inhaltsmodell

Inhaltstypen, Taxonomien, Felder mit Schema, Beziehungen und Website-Einstellungen beschreibst du als JSON. Studio registriert sie über die APIs von WordPress und stellt sie in der REST-API bereit.

  • Editor-Panels, aus dem Schema erzeugt
  • Wiederholungen werden als untergeordnete Einträge gespeichert und direkt im übergeordneten Eintrag bearbeitet
  • Quellen für Block-Bindungen leitvia/meta, leitvia/setting und leitvia/relation für Absätze, Überschriften, Buttons und Bilder
  • Ohne Studio zeigen gebundene Blöcke den Inhalt, der im Block gespeichert ist

Blöcke

27 Blöcke in der Blockkategorie Leitvia und das Textformat Hervorhebung. Die Blöcke haben eigene Browsertests, jeder mit einer axe-Prüfung.

  • Struktur: Mega-Menü, Inhaltsverzeichnis, Zeitleiste, Leiste für Barrierefreiheit und ein Umschalter zu Leichter Sprache
  • Datenschutz: Einbettungen warten hinter einem Einwilligungs-Platzhalter, eine Karte mit OpenStreetMap-Kacheln lädt erst nach Einwilligung, ein Block listet Einwilligungen auf und widerruft sie
  • Angebote: Preise mit Umschalter monatlich und jährlich, Vergleichstabelle, Funktionsgruppe und Produktvergleich für WooCommerce
  • Listen und Formulare: Abfragefilter, Mehr laden, ein Formular in Schritten und eine Fehlerübersicht für Formulare
  • Gestaltung: Bento-Raster, Spotlight, Laufband, Einblenden, Zähler und eine Ankündigungsleiste
  • Inhalte: FAQ mit strukturierten Daten, Icon und Icon-Liste, Bewertung, Teilen-Links, die vor dem Klick nichts laden, und ein Kontaktformular, das nichts auf der Website speichert
  • Slider, Scroll story, Scroll-Galerie, Vorher und nachher, Eintragsliste, Route, Newsletter-Anmeldung, Referenzen, Sprachmenü, Live-Daten und die Commerce-Blöcke gehören zu Leitvia Pro

Agent-Gateway

KI-Agenten ändern eine Website nur über die Abilities von Studio, über den MCP-Server leitvia oder die REST-API. Jeder Schreibvorgang läuft durch dieselbe Pipeline: Berechtigungsumfang, ein Hash gegen veraltete Lesestände, Inhaltsprüfungen, eine Autonomiestufe je Bereich, ein Snapshot und ein Eintrag im Prüfprotokoll.

  • 59 Abilities, 49 auf jeder Website und 10 weitere mit WooCommerce: Vertrag und Tokens lesen, Seiten planen, bauen und bewerten, Beiträge und Einträge anlegen, Links reparieren, Alternativtexte setzen, Produkte bearbeiten, SEO-Daten lesen und schreiben, die Website exportieren
  • Preise, Rechtstexte, Slugs und Organisationsdaten ändern sich höchstens als Vorschlag an einen Menschen
  • Änderungspakete mit Block-Diff und Vorschau in einem Posteingang, ganz oder teilweise übernommen und auf Wunsch zurückgesetzt
  • Eine Prüfung nach jeder Live-Änderung, die eine autonome Änderung zurücksetzt, wenn die Seite kaputtgeht
  • Bildschirm „Agenten“ für KI-Agenten mit Anwendungspasswörtern, Autonomie je Bereich und Ratenbegrenzung; MCP braucht das Plugin MCP Adapter 0.7
  • Text, den ein Agent mit KI geschrieben hat, trägt einen kurzen Hinweis über dem Inhalt (EU AI Act, Artikel 50), den ein Mensch entfernen kann
  • Elf Agent-Skills für Einrichtung, Design, Seiten, Patterns, Wartung, Barrierefreiheit, Migration, Shop-Katalog, News, SEO und GEO sowie Berichte, dazu drei Workflows: Leitvia Skills auf GitHub
  • Unbeaufsichtigte Läufe: Ohne Menschen an den Kontrollpunkten schreibt ein Skill nur in ein Änderungspaket, übernimmt Fakten nur aus einer genannten Quelle und listet offene Fragen in seinem Bericht

Rezepte und WP-CLI

Ein Rezept richtet eine Website in einem Durchlauf ein: Stilvariante, Header und Footer, Seiten aus Patterns, Navigation und Optionen, die weniger Daten senden.

  • Rezepte Blog, Company, Publication, Documentation und, mit WooCommerce, Shop
  • Ein zweiter Durchlauf fügt nichts hinzu
  • wp leitvia mit den Befehlen tokens, patterns, model, audit, package und recipe

Profilbilder

Benutzer wählen ihr Profilbild auf ihrem Profil aus der Mediathek. Alle anderen, auch Kommentierende, bekommen einen neutralen Platzhalter, der mit dem Plugin kommt.

  • Gravatar bleibt aus, solange kein Administrator es einschaltet
  • Datenexport und Datenlöschung für die Zuordnung der Bilder
  • Pattern „Autorenkarte mit Profilbild“

Multisite

Theme und Studio laufen auf jeder Website eines WordPress-Netzwerks. Jede Website behält ihre eigenen Tokens, ihr Inhaltsmodell, ihre Einwilligungen und ihre KI-Agenten.

  • Anwendungspasswörter von KI-Agenten gelten nur auf der Website, für die sie angelegt wurden
  • Administratoren einer Website verwalten nur die KI-Agenten ihrer eigenen Website
  • Wird eine Website gelöscht, verschwinden ihre Leitvia-Tabellen, Profilbilder und Passwörter der KI-Agenten
  • Mit Leitvia Pro Agency gibt der Netzwerk-Admin Token-Sets für die Websites eines Netzwerks frei, erst für eine Website, dann für den Rest

Erweiterungs-API

Neun Registries für Abilities, Blöcke, Patterns, Bausteine, Lab-Panels, Token-Quellen, Abgleichsziele, Prüfungen und Rezepte. Studio nutzt sie selbst, und Add-ons registrieren sich mit Slug, Version und dem Versionsbereich von Studio, den sie brauchen.

  • Abilities nur mit Annotationen, für KI-Werkzeuge nur freigegeben, wenn du es erlaubst
  • Ein JavaScript-Handle für Bildschirme von Add-ons
  • Dokumentation mit einem Beispiel-Add-on

Shops

WooCommerce, kostenlos und barrierefrei

Leitvia unterstützt WooCommerce schon in der kostenlosen Version. Das Theme bringt Templates, Patterns und Stile für die WooCommerce-Blöcke mit und läuft ohne WooCommerce genauso gut. Keine Shortcodes, keine überschriebenen Templates, kein zusätzliches JavaScript.

Shop-Templates

Shop, Produktarchive, Produktsuche, einzelnes Produkt, Warenkorb, Kasse und Bestellbestätigung als Block-Templates. Die Kasse bekommt einen eigenen Header mit einem Link zurück zum Warenkorb und ohne Hauptnavigation.

Shop-Patterns

Shop-Hero, Kategoriekacheln, Neuheiten, Bestseller, eine Leiste mit Vorteilen, Vertrauenssiegel und ein Shop-Header mit Suche, Konto und Mini-Warenkorb, gestaltet aus denselben Tokens wie der Rest der Website.

Gesetzliche Preisangaben

Mit Germanized zeigen Produktseiten Steuerhinweis, Versandkosten, Grundpreis und Lieferzeit neben dem Preis, wie es das deutsche Recht verlangt. Ein Pattern setzt dieselben Angaben an jede andere Stelle.

Produktvergleich

Ein Studio-Block vergleicht zwei bis vier Produkte in einer barrierefreien Tabelle mit aktuellen Preisen, Bewertungen, Merkmalen und einem Link „In den Warenkorb“ für jedes Produkt.

Produkte für KI-Agenten

KI-Agenten können über Studio Produkte, Kategorien und Merchandising auflisten, lesen und aktualisieren. Preise, Steuern und Versand ändern sich nur als Vorschlag, Bestellungen und Kunden bleiben außer Reichweite.

Datenschutz ab Werk

Das Rezept Shop legt die Seiten an, die ein Shop braucht, und schaltet Bestellzuordnung, Nutzungs-Tracking und Marktplatz-Vorschläge von WooCommerce ab. So wird kein Cookie gesetzt, bevor ein Besucher etwas tut.

Warenkorb und Kasse lassen sich mit der Tastatur bedienen und erfüllen in jeder Stilvariante die Kontrastanforderungen von WCAG 2.2 AA. Die Anleitung Erste Schritte zeigt, wie du einen Shop mit dem Rezept einrichtest, und die Demo Northfold zeigt das Ergebnis.

Leitvia Pro

Branchen-Kits, Pro-Blöcke, Figma und Werkzeuge für Teams

Leitvia Pro ist ein kostenpflichtiges Add-on für Studio. Es meldet sich über die Erweiterungs-API an, damit bleiben die kostenlosen Plugins, wie sie sind, und jede Seite funktioniert weiter, wenn die Lizenz endet.

Acht Branchen-Kits

SaaS, Kanzlei, Handwerk, Arztpraxis, Restaurant, Behörde, Verlag und Verein. Jedes Kit richtet eine ganze Website ein, mit Token-Set, eigenen Schriften und Logo, Inhaltsmodell, Seiten und Beispielinhalten, oder ergänzt deine bestehende Website um einzelne Bausteine. Jedes Kit in seiner Demo ansehen.

63 Kit-Patterns

Speisekarten mit Allergenen, Leistungen mit Gebühren, Termine, die nach dem Ende verschwinden, amtliche Bekanntmachungen und Pressemitteilungen. Jede Angabe steht nur einmal in einem Eintrag, und jede Seite, die sie zeigt, liest sie von dort.

Fünfzehn Pro-Blöcke

Slider nach dem Karussell-Muster der WAI-ARIA Authoring Practices, Scroll story, Scroll-Galerie, Vorher und nachher, Eintragsliste, Route einer Reise mit Karte nach Einwilligung, Newsletter-Anmeldung, Referenzen echter Websites, Sprachmenü für Polylang und WPML, Datenliste und Datenkarte mit Live-Daten und für WooCommerce Shoppable Image, fixierte Kaufleiste, Produkt-Set und In den Warenkorb mit Farbfeldern. Slider, Scroll story und Vorher und nachher behalten ihren Inhalt, wenn Pro aus ist.

Drei Agent-Skills

Das Zip von Leitvia Pro enthält leitvia-pro-kits, um ein Kit anzuwenden, seine Einträge zu füllen und Seiten aus den Kit-Patterns zu bauen. Mit Pro Agency überträgt leitvia-pro-migrate Inhalte aus WPBakery, Impreza und ACF in Blöcke, und leitvia-fleet übernimmt Prüfungen, Freigaben und Overlays. Alle arbeiten über die Abilities von Studio und seine Prüfungen.

Leitvia-Verbindung

Unter Leitvia Studio, Sync folgt eine Website einem Designsystem deines Leitvia-Kontos und zeigt, wann sie das nächste Mal prüft, oder prüft mit Check now sofort. Save as design system speichert das aktive Token-Set der Website als neues Designsystem oder neue Version. Eine freigegebene Version kommt als Änderungspaket im Posteingang an, erst auf einer Website, dann auf den übrigen, und eine frühere Version setzt sie zurück.

Figma-Plugin

Mit Pro Agency und Pro Agency Unlimited hält das Figma-Plugin von Leitvia dein Designsystem als Figma-Variablen, mit Save version und Release. Send to Figma holt eine Seite oder ein Pattern einer Website nach Figma, gebaut aus deinen Patterns und Variablen. Review changes schickt Änderungen zurück: Eine Seite kommt im Posteingang an, mit Vorschau, Diff und Zurücksetzen, ein Pattern als Pattern-Entwurf im Lab, und ein Statusverlauf zeigt, was übernommen oder abgelehnt wurde. Query Loops und Eintragslisten bleiben, was sie sind: Du gestaltest den Eintrag einmal, legst in Figma die Zahl der Einträge fest, und die Website füllt die Felder weiter. Build pattern library macht jedes Pattern zu einer Komponente für Code Connect, damit Dev Mode und der MCP-Server von Figma sein Blockmarkup zeigen statt React, und der KI-Agent-Skill leitvia-figma sagt deinem Agenten, wie er von dort weiterarbeitet.

Flotte

Die Seite Flotte in deinem Konto zeigt, welche Version jede Website nutzt. Mit Pro Agency kommen eine Ampel je Website aus einer kompakten Prüfung hinzu, die nur Zahlen überträgt und nie Inhalte, und Token-Overlays, die das Design einer Gruppe von Websites für eine bestimmte Zeit ändern, ohne die Kontrastsperre zu verletzen.

Werkzeuge für Agenturen

Mit Pro Agency überträgt Staging zu Live Design und Struktur von einer Staging-Website auf die Live-Website und fragt bei jedem Konflikt einen Menschen. Der Netzwerk-Admin einer Multisite gibt Token-Sets Website für Website frei. Zwei Abilities lesen Inhalte aus WPBakery, Impreza und ACF und schreiben sie als Blöcke in ein Änderungspaket.

Dein Konto auf leitvia.com

Lizenz und Websites mit dem Zugangsschlüssel, ein Team mit Einladungen und den Rollen Besitzer, Admin und Mitglied, Designsysteme, Flotte, Abrechnung, Einstellungen und Hilfe. Updates von Leitvia Pro kommen in WordPress wie jedes andere Plugin-Update an und werden nur mit gültiger Release-Signatur installiert. Pro Agency Unlimited ergänzt White Label in Studio.

Richte deine erste Website ein.

Die Anleitung Erste Schritte zeigt, wie du Theme und Studio installierst und eine erste Seite baust. Leitvia Pro ergänzt ab 99 € im Jahr fünfzehn Blöcke, Branchen-Kits und Designsysteme, denen deine Websites folgen; Teams, das Figma-Plugin und die Migrations-Reader kommen mit Pro Agency, White Label mit Unlimited. Free und Pro vergleichen.