WordPress KI-Themes 2026: Block-Themes, Bricks, Elementor für Claude Code

Du suchst ein WordPress-Theme mit KI. Aber 2026 ist die wichtigere Frage eine andere: Kann Claude Code dein Theme bedienen? Kann Codex CLI darin editieren? Kann ein MCP-Server deine Site live steuern, ohne dass du durch fünf Customizer-Tabs klickst?

Das ist die Trennlinie 2026.

Themes, die du als Dateibaum begreifen kannst (theme.json, Templates, Patterns, Style-Variations), sind agentisch steuerbar. Themes, die ihre Layouts in der Datenbank verstecken (Elementor, Divi, Brizy), bleiben Insellösungen mit eigener Cloud-KI im Editor. Ein paar wenige Hybriden (Bricks plus JetEngine MCP) verbinden Code-Kontrolle und MCP-Anbindung zu einem Profi-Stack.

Ich habe in den letzten Monaten 35 Themes durchgetestet. Diesmal mit einer anderen Brille: Wie tief kommt Claude Code rein? Welcher MCP-Server klemmt sich davor? Welches Theme ist die produktivste Wahl für jemanden, der nicht mehr im Editor klickt, sondern im Terminal promptet?

Wenn du noch tiefer einsteigen willst, lies parallel meinen Überblick zu KI in WordPress und meinen Vergleich der besten KI-Plugins für WordPress. Themes und Plugins arbeiten Hand in Hand, und beide Artikel ergänzen das hier.

Bereit?

Was macht ein Theme wirklich KI-tauglich?

Der alte Reflex war: KI im Editor. Drei Buttons mehr im Backend, ein Cloud-Modell dahinter, fertig. Das war 2024.

2026 ist die wichtigere Frage eine andere:

Kann ein externer Agent (Claude Code, Codex CLI, Cursor, Cline) dein Theme tief bedienen? Lesen, schreiben, ausrollen, testen? Vier Eigenschaften entscheiden das:

1. Code-Inspizierbarkeit: Templates, Patterns, Styles liegen als Dateien im Theme-Ordner. Kein JSON-Blob in der Datenbank, kein proprietäres Builder-Format, das nur das eigene UI lesen kann. Der Agent öffnet eine Datei, ändert sie, committet sie.
2. theme.json als Single Source of Truth: Farben, Typografie, Layout-Constraints, Block-Defaults sind deklarativ in einer JSON-Datei. Schema-validiert, versionierbar, mit Style Variations als separaten Dateien. Genau der Sweet-Spot für KI-Agenten, weil kein imperativer Code mitläuft.
3. WP-CLI-Workflow: Setup, Aktivierung, Child-Theme, Patterns-Listing, alles über die Shell. Der Agent öffnet eine SSH-Session, ruft wp theme install, wp scaffoldund Co. auf und parst die Ausgaben. Kein Klick durch den Customizer.
4. MCP-Server oder Abilities-API: Idealerweise bringt das Theme oder ein direkt zugehöriger Companion einen MCP-Server mit, den Claude Code, Cursor oder Claude Desktop nativ ansprechen kann. Alternative: das Plugin registriert Abilities, die der offizielle WordPress/mcp-adapter automatisch als MCP-Tools exponiert.

Themes, die alle vier Punkte erfüllen, sind 2026 die produktivsten. Themes, die nur Punkt 1 und 2 mitbringen (klassische Block-Themes), sind solide, brauchen aber einen externen MCP-Adapter wie AI Engine Pro, AIOSEO MCP oder Royal MCP. Themes, die ihre Layouts in der Datenbank verstecken (Elementor, Divi, Brizy), bleiben für Agenten Insellösungen, weil ihre Cloud-KI nicht ins externe Werkzeug schaut.

Aus diesen vier Eigenschaften lassen sich vier Theme-Welten ableiten: Block-Themes (FSE), Page-Builder-Themes mit Code-Anbindung, klassische Multipurpose-Themes und All-in-One-Cloud-Builder. Die direkte Gegenüberstellung mit Beispielen und Agent-Zugriff findest du in der Tabelle „Vier Theme-Welten, vier KI-Workflows" weiter unten.

Alle knapp 200 KI-Themes filterbar im Vergleich

