Elementor v4.3 Beta und MCP: Warum dies der Wendepunkt in der WordPress-Geschichte ist

Dies ist nicht mehr nur eine Geschichte über ein einfaches Text-Plugin. Dies ist der Beginn eines Zeitalters, in dem AI-Tools zu vollwertigen Co-Autoren werden und in der Lage sind, die Struktur von Websites direkt in der WordPress-Umgebung zu verstehen und zu erstellen.

Was ist MCP und warum spricht jeder darüber?

Das Model Context Protocol (MCP) ist ein offener Standard, der es einem KI-Modell ermöglicht, auf sichere Weise mit externen Systemen, Datenbanken und Anwendungen zu kommunizieren. Wenn beispielsweise ein AI-Tool (wie Claude Code oder Cursor) bisher nur HTML- oder CSS-Code schreiben und zum Kopieren anbieten konnte, kann es durch MCP direkt Daten im Elementor-System anfordern und ändern.

Elementor v4.3 Beta verfügt über eine integrierte Support-Schnittstelle, die auf dem WebMCP-Standard basiert. In der Praxis bedeutet dies, dass ein Entwickler seinen bevorzugten AI-Terminal oder Code-Editor öffnen, ihn mit der WordPress-Seite verbinden und natürlich Befehle erteilen kann.

AI wird keine allgemeinen Ratschläge geben. Sie öffnet die Seite selbstständig, erstellt die notwendigen Blöcke, ordnet die Abstände, wendet globale Stile an und speichert die Änderungen.

Ein universelles Tool für kostenlose und Pro-Nutzer

Einer der angenehmsten Aspekte dieser Ankündigung ist die Entscheidung des Elementor-Teams, die MCP-Funktionalität auch in der kostenlosen Plugin-Version bereitzustellen.

Der Unterschied liegt nur darin, welche Elemente und Systemebenen die AI verwalten kann.

Funktionen der kostenlosen Version

Benutzer können AI nutzen, um die tägliche Arbeit an normalen Abschnitten erheblich zu beschleunigen. Die AI kann die Seitenstruktur erstellen, kostenlose Widgets (Texte, Überschriften, Schaltflächen, Bilder) anwenden und mit dem neuen Design-System arbeiten, indem sie Elementen globale Klassen und Variablen zuweist.

Funktionen der Pro-Version

Pro-Lizenzinhaber erhalten Zugang zum vollständigen Automatisierungszyklus der Website-Architektur. Mit AI-Unterstützung können Sie erstellen und konfigurieren:

• Theme Builder-Vorlagen: Header, Footer und Beitragsmuster.

• Anzeigebedingungen (Display Conditions): Durch Instruktion der AI, auf welche Seiten oder Kategorien eine bestimmte Vorlage angewendet werden soll.

• Pop-ups: Vollständig angepasst und für logische Anzeige programmiert.

• Alle Pro-Widgets: Von Formular-Generatoren bis zu dynamischen Listen.

Neue Design-Architektur: Atomic Accordion und Hintergrund-Video

Obwohl MCP die meiste Aufmerksamkeit auf sich zieht, enthält Elementor v4.3 Beta auch wichtige Verbesserungen in den Grundlagen des Builders selbst.

Entwickler setzen die schrittweise Migration zu der sogenannten Atomic-Element-Architektur fort. In dieser Version wurde das Accordion-Element aktualisiert. Der neue Ansatz ermöglicht es, jeden Teil des Accordions (Überschrift, Inhaltsfeld, Symbol) als separate, unabhängige Struktureinheit zu behandeln. Dies bietet unbegrenzte Design-Anpassungsmöglichkeiten und reduziert erheblich die Menge des unnötigen HTML-Codes, was sich positiv auf die Ladegeschwindigkeit der Website auswirkt.

Ebenso wurde die Unterstützung für dynamische Hintergrundvideos verbessert, was es einfacher macht, Video-Quellen aus benutzerdefinierten Datenfeldern (ACF oder Meta Box) zu verknüpfen.

So installieren Sie die Beta-Version und aktivieren Atomic-Funktionen

Wenn Sie Beta-Tests in Ihrer Elementor-Umgebung noch nicht aktiviert und Atomic-Funktionen noch nicht aktiviert haben, folgen Sie diesen Schritten:

1. Beta-Testerfunktion aktivieren: navigiere zu Elementor > Tools > Version Control (Konto- und Versionskontrolle) und aktiviere die Option Beta Tester.

2. Plugin aktualisieren: gehe zum WordPress-Dashboard Dashboard > Updates (Aktualisierungen) und führe ein Update auf die neueste verfügbare Beta-Version durch.

3. Atomic Editor aktivieren: stelle sicher, dass du den Abschnitt Elementor > Settings > Atomic Editor geöffnet hast und klicke auf Activate.

Diese Schritte bereiten deine Website vollständig auf die neue Elementor 4.3 Atomic-Architektur und deren Funktionen vor.

So funktioniert die praktische Arbeit mit Elementor MCP

Sobald die Beta-Version und die Atomic-Funktionen aktiviert sind, kann der Testprozess beginnen:

1. Vorbereitung: Im WordPress-Dashboard wird der Abschnitt Elementor > Elementor MCP geöffnet.

2. Autorisierung: eine KI-Umgebung wird ausgewählt (z.B. Claude Code, Cursor oder Codex) und eine eindeutige Verbindungsanleitung wird generiert.

3. Verbindung: die Anleitung wird in das KI-Tool eingefügt und es erstellt einen sicheren Kanal mit der WordPress-Seite.

4. Befehle eingeben: der Benutzer kann eine Aufgabe wie folgt formulieren: "Erstelle eine neue Startseite mit einem modernen Hero-Bereich unter Verwendung von blauen Farbakzenten, großer Überschrift, Beschreibung und zwei Schaltflächen in nebeneinander angeordnetem Layout."

5. Ergebnis überprüfen: beim Öffnen der Seite im Elementor Editor sind alle erstellten Elemente vollständig bearbeitbar, native Elementor-Blöcke.

6. Verbesserung und Design-Systeme: danach kann die KI aufgefordert werden, globale CSS-Klassen hinzuzufügen, Abstände auf der gesamten Seite zu ändern oder wiederverwendbare Komponenten zu erstellen.

Wichtigste Sicherheitsbestimmungen beim Testen

Da v4.3 sich derzeit in der öffentlichen Beta-Testphase befindet, betonen die Elementor-Entwickler mehrere Sicherheitsbedingungen.

• Nicht auf Live-Seiten installieren: Beta-Versionen können Ungenauigkeiten oder Fehler enthalten, die sich auf echte Kundenwebseiten auswirken können.

• Staging-Umgebung verwenden: am besten ein Duplikat lokal oder auf einem Test-Server erstellen.

• Feedback geben: wenn während der Code-Generierung Fehler auftreten, werden Benutzer aufgefordert, diese im offiziellen GitHub-Diskussionsbereich zu melden.

Weitere Informationen und technische Dokumentation zu diesem Update finden Sie auf dem Elementor GitHub Diskussionsforum.