Etch – die neue einheitliche Entwicklungsumgebung für WordPress ist ab sofort und nur bis zu 01.09.2025 als LTD (Live Time Deal) erhältlich. Ab September wird dann auf ein jährliches Abo-Modell umgestellt. Jetzt ist also die Gelegenheit, sich eine LTD Version zu sichern.
Hier der Link zum Kauf: https://etchwp.com?aff=190b6a43 (Affiliate Link)
Hinweis: Die Entwicklung des Produkts ist aktuell noch im Gange, die stabile Version wird zum 01.09.25 erscheinen. Aber auch jetzt ist die Alpha-Version bereits sehr fortgeschritten und kann bereits mit Vorsicht für Webseiten eingesetzt werden.
Welche Vorteile bietet Etch?
Etch ist nicht ein weiterer Pagebuilder für WordPress sondern eine einheitliche Entwicklungsumgebung! Die Vorteile auf einen Blick:
- Etch schreibt automatisch alles, was Sie erstellen, als native Gutenberg-Blöcke im WordPress-Block-Editor und ermöglicht eine bidirektionale Synchronisierung, sodass Änderungen, die im Block-Editor vorgenommen werden, automatisch mit Etch synchronisiert werden. Dadurch werden Ihre Daten vollständig aus Etch befreit und Ihren Kunden wird eine native WordPress-Bearbeitungserfahrung geboten.
- Individuell anpassbare Oberfläche. Nahezu jedes Bedienfeld kann in einen anderen Ablagebereich verschoben werden. Die Seitenleisten unterstützen mehrere Bedienfelder und verschiedene Größen, und Ihre Layout-Einstellungen werden gespeichert, um maximale Konsistenz zu gewährleisten. In wenigen Sekunden erreichen Sie genau die Konfiguration, die Sie sich schon immer gewünscht haben!
- Endlich vollständiger Zugriff auf den HTML-Code! Sehen, anfassen und vollständig bearbeiten. Nichts ist tabu! Schreiben Sie ihn von Hand, kopieren Sie ihn aus einer beliebigen externen Quelle oder lassen Sie ihn mit Emmett wie von Zauberhand erscheinen. Sie möchten ihn nicht sehen? Dann blenden Sie ihn einfach aus. Sie haben die volle Kontrolle.
- Endlich – sauberer, semantischer Code! Keine unnötigen Wrapper, Attribute, automatisch generierten IDs oder automatisch generierten Klassen. Dies ist wahrscheinlich der sauberste und schlankste Code, den eine visuelle Entwicklungsumgebung derzeit liefern kann.
- Etch speichert das Element-Styling zusammen mit dem Element selbst und gibt nur das Styling für Elemente aus, die auf der Seite vorhanden sind. Dies ist die beste Methode, um das Styling auf einer Website zu organisieren und nur kritisches CSS auszugeben. Etch verwendet außerdem ein „selector-freies” Styling-System, das das Styling auch dann intakt hält, wenn Klassen umbenannt werden. Gleiches gilt auch für Javascript!
- Sobald Sie die Struktur erstellt haben, kann „Auto-BEM“ mit einem einzigen Klick automatisch BEM-Selektoren an jedes Element anhängen, um maximale Skalierbarkeit und Wartbarkeit Ihres Stylings sowie eine beispiellose Effizienz Ihres Workflows zu gewährleisten.
- Etch ist die einzige visuelle Entwicklungsumgebung, mit der Sie Klassen, Attribute und Attributwerte in einem einzigen Schritt hinzufügen können. Anschließend können Sie mit CSS auf Elementebene auswählen, auf welche Elemente Stile (einschließlich Attribute) angewendet werden sollen. Warten Sie, bis Sie sehen, wie unglaublich leistungsstark das ist.
- Stilelemente mit visuellen Stilvorgaben oder CSS … oder beides! Alle Änderungen, die Sie in den visuellen Eingabefeldern vornehmen, werden in bearbeitbares CSS geschrieben, und alles, was Sie in CSS schreiben, wird mit den Eingabefeldern synchronisiert. Sie müssen nie wieder raten, woher Ihre Stile stammen.
- Etch ist die einzige visuelle Entwicklungsumgebung, mit der Sie Klassen, Attribute und Attributwerte in einem einzigen Schritt hinzufügen können. Anschließend können Sie mit CSS auf Elementebene auswählen, auf welche Elemente Stile (einschließlich Attribute) angewendet werden sollen. Warten Sie, bis Sie sehen, wie unglaublich leistungsstark das ist.
- Erstellen Sie Komponenten mit einem einzigen Klick. Bearbeiten Sie Ihre Komponenten direkt auf der Arbeitsfläche (keine magischen Bereiche). Erstellen und ordnen Sie „Props“ in Sekundenschnelle zu. Erstellen Sie Varianten mit bedingter Logik. Komponenten werden als synchronisierte Muster gespeichert und ohne zusätzliche DOM-Elemente im Frontend gerendert. Einfach fantastisch.
- Verwenden Sie Bedingungselemente und Logikstrings, um die Darstellung beliebiger Elemente oder deren untergeordnete Elemente zu steuern oder Attributwerte und sogar Inline-Stile zu kontrollieren. Vollständige Unterstützung für zusammengesetzte Bedingungen, Bedingungen, Vergleiche, verschachtelte Bedingungen und mathematische Prüfungen in nahezu jeder Kombination.
- Schleifen für Beiträge, Taxonomien, Benutzer, rohe JSON-Daten und REST-API-Daten. Schleifen verschachteln. Schleifendaten aus einer Schleife in eine andere Schleife ziehen. Bedingte Logik in Schleifen verwenden. Schleifenkonfigurationen speichern. So sehen Schleifen in Ära 4 aus!
- Etch wurde für die Erstellung moderner, dynamischer Websites entwickelt. Ganz gleich, ob Sie Loops oder Templates verwenden, Sie können Daten dynamisch aus der WordPress-Datenbank, dem Block-Editor und benutzerdefinierten Feldern abrufen.