Die folgende Übersicht enthält alle knapp 90 Themes aus diesem Artikel. Du kannst nach Kategorie, KI-Anbieter, Preis-Modell und Sterne-Bewertung filtern. Für die meisten Leser reicht ein Blick auf die Top-Empfehlungen oben. Wer aber speziell nach einem WooCommerce-Theme, einem Block-Theme oder einem Restaurant-Theme mit KI sucht, findet hier in Sekunden das passende.

Klick die Filter auf, wähle deine Kategorie und sortier nach Sternen oder Aktualität. Die Beschreibungstexte unter jeder Karte verraten dir, worauf du achten solltest und für wen sich das Theme wirklich lohnt.

Top 10 Themes 2026 nach Agent-Steuerbarkeit

Wenn du keine Lust auf Scrollen hast, hier mein klares Ranking. Sortiert nach Agent-Tauglichkeit, nicht nach Marketing. Drei Block-Themes auf Position 1 bis 3, dann Builder mit echter MCP-Anbindung, am Ende die Cloud-Site-Builder, die zwar einmalig beeindrucken, aber im Daily Driver weniger Hebel haben.

1. Twenty Twenty-Five ( theme-json, Files, Core-CRUD). Block-Theme von Automattic, in jedem WordPress vorhanden. Mit dem offiziellen AI Plugin in Sekunden agent-ready. Mein Default für saubere Content-Sites.
2. Frost (WP Engine) plus AI Toolkit (MCP-Server, theme.json, Files). Brian Gardners Open-Source-FSE-Theme. Auf WP Engine mit ChatKit-Block und Vector-DB zum Agent-Theme aufgebohrt.
3. Ollie (theme.json, Files). FSE-Schema v3, MIT-OSS. Saubere Blueprints, super kompatibel mit dem AI Plugin und Connector-Hub.
4. Astra plus Astra MCP (MCP-Server, theme.json). Astra liefert seit Juni 2026 einen offiziellen MCP-Server mit aus. Macht es zum agent-tauglichsten Multipurpose-Theme.
5. Builderius mit Sense AI (MCP-Server, Code-first, Files). Claude sieht den vollen Builder-Canvas-State per MCP und ändert ihn live. Für Profis, die Builder UND Agent wollen.
6. YOOtheme Pro plus YOOforged (MCP-Server, Files). JSON-basierter Builder. YOOforged liest und schreibt das native YOOtheme-JSON per MCP.
7. Extendable (theme.json, Files). 200.000+ aktive Installationen. Sauberes FSE-Block-Theme. In DreamHost-Hosting an die Liftoff-AI gekoppelt.
8. Kintsu.ai (MCP-Server, Files, Cloud-closed). Konversationeller AI-Editor für bestehende Sites. Versteht Theme, Plugins und Content der Live-Site und ändert sie per Prompt.
9. Telex (Automattic) (Files, Cloud-closed). Automattics offizielles Tool für Block-Plugin- und Block-Theme-Generierung aus Prompts. Mit Reference-Image-Upload seit 2026.
10. Etch (Code-first, Files). Visual Development Environment, v1.0 vom 30.01.2026. Schreibt sauberen HTML/CSS/PHP/JS-Code. Für Agenten ein Traum, weil keine Builder-DB-JSON entsteht.

1. Page-Builder-Themes mit nativer KI

Sechs Page-Builder dominieren das Feld 2026: Elementor, Divi 5, Bricks, Breakdance, Brizy und Oxygen 6. Alle bringen eigene KI im Editor mit, und genau das ist der Haken: Diese KI ist cloud-closed. Ergebnis landet als JSON-Blob in der Postmeta-Tabelle, externer Zugriff über Claude Code nur via Drittanbieter-MCP-Server. Die saubere Ausnahme: Bricks plus JetEngine MCP plus bricks-mcp. Sehr klarer HTML-Output, offizielle MCP-Server, tiefe CPT-Steuerung. Details pro Builder findest du in der Vergleichstabelle unten. Mehr zum Marktblick im Elementor-Themes-Vergleich und meinem großen Page-Builder-Vergleich.

2. All-in-One-KI-Site-Builder

