Website Builder unterstützt zwei Editor-Versionen, um Ihren Anforderungen am besten gerecht zu werden:
-
Editor 2.0
-
Klassischer Editor mit optionalem Flex-Modus
In den folgenden Abschnitten wird jede Version des Editors zusammen mit den Einschränkungen und zukünftigen Entwicklungen von Editor 2.0 erläutert.
store von Drittanbietern wird in Editor 2.0 nicht unterstützt.
Der Editor 2.0 integriert erweiterte Funktionen und behält gleichzeitig die intuitive Benutzeroberfläche des klassischen Editors bei. Es führt jedoch eine verbesserte Infrastruktur ein, die Ihre Bearbeitungserfahrung mit verbesserten Funktionen und Effizienz erweitert:
-
Moderne Bearbeitungsfunktionen: Nutzt Flex- und Rastertechnologien, um den Bearbeitungsprozess zu verbessern und das Endergebnis zu verbessern.
-
Einfaches Anpassen von Ausrichtungen oder Abständen mehrerer Elemente gleichzeitig (Steuerung mit einem Klick oder Schieberegler).
-
Passen Sie die Säulenkonfigurationen einfach und präzise vertikal und horizontal an.
-
Sie haben bis zu 8 Spalten in einem Abschnitt.
-
Legen Sie eine ungerade Anzahl von Spalten auf dieselbe Größe fest.
-
-
Verschachteln und überlappen Sie Elemente nahtlos für dynamische Designs mit inneren Spalten und erweiterten Rastern.
-
-
Responsives Design: Gewährleistet eine vollständige Reaktionsfähigkeit über alle Bildschirmgrößen hinweg, wodurch der Bedarf an manueller Anpassung reduziert wird, während die Option beibehalten wird.
-
Bildschirmgrößenspezifische Bearbeitung: Bearbeiten Sie auf desktop, Tablets und Mobilgeräten mit Anpassungsoptionen, die auf jede Bildschirmgröße zugeschnitten sind.
-
Bearbeiten Sie pro Bildschirmgröße und nicht nach Gerät, z. B. wenn Sie eine Website auf einem Mobilgerät anzeigen, 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.
-
Die Bearbeitung pro Bildschirmgröße ermöglicht Kontinuität über alle Bildschirmgrößen hinweg und minimiert die Anpassung pro Gerät. Mit weniger Haltepunkten 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 die Bildschirmgrößen von desktop und Tablets im Vergleich zum klassischen Editor eine größere Unabhängigkeit auf.
-
-
Konsistentes Header-Design: Behält Header-Eigenschaften über Bildschirmgrößen hinweg bei, wie z. B. das Logo, und ermöglicht so nahtlose Updates. Sie können die Kopfzeile auf dem desktop aktualisieren und sie wird auf allen Geräten aktualisiert.
-
widget Zugänglichkeit: Unterstützt alle widget aus dem Classic-Editor.
-
Flex Section Management: Führt ein neues Flex-Section-Management-System ein, das die Wiederverwendung von Flex-Sektionen im Editor 2.0 zentralisiert, einschließlich Flex-Abschnitten, die im Classic Editor erstellt wurden, um die Erstellung von Websites weiter zu optimieren.
-
Verbesserungen der Benutzeroberfläche und der Bearbeitung:
-
Position des Design-Panels: Befindet sich im 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 wird.
-
Steuerung des Ebenen-Panels: Verwalten Sie das Layer-Panel einfach, indem Sie es bei Bedarf schließen und wieder öffnen, um eine reibungslosere Navigation innerhalb der Website-Struktur zu ermöglichen.
-
Navigation in der schwebenden Leiste: Ermöglicht eine nahtlose Rückverfolgung mithilfe von Breadcrumbs durch die Einführung einer schwebenden Navigationsleiste.
-
Option Duplizieren: Ermöglicht das bequeme Duplizieren von Elementen in Editor 2.0 durch die Einführung einer Duplikatsoption.
-
Inline-Bildgrößenänderung: Ändern Sie die Größe von Bildern direkt in der Editor-Oberfläche, sodass keine externe Bearbeitung toolerforderlich ist.
-
Verbesserte Ausrichtungs- und Abstandssteuerung: Verbesserte vertikale und horizontale Ausrichtung und Abstands-Steuerelemente, einschließlich eines Abstände Schiebereglers, vereinfachen den Prozess der Layoutanpassung. Durch diese Verbesserungen sind keine zusätzlichen Zeilen und Spalten im klassischen Editor erforderlich.
-
-
E-Commerce store Kompatibilität: Unterstützt die native store, aber nicht die storevon Drittanbietern.
Editor 2.0 ist ein dynamischer und sich weiterentwickelnder Funktionsumfang, der kontinuierliche Verbesserungen enthält, um die Benutzererfahrung zu verbessern. Während sich die Plattform ständig weiterentwickelt, werden verschiedene Funktionen in Betracht gezogen oder entwickelt. Aktuell in der Phase der Evaluierung und Planung:
-
Drittanbieter-Store
-
Globale Zeilen (befindet sich im Design im Classic-Editor).
-
Neue Zeilen Personalisierungen action type.
Wie kann ich mit Editor 2.0 mit dem Erstellen von Projekten beginnen?
Um mit dem Erstellen zu beginnen, klicken Sie auf „Website erstellen“. Anschließend wird Ihnen die Option angezeigt, zu den Editor 2.0-Vorlagen zu wechseln. Wählen Sie eine Vorlage aus, um mit dem Erstellen zu beginnen, und das war's!
Was ist Editor 2.0 und was macht ihn einzigartig?
Editor 2.0 ist ein innovativer Designeditor, der vollständig auf der Flexbox-Technologie basiert und Flex-basierte Header, Abschnitte, Seiten und Footer bietet. Es stellt eine leistungsstarke neue Arbeitsfläche vor, die die Gestaltungsmöglichkeiten und die Effizienz steigert. Dies ermöglicht es Ihnen, Ihre gewünschte Website schnell zu erstellen und gleichzeitig die Kompatibilität mit allen bestehenden widget, Apps, Add-ons und tool zu gewährleisten.
Vorteile der Verwendung von Editor 2.0 für Sie und Ihr Team
-
Erhöhte Produktivität: Verkürzt die Zeit von der Konzeption bis zur Veröffentlichung erheblich.
-
Verbesserte Website-Performance: Erreicht höhere Core Web Vitals-Werte und trägt so zu einem besseren Suchmaschinenranking bei.
-
Verbessertes Design-Erlebnis: Bietet ein pixelgenaues, responsives Design, das sich automatisch an unterschiedliche Bildschirmgrößen anpasst.
Worin unterscheidet sich Editor 2.0 vom klassischen Editor des Website Builder? Stehen mir die Funktionen des klassischen Editors zur Verfügung?
Alle bekannten Plattformkomponenten wie widget, Blogs, stores, Apps und andere tool bleiben im Editor 2.0 unverändert. Der Hauptunterschied liegt in der Designoberfläche, auf der man Elemente per Drag & Drop ablegt und deren Design anpasst.
Welche Vorteile bietet die Design-Oberfläche von Editor 2.0?
-
Schnelleres Website-Design: Bietet umfangreiche Layout-Funktionen, automatische Element-Reorganisation beim Ändern der Größe und absolute Kontrolle über Breakpoints.
-
Volles Flex-Erlebnis: Bietet ein nahtloses Flex-Erlebnis über Kopfzeilen, Abschnitte, Seiten und Fußzeilen hinweg, ohne dass zwischen Flex-Modus und Normalmodus umgeschaltet werden muss.
-
Verbesserte widget -Anpassung: Ermöglicht eine einfachere Anpassung der widget Ausrichtung, -Größenänderung und -Reihenfolge direkt auf der Design-Arbeitsfläche.
Warum führt Website Builder diesen neuen Editor ein?
Der Website Builder hat sich zum Ziel gesetzt, Webprofis in die Lage zu versetzen, Websites der nächsten Generation zu erstellen. Editor 2.0 nutzt modernste Webdesign- und Entwicklungstechnologie, um ein leistungsstarkes und intuitives Website-Erstellungserlebnis ohne Programmierkenntnisse zu bieten.
Was geschieht mit dem bestehenden Editor des Website Builder, wenn Editor 2.0 veröffentlicht wird?
Wir werden den klassischen Editor weiterhin unterstützen, sodass bestehende benutzerdefinierte Elemente verwendet und die gewohnten Arbeitsabläufe beim Erstellen von Websites beibehalten werden können.
Welche Auswirkungen hat der neue Editor 2.0 auf Websites, die ich bereits mit dem aktuellen Editor des Website Builder erstellt habe?
Die bestehende Website bleibt unverändert, und der aktuelle Editor kann weiterhin mit regulären (nicht-Flex-)Vorlagen verwendet werden. Wir empfehlen, Editor 2.0 aufgrund seiner umfassenden Funktionen zum Erstellen von Websites genauer zu betrachten.
Kann ich nach der Veröffentlichung von Editor 2.0 weiterhin Websites erstellen, die sowohl Flex- als auch Nicht-Flex-Abschnitte enthalten?
Mit der Veröffentlichung von Editor 2.0 sind die zuvor verwendeten Flex-Abschnitte auch in Editor 2.0 zugänglich, Nicht-Flex-Abschnitte hingegen nicht.
Kann ich nach der Veröffentlichung von Editor 2.0 wieder 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 wird Editor 2.0 mit benutzerdefinierten Assets umgehen, die mit dem aktuellen Editor erstellt wurden?
Editor 2.0 basiert vollständig auf der Flexbox-Technologie, wodurch alle Flex-basierten Assets, die Sie oder Ihr Team erstellt haben, mit dem neuen Editor kompatibel sind.
Editor 2.0 unterstützt diese benutzerdefinierten Designelemente:
-
Benutzerdefinierte Widgets
-
Kundenspezifische Flex-Abschnitte
-
Benutzerdefinierte Flex-Vorlagen (z. B. Vorlagen mit einem Flex-Header)
Editor 2.0 unterstützt diese benutzerdefinierten Designelemente nicht:
-
Benutzerdefinierte Vorlagen mit einem Nicht-Flex-Header
-
Kundenspezifische, nicht flexible Abschnitte
Welche Optionen gibt es für benutzerdefinierte Nicht-Flex-Vorlagen und -Abschnitte?
Sie können diese im aktuellen Editor weiterhin verwenden, da der Website Builder die Unterstützung dafür beibehalten wird. Alternativ können Sie neue benutzerdefinierte Assets mit Editor 2.0 erstellen, der einen optimierten Erstellungsprozess bietet.
Wird Editor 2.0 HTML- und CSS-Anpassungen unterstützen?
Sie haben auch in Editor 2.0 weiterhin die Möglichkeit, CSS-Dateien mithilfe des Entwicklermodus des Website Builderanzupassen. HTML-Anpassungen werden jedoch nicht unterstützt. Die verbesserte technologische Infrastruktur und die erweiterten Designmöglichkeiten von Editor 2.0 reduzieren den Bedarf an umfangreichen Codeanpassungen. Aktionen wie das Überlappen von Elementen und das Hinzufügen von mehr als vier Spalten können direkt über die Designoberfläche des Editors 2.0 durchgeführt werden.
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 ansprechende Websites erstellen, indem Sie einfach den klassischen Editor verwenden, oder Sie können Ihr Designerlebnis auch verbessern, indem Sie den Flex-Modus im klassischen Editor verwenden.
-
Einfache und schnelle Website-Erstellung: Der Classic Editor bietet eine benutzerfreundliche Oberfläche, mit der Benutzer schnell Websites erstellen können.
-
Flexibilität mit Flex Sections: Integrieren Sie vorgefertigte Flex-Sektionen und Team-Sektionen, um die Layout-Flexibilität zu erhöhen.
-
Anpassbare Kopfzeile: Passen Sie die Kopfzeilen pro Gerät an, mit Ausnahme von Tablets, die desktop Layouts spiegeln. Beachten Sie, dass Flex-Abschnitte in der Kopfzeile nicht unterstützt werden.
-
E-Commerce store Kompatibilität: Unterstützt die native store und die storevon Drittanbietern.
Im Folgenden werden die verschiedenen Flex-Sektionen und Modi Beschriftung erläutert und wie sie sich auf die verschiedenen Editor-Versionen beziehen:
-
Flex-Abschnitte: Diese ähneln den Zeilen im klassischen Editor und stellen auch den primären Bearbeitungsmodus in Editor 2.0 dar. Flex nannten wir Flex-Abschnitte oder Flex-Modus außerhalb von Editor 2.0.
-
Flex-Modus: Sie ist für Flex-Abschnitte im Classic-Editor relevant, aber im Editor 2.0 nicht anwendbar.
-
Biegen: Er 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 als Editor 2.0 bekannt): Zuvor wurde auf den Editor verwiesen, bevor er in die aktualisierte Version namens Editor 2.0 umgewandelt wurde.
Für Kunden, die sich Sorgen über den schrittweisen Übergang von All-Flex zum Editor 2.0 und seine Auswirkungen auf den Classic Editor machen, hier einige wichtige Hinweise:
-
Fortgesetzte Unterstützung für den klassischen Editor: Websites, die mit dem Classic Editor erstellt wurden, werden weiterhin vollständig unterstützt, mit fortlaufenden Bearbeitungsfunktionen.
-
Migration zwischen Editor-Versionen: Wenn Sie einen vollständigen Website-Reset durchführen, können Sie zwischen den Editor-Versionen wechseln.