Duda unterstützt zwei Editor-Versionen, um Ihren Bedürfnissen am besten zu entsprechen:
-
Herausgeber 2.0
-
Klassischer Editor mit optionalem Flex-Modus
Jede Version des Editors wird in den folgenden Abschnitten zusammen mit den Einschränkungen und zukünftigen Entwicklungen von Editor 2.0 erklärt.
Wenn Sie ein Classic Editor-Benutzer sind und lernen möchten, wie Sie in Editor 2.0 zur Entwicklung übergehen, schauen Sie sich unseren Duda Academy-Kurs an Classic gegen Editor 2.0.
Third Party Store wird in Editor 2.0 nicht unterstützt.
Editor 2.0 integriert erweiterte Funktionen und behält gleichzeitig die intuitive Oberfläche des klassischen Editors bei. Es führt jedoch eine verbesserte Infrastruktur ein, die Ihr Bearbeitungserlebnis um verbesserte Funktionen und Effizienz erweitert
-
Moderne Bearbeitungsfunktionen: Nutzt Flex- und Grid-Technologien, um den Bearbeitungsprozess zu verbessern und das Endergebnis zu verbessern.
-
Passen Sie einfach die Ausrichtung oder den Abstand mehrerer Elemente gleichzeitig an (Steuerung mit einem Klick oder Schieberegler).
-
Passen Sie die Spaltenkonfigurationen einfach präzise vertikal und horizontal an.
-
Hat bis zu 8 Spalten in einem Abschnitt.
-
Stellen Sie eine ungerade Anzahl von Spalten auf dieselbe Größe ein.
-
-
Verschachteln und überlappen Sie Elemente nahtlos, um dynamische Designs mithilfe von inneren Stützen und fortschrittlichen Rastern zu ermöglichen.
-
-
Responsives Design: Sorgt für eine vollständige Reaktionsfähigkeit auf allen Bildschirmgrößen, sodass keine manuelle Anpassung erforderlich ist, während die Option beibehalten wird.
-
Bildschirmgrößenspezifische Bearbeitung: Bearbeiten Sie auf Desktop-, Tablet- und Mobilgeräten mit Anpassungsoptionen, die auf jede Bildschirmgröße zugeschnitten sind.
-
Bearbeiten Sie pro Bildschirmgröße und nicht nach Gerät. Wenn Sie beispielsweise eine Website auf einem Mobilgerät aufrufen, erkennt die Website die Größe des Bildschirms und zeigt die Elemente an, die Sie für die Anzeige auf dieser Bildschirmgröße festgelegt haben.
-
Bearbeitung pro Bildschirmgröße ermöglicht eine Kontinuität zwischen den Bildschirmgrößen, wodurch die Anpassung pro Gerät minimiert wird. Mit weniger Breakpoints optimiert Editor 2.0 die Stilverwaltung, sorgt für eine reibungslosere Kaskadierung von Stilen und vereinfacht die Komplexität der Codebasis. Darüber hinaus weisen Desktop- und Tablet-Bildschirmgrößen im Vergleich zum klassischen Editor eine größere Unabhängigkeit auf
-
-
Konsistentes Header-Design: Behält die Eigenschaften der Kopfzeile für alle Bildschirmgrößen bei, z. B. das Logo, und ermöglicht so eine reibungslose Aktualisierung. Sie können den Header auf dem Desktop aktualisieren und er wird auf allen Geräten aktualisiert.
-
Barrierefreiheit des Widgets: Unterstützt alle Widgets aus dem Classic Editor.
-
Verwaltung flexibler Abschnitte: Führt ein neues Flex-Section-Management-System ein, das die Wiederverwendung von Flex-Sektionen im Editor 2.0 zentralisiert, einschließlich der im klassischen Editor erstellten Flex-Sektionen, um die Erstellung von Websites weiter zu optimieren.
-
Verbesserungen der Benutzeroberfläche und der Bearbeitung:
-
Position des Design-Panels: Befindet sich in Editor 2.0 auf der rechten Seite der Benutzeroberfläche und bietet eine übersichtlichere Bearbeitungsumgebung. Benutzer haben auch die Möglichkeit, das Panel zu schließen, wenn es nicht verwendet
-
Steuerung des Ebenenbedienfelds: Verwalte das Ebenenfenster ganz einfach, indem du es nach Bedarf schließt und wieder öffnest, um eine reibungslosere Navigation innerhalb der Seitenstruktur zu ermöglichen.
-
Schwebende Balkennavigation: Ermöglicht das nahtlose Zurückverfolgen mithilfe von Breadcrumbs, indem eine schwebende Navigationsleiste eingeführt wird.
-
Option duplizieren: Ermöglicht das bequeme Duplizieren von Elementen im Editor 2.0, indem eine Option zum Duplizieren eingeführt wird.
-
Inline-Bildgrößenänderung: Ändern Sie die Größe von Bildern direkt in der Editor-Oberfläche, sodass keine externen Bearbeitungswerkzeuge erforderlich sind.
-
Verbesserte Ausrichtungs- und Abstandskontrollen: Verbesserte Steuerelemente für vertikale und horizontale Ausrichtung und Abstände, einschließlich eines Abstandsschiebereglers, optimieren den Layoutanpassungsprozess. Diese Verbesserungen machen zusätzliche Zeilen und Spalten im Classic Editor überflüssig
-
-
E-Commerce-Shop-Kompatibilität: Unterstützt dienative store, unterstützt aber nicht den Drittanbieter-Store.
Editor 2.0 ist ein dynamischer und sich weiterentwickelnder Funktionsumfang, der kontinuierliche Verbesserungen beinhaltet, um das Benutzererlebnis zu verbessern. Während sich die Plattform kontinuierlich weiterentwickelt, werden verschiedene Funktionen in Betracht gezogen oder befinden sich in der Entwicklung. Derzeit in der Evaluierungs- und Planungsphase:
-
Shop eines Drittanbieters
-
Globale Zeilen (befindet sich im Theme im Classic Editor).
-
Neue Zeile Aktionstyp Personalisierung.
Wie kann ich mit Editor 2.0 anfangen zu bauen?
Um mit der Erstellung zu beginnen, klicken Sie auf Site erstellen und dann wird eine Option angezeigt, mit der Sie zu Editor 2.0-Vorlagen wechseln können. Wählen Sie eine Vorlage aus, um mit dem Erstellen zu beginnen, und fertig! Wenn Sie keine Option für Editor 2.0-Vorlagen sehen, wenden Sie sich bitte an den Support.
Was ist Editor 2.0 und warum ist er einzigartig?
Editor 2.0 ist ein innovativer Design-Editor, der vollständig auf der Flexbox-Technologie basiert und Flex-basierte Kopf-, Abschnitte-, Seiten- und Fußzeilen enthält. Es führt eine leistungsstarke neue Leinwand ein, die die Designfunktionen und die Effizienz verbessert. Auf diese Weise können Sie Ihre gewünschte Website schnell erstellen und gleichzeitig die Kompatibilität mit allen vorhandenen Widgets, Apps, Add-Ons und Tools beibehalten.
Vorteile der Verwendung von Editor 2.0 für Sie und Ihr Team
-
Gesteigerte Produktivität: Verkürzt die Zeit vom Entwurf bis zur Veröffentlichung erheblich.
-
Verbesserte Leistung der Website: Erreicht höhere Core Web Vitals-Werte und trägt so zu besseren Platzierungen in Suchmaschinen bei.
-
Verbessertes Designerlebnis: Bietet ein pixelgenaues, responsives Design, das sich automatisch an verschiedene Bildschirmgrößen anpasst.
Wie unterscheidet sich Editor 2.0 von Dudaist der klassische Editor? Erhalte ich die Funktionen des klassischen Editors?
Alle bekannten Plattformkomponenten wie Widgets, Blogs, Geschäfte, Apps und andere Tools bleiben im Editor 2.0 unverändert. Der Hauptunterschied liegt in der Design-Arbeitsfläche, auf der Sie Elemente per Drag-and-Drop verschieben und ihr Design anpassen.
Was sind die Vorteile von Design Canvas von Editor 2.0?
-
Schnelleres Seitendesign: Bietet umfangreiche Layoutfunktionen, automatische Neuorganisation der Elemente beim Ändern der Größe und absolute Kontrolle über Breakpoints.
-
Umfassendes Flex-Erlebnis: Bietet ein nahtloses Flex-Erlebnis über Kopf-, Abschnitt-, Seiten- und Fußzeilen hinweg, ohne den Flex-Modus ein- und auszuschalten.
-
Verbesserte Widget-Anpassung: Ermöglicht eine einfachere Anpassung der Ausrichtung, Größenänderung und Reihenfolge von Widgets direkt auf der Design-Leinwand.
Warum ist Duda Einführung dieses neuen Editors?
Duda zielt darauf ab, Webprofis in die Lage zu versetzen, Websites der nächsten Generation zu erstellen. Editor 2.0 nutzt modernste Webdesign- und Entwicklungstechnologien, um ein leistungsstarkes, intuitives Erlebnis beim Erstellen von Websites zu bieten, ohne dass Code erforderlich ist.
Was wird passieren mit DudaIst der Editor vorhanden, wenn Editor 2.0 gestartet wird?
Wir werden weiterhin den klassischen Editor unterstützen, der die Verwendung vorhandener benutzerdefinierter Ressourcen ermöglicht und vertraute Workflows zur Erstellung von Websites beibehält.
Wie wird sich der neue Editor 2.0 auf Websites auswirken, mit denen ich bereits erstellt habe Dudaist der aktuelle Herausgeber?
Bestehende Websites bleiben unverändert, und der aktuelle Editor kann weiterhin mit regulären Vorlagen (ohne FLEX) verwendet werden. Wir empfehlen, den Editor 2.0 wegen seiner umfassenden Funktionen zum Erstellen von Websites zu erkunden.
Kann ich auch nach der Veröffentlichung von Editor 2.0 Websites erstellen, die sowohl Flex- als auch Nicht-Flex-Abschnitte enthalten?
Mit der Veröffentlichung von Editor 2.0 werden zuvor verwendete Flex-Abschnitte im Editor 2.0 zugänglich sein, aber Nicht-Flex-Abschnitte werden im neuen Editor nicht verfügbar sein.
Kann ich nach der Veröffentlichung von Editor 2.0 zum aktuellen Editor zurückkehren?
Ja, Sie haben die Möglichkeit, über die Vorlagenseite zwischen dem aktuellen Editor und Editor 2.0 zu wechseln.
Wie geht Editor 2.0 mit benutzerdefinierten Assets um, die mit dem aktuellen Editor erstellt wurden?
Editor 2.0 basiert vollständig auf der Flexbox-Technologie, sodass alle Flex-basierten Assets, die Sie oder Ihr Team erstellt haben, mit dem neuen Editor kompatibel sind.
Editor 2.0 unterstützt diese benutzerdefinierten Design-Assets:
-
Benutzerdefinierte Widgets
-
Benutzerdefinierte Flex-Abschnitte
-
Benutzerdefinierte Flex-Vorlagen (z. B. Vorlagen mit einem Flex-Header)
Editor 2.0 unterstützt diese benutzerdefinierten Design-Assets nicht:
-
Benutzerdefinierte Vorlagen mit einem Nicht-Flex-Header
-
Benutzerdefinierte Non-FLEX-Abschnitte
Welche Optionen haben Sie für benutzerdefinierte Vorlagen und Abschnitte, die nicht von Flex stammen?
Sie können diese im aktuellen Editor weiter verwenden als Duda wird die Unterstützung dafür aufrechterhalten. Sie können auch erwägen, neue benutzerdefinierte Assets mit Editor 2.0 zu erstellen, der einen optimierten Erstellungsprozess bietet
Unterstützt Editor 2.0 HTML- und CSS-Anpassungen?
Sie haben weiterhin die Möglichkeit, CSS-Dateien anzupassen mit DudaDer Dev-Modus im Editor 2.0. HTML-Anpassungen werden jedoch nicht unterstützt. Die verbesserte technologische Infrastruktur und die Designfunktionen von Editor 2.0 reduzieren die Notwendigkeit umfangreicher Codeanpassungen. Aktionen wie das Überlagern von Elementen und das Hinzufügen von mehr als vier Spalten können direkt von der Design-Arbeitsfläche von Editor 2.0 aus ausgeführt
Der Classic Editor ist ein vertrauenswürdiges Tool, das für seine Einfachheit und Effizienz bei der Erstellung von Websites bekannt ist. Sie können wunderschöne Websites einfach mit dem Classic Editor erstellen oder Ihr Designerlebnis verbessern, indem Sie den Flex-Modus im Classic Editor verwenden.
-
Einfache und schnelle Seitenerstellung: Der Classic Editor bietet eine benutzerfreundliche Oberfläche, mit der Benutzer Websites schnell erstellen können.
-
Flexibilität mit Flex Sections: Integrieren Sie vorgefertigte Flex Sections und Team Sections, um die Layoutflexibilität zu erhöhen.
-
Anpassbarer Header: Passen Sie die Header pro Gerät an, mit Ausnahme von Tablets, die Desktop-Layouts widerspiegeln. Beachten Sie, dass Flex-Abschnitte in der Kopfzeile nicht unterstützt werden
-
E-Commerce-Shop-Kompatibilität: Unterstützt die Native Store und die Third Party Store.
Im Folgenden werden die verschiedenen Flex-Abschnitts- und Modusbezeichnungen erklärt und wie sie sich auf die verschiedenen Editor-Versionen beziehen:
-
Flex-Abschnitte: Diese ähneln den Zeilen im klassischen Editor, sie stellen auch den primären Bearbeitungsmodus in Editor 2.0 dar. Flex war die Art, wie wir Flex-Abschnitte oder Flex-Modus außerhalb von Editor 2.0 nannten.
-
Flex-Modus: Es ist für Flex-Abschnitte im klassischen Editor relevant und im Editor 2.0 nicht anwendbar.
-
Flexibel: Es ist für Flex Sections relevant und gilt sowohl für den Editor 2.0 als auch für den Classic Editor.
-
All-Flex Editor (jetzt bekannt als Editor 2.0): Wurde vor seiner Umwandlung in die aktualisierte Version, die als Editor 2.0 bekannt ist, früher als Editor bezeichnet.
Für Kunden, die sich Sorgen über den schrittweisen Übergang von All-Flex zu Editor 2.0 und dessen Auswirkungen auf den Classic Editor machen, finden Sie hier einige wichtige Hinweise:
-
Fortgesetzte Unterstützung für Classic Editor: Websites, die mit dem Classic Editor erstellt wurden, werden weiterhin vollständig unterstützt und bieten fortlaufende Bearbeitungsfunktionen.
-
Migration zwischen Editor-Versionen: Wenn du einen kompletten Site-Reset durchführst, kannst du zwischen den Editor-Versionen wechseln.