Sechs Anbieter mit Substanz: ZipWP, 10Web, Hostinger AI, Bluehost AI, IONOS MyAI und Dorik AI for WP. Setup-Weg kurz: Business beschreiben, Cloud generiert komplette Site. Zwei haben 2026 die agentische Tür aufgemacht: ZipWP liefert einen offiziellen MCP-Server mit aus (gratis ab Free-Plan), 10Web bietet „Vibe for WordPress" als KI-natives React-/Tailwind-Frontend mit deterministischen Code-Diffs. Die anderen vier bleiben cloud-closed. Sinnvoll für Einsteiger ohne Code-Werkzeuge, Agenturen mit Bulk-Microsites und Teams, die im Vibe-Frontend direkt am Code iterieren wollen.

3. Multipurpose-Themes mit KI-Integration

Die klassische Mitte des Marktes. PHP-basiert, Customizer-Optionen, 2026 fast alle mit theme.json-Hybrid: Astra Pro (jetzt mit eigenem Astra MCP), Kadence Pro mit Kadence AI, Blocksy mit Spectra, OceanWP, GeneratePress mit GenerateBlocks Pro, Neve mit Otter Blocks. Astra ist 2026 als erstes Multipurpose-Theme mit eigenem MCP-Server unterwegs (Dashboard > Settings > MCP, Auth per Application Password). Blocksy und GeneratePress sind über theme.json plus Hooks ebenfalls agent-tauglich. Für Blog-Themes und Core Web Vitals ist Kadence eine starke Wahl (Pro 299 $ pro Jahr, unbegrenzte Sites).

4. Block-Themes: die produktivste Wahl für 2026

Block-Themes (FSE) sind 2026 die produktivste Wahl für agentische Workflows. theme.json, Templates und Patterns liegen als Dateien im Theme-Ordner. Claude Code öffnet sie, ändert sie, committet. FSE wächst 145 % YoY, bis Ende 2026 könnten 30 % aller WordPress-Sites Block-Themes nutzen. Fünf Vertreter mit Substanz: Twenty Twenty-Five (im Trainings-Korpus aller großen Modelle), Frost (FSE-Showcase mit theme.json Schema v3 von WP Engine), Spectra One (Astra-Ökosystem), Ollie (Pattern-First, Ollie AI noch „Coming Soon") und Raft für Blogs. Wer ein neues Theme startet, hat keinen guten Grund für etwas anderes. Welche Gutenberg-Plugins dazu passen, habe ich separat zusammengefasst.

5. Spezial-Themes mit KI-Features

Themes für bestimmte Use-Cases mit echten KI-Funktionen: Synthocode E-Commerce AI, Fynode mit OpenAI-Produktbeschreibungen, Tutor Starter mit Tutor LMS AI Studio, MindWare AI für KI-Startup-Sites, Shoptimizer und Di Restaurant mit MxChat AI für Reservierungs-Bots. Agent-Tauglichkeit variiert: WooCommerce-Themes profitieren von AI Engine Pro (26 WooCommerce-MCP-Tools), LMS-Themes von der Tutor-LMS-Abilities-Registrierung. Branding-Themes wie MindWare sind Design-Skins ohne MCP-Surface. Für WooCommerce-Setups und Formular-Touchpoints gibt es eigene Vergleiche.

6. Marketplace-Themes mit KI-Add-Ons

Über 11.000 Themes auf ThemeForest, wachsende Zahl mit „AI" im Namen. Avada, BeTheme mit BeBuilder, Crocoblock JetEngine mit AI Command Center, Crafto, AI ANN, Tech Ai. Für Agenten meist die unproduktivste Kategorie: eigene Page-Builder, Options-Frameworks und Demo-Importer, Surface proprietär. Die Ausnahme ist Crocoblock mit JetEngine MCP, der die Zukunft des CPT- und Datenmodell-getriebenen WordPress definiert. Den passenden Plugin-Stack findest du in meinem Vergleich der KI-Plugins für WordPress.

Themes mit Claude Code, Codex und Co. bauen

Bis hierhin: Themes mit KI im Editor. Jetzt die Perspektive umdrehen: Statt KI im Theme nutzt du KI für das Theme. Claude Code, Cursor oder Codex CLI bauen, ändern und debuggen dein Theme direkt im Dateisystem. Elementor AI schreibt eine Headline. Claude Code baut in 90 Minuten ein komplettes FSE-Theme mit Patterns, sauberer theme.json und Dark-Mode. Code-Agenten plus Block-Themes plus MCP ist 2026 die neue Standard-Pipeline für professionelle Theme-Entwicklung.

Vier Theme-Welten, vier KI-Workflows

Vier Kategorien, vier komplett unterschiedliche Stacks. Hier die direkte Gegenüberstellung:

Block-Themes: theme.json als KI-Target

Die theme.json ist die wichtigste Datei in einem FSE-Theme. Sie definiert deklarativ, was dein Theme kann. Farbpaletten, Typografie, Spacing, Block-Defaults, Layout-Constraints, Section Styles. Alles in einer JSON-Datei.

Genau das macht sie zum Lieblings-Target für KI-Agenten. Ein paar Gründe:

• Schema-validiert. WordPress.org pflegt ein offizielles JSON-Schema, Claude Code kann gegen das Schema prüfen und Fehler in Echtzeit fixen.
• Versionierbar. Die Datei liegt im Theme-Ordner und wandert über Git mit. Keine Datenbank-Magie, keine versteckten Options.
• Section Styles und Style Variations sind seit WordPress 6.6 ausgereift. Eine Style-Variation ist eine eigene JSON-Datei instyles/. Der Agent kann fünf Varianten parallel generieren und du klickst durch.
• Reine Konfiguration, kein imperativer Code. Es gibt keine Loops, keine Hooks, keine if-Statements. Der Agent kann nichts „kaputt deployen“.

Beispiel-Prompt für Claude Code in einem leeren Theme-Ordner: „Generiere eine theme.json für ein minimalistisches Blog-Theme mit warmem Farbschema. Sechs Farben (Background, Foreground, Primary, Secondary, Tertiary, Accent), Schrift Inter für Body und Newsreader für Überschriften, drei Layout-Container (full, wide, content). Dark-Mode als zweite Style-Variation.“

Das Ergebnis ist eine valide theme.json plus zwei JSON-Dateien instyles/, die du sofort aktivieren kannst:

{
  "$schema": "https://schemas.wp.org/trunk/theme.json",
  "version": 3,
  "settings": {
    "color": {
      "palette": [
        { "slug": "background", "color": "#FAF6F0", "name": "Hintergrund" },
        { "slug": "foreground", "color": "#1F1B16", "name": "Text" },
        { "slug": "primary", "color": "#B8552D", "name": "Primär" },
        { "slug": "secondary", "color": "#D89B6A", "name": "Sekundär" },
        { "slug": "tertiary", "color": "#F0E2D0", "name": "Tertiär" },
        { "slug": "accent", "color": "#5E3023", "name": "Akzent" }
      ]
    },
    "typography": {
      "fontFamilies": [
        { "slug": "body", "fontFamily": "Inter, sans-serif", "name": "Inter" },
        { "slug": "heading", "fontFamily": "Newsreader, serif", "name": "Newsreader" }
      ],
      "fluid": true
    },
    "layout": { "contentSize": "640px", "wideSize": "1100px" }
  },
  "styles": {
    "color": {
      "background": "var(--wp--preset--color--background)",
      "text": "var(--wp--preset--color--foreground)"
    },
    "typography": {
      "fontFamily": "var(--wp--preset--font-family--body)",
      "fontSize": "var(--wp--preset--font-size--medium)"
    }
  }
}

Block-Patterns und Templates per KI generieren

Patterns sind wiederverwendbare Block-Kompositionen. Eine Hero-Section, eine Pricing-Table, ein FAQ-Block, alles als reines HTML-Markup mit Block-Kommentaren. Templates sind ganze Seiten-Strukturen (Header, Single, 404). Beide leben als .html-Dateien im Theme.

Das macht beide zu idealen KI-Targets. Claude Code liest deinen Brief („Drei Patterns für die Startseite: Hero mit Headline, drei Vorteile, Newsletter-Anmeldung am Ende“) und generiert die Dateien direkt nachpatterns/. Mit wp scaffold als Boilerplate und Build-Tooling kombiniert wird daraus ein 30-Minuten-Workflow für eine ganze Pattern-Library, der manuell zwei Tage dauern würde.

Wichtig: Jedes Pattern braucht einen Header-Kommentar mit Title, Slug, Categories und Block-Types. Sonst taucht es nicht im Pattern-Inserter auf. Der Agent vergisst das gerne mal. Beim ersten Durchlauf immer prüfen, ob die Patterns auch wirklich im Editor sichtbar sind.

Page-Builder-Themes plus KI-Agenten: was geht?

Bei klassischen Page-Buildern sieht die Sache anders aus. Die meisten Builder speichern ihr Layout nicht im Dateisystem, sondern in der WordPress-Datenbank, oft als serialisierte PHP-Arrays oder builder-eigene JSON-Strukturen. Ein KI-Agent kann die Tabellen lesen, aber das Editieren ist heikel, weil das Format proprietär ist. Sechs gängige Vertreter im Direktvergleich:

Bricks Builder plus JetEngine MCP: der Profi-Stack

Bricks plus JetEngine MCP ist 2026 mein Tipp für Code-affine Builder. Bricks erzeugt extrem sauberen HTML-Output (wenige Wrapper-Divs, keine Cloud-Calls, Pagespeed im grünen Bereich), JetEngine MCP bringt dem Agent CPT-, Custom-Fields-, Relations- und Listings-Steuerung per Natural Language bei. Beide Tools sind explizit auf MCP gebaut, mit offiziellen Servern und Doku. Nicht günstig: Bricks einmalig 183 € (Lifetime), JetEngine ab 43 € pro Jahr (volle Crocoblock-Suite ab 130 € pro Jahr). Wer professionell Sites baut, spielt das in zwei Projekten zurück.

WP-CLI für Theme-Operationen mit KI

WP-CLI ist die schnellste Schnittstelle, die WordPress hat. Über SSH kannst du jeder KI vollen Zugriff auf das System geben, ohne dass die Site ein Plugin braucht. Sechs Befehle, die ein KI-Agent für Theme-Operationen heute kennen sollte:

# Theme aus dem WordPress-Repo installieren und aktivieren
wp theme install twentytwentyfive --activate

# Klassisches Theme als Underscores-Boilerplate scaffolden
wp scaffold _s mein-theme --theme_name="Mein Theme" --author="Finn"

# Child-Theme mit korrektem Template-Verweis erzeugen
wp scaffold child-theme mein-child --parent_theme=twentytwentyfive

# Alle Themes als JSON listen (perfekt für Agent-Parsing)
wp theme list --format=json

# Theme aktivieren oder Status prüfen
wp theme activate astra
wp theme status

# Patterns im aktiven Theme listen (FSE-Themes)
wp pattern list --format=json

Claude Code nutzt diese Befehle automatisch über sein Shell-Tool, wenn du ihm Zugriff per SSH gibst. Du schreibst „installiere Twenty Twenty-Five auf der Staging-Site und scaffold ein Child-Theme dazu“, der Agent öffnet eine SSH-Session, führt die Befehle aus und parst die Ausgaben.

Für Production-Sites lieber kein direkter SSH-Zugriff. Stattdessen Studio by Automattic für lokale Entwicklung oder einen WordPress-MCP-Adapter, der die wichtigsten Theme-Operationen über Abilities exponiert. So bleibt das Risiko klein.

Claude Code für Theme-Entwicklung: praktischer Workflow

So sieht ein realer Workflow aus, wenn du heute ein neues Block-Theme mit Claude Code bauen willst:

Schritt 1: Lokale Dev-Umgebung aufsetzen. Local (vormals Local by Flywheel), LocalWP, DDEV, Lando oder Studio by Automattic. Mein Pick: Studio, weil es eine native Studio-CLI mitbringt, die direkt mit Claude Code spricht. Eine neue Site ist in unter einer Minute aufgesetzt.

Schritt 2: Claude Code im Theme-Verzeichnis starten.Im Terminal in den wp-content/themes/-Ordner navigieren, einen neuen Ordner für das Theme anlegen und claudeausführen. Beim ersten Start prüft Claude Code, ob ein.claude/CLAUDE.md existiert. Wenn nicht, kann der Agent eines anlegen mit deinen Theme-Konventionen.

Schritt 3: Anweisung formulieren. Konkret und spezifisch. Statt „bau mir ein Theme“ besser: „Bau ein FSE-Theme mit dem Namen Calm Reader. Drei Patterns für eine Landing-Page (Hero, Vorteile, FAQ). Header und Footer als Template-Parts. theme.json mit warmem Farbschema (sechs Farben), zwei Schriften (Inter, Newsreader) und fluid Typography. Dark-Mode als Style-Variation.“

Schritt 4: Iterativ verfeinern. Der erste Wurf wird funktionieren, aber nicht perfekt. Schicke Screenshots vom WordPress- Editor zurück: „Die Hero-Section hat zu viel Padding oben, mach das responsiv kleiner.“ Claude Code öffnet die HTML-Datei, ändert das Block-Markup und du siehst die Änderung im Editor nach einem Reload.

Schritt 5: Build, Test, Deploy. Bei einfachen Block-Themes brauchst du keinen Build-Schritt, die HTML-Patterns sind sofort verwendbar. Bei Themes mit Custom Blocks (also block.jsonplus React-Komponenten) nutzt du @wordpress/scripts. Der Agent kann den npm install-Schritt und daswp-scripts build-Kommando ausführen. Deploy per Git in ein Bedrock-Setup oder direkt per FTP auf die Live-Site.

Welches Theme für welchen Use-Case?

Sortiert nach realer Praxis 2026, mit klarem Blick auf den Workflow: Arbeitest du im Code mit einem Agenten oder im Browser-Editor?

Drei Stack-Empfehlungen aus der Tabelle verdienen einen Extra-Zeiger: Für den SEO-Profi-Use-Case ergänzt mein WordPress-SEO-Plugins-Artikel die passenden Tools, für KI-Suche (GEO) liefern die GEO-Statistiken den aktuellen Stand. Wer komplett bei null startet, findet im Guide WordPress installieren die Schritt-für-Schritt-Anleitung. Page-Builder-Vergleich: großer Page-Builder-Vergleich.

WordPress 7.0 Armstrong: Das Theme-relevante Update

WordPress 7.0 „Armstrong" ist am 20. Mai 2026 erschienen. Vier Neuerungen ändern, wie Themes 2026 mit KI sprechen: AI Client im Core (provider-agnostisch für OpenAI/Gemini/Claude, kein eigener API-Key im Theme), Connectors Hubunter Settings > Connectors (zentrale Provider-Verwaltung, ein Setup für alle Plugins), Client-Side Abilities API für Inline-AI im Block-Editor ohne PHP-Roundtrip, und das offizielle WordPress AI Plugin mit Alt-Text-, Excerpt- und Moderation-Tools. Der WordPress/mcp-adapter exponiert alle 485 registrierten Abilities aus 19 Plugins (Install-Base 30+ Mio. Sites) automatisch als MCP-Tools.

Achtung: Die SiteGround-AI-Studio-Kontroverse

Ein Warnhinweis, den deutsche Vergleiche oft unterschlagen. SiteGround hat Ende Mai 2026 sein AI-Studio-Plugin (sg-ai-studio) auf etwa 1 Million Kunden-Sites auto-installiert, ohne Opt-in-Wahl. Das Plugin hat aktuell ein Rating von 1,1/5 Sternen, 42 Ein-Sterne-Reviews gegen eine einzige Fünf-Sterne-Bewertung. Rhys Wynne und andere WordPress-Experten haben das aufgegriffen.

Fazit

Wer 2026 ein WordPress-Theme wählt, sollte zuerst fragen: Kann Claude Code das ändern? Drei Antworten passen für 90 Prozent aller Use-Cases. Block-Theme (Twenty Twenty-Five, Ollie, Frost, Spectra One) für Code-Iteration mit Claude Code, weil theme.json, Patterns und Style-Variations das produktivste KI-Target sind, das WordPress je hatte. Bricks Builder plus JetEngine MCP für Builder-Komfort mit Code-Kontrolle, einziger großer Page-Builder mit ernsthaftem MCP-Ansatz. ZipWP oder 10Web für Microsite in zehn Minuten ohne Code, dafür Lock-in.

Allerdings: Themes wechseln ist 2026 keine große Sache. Block-Theme zu Bricks ist eine Migration von Stunden. Externer Agent plus MCP-Server plus saubere Theme-Struktur ist die neue Standard-Pipeline. Wer das ignoriert, kämpft in zwei Jahren mit WordPress-Sites, die sich nicht mehr maschinell warten lassen. Nächste Stationen: WordPress-KI-Plugins und der Pillar KI in WordPress 2026.

Bis bald, Finn