Design & Layout.
DESIGNFUNKTIONEN
Dynamische Web-Erlebnisse designen für jede Bildschirmgröße.
Benutzerdefinierte Breakpoints
Füge mehrere benutzerdefinierte Breakpoints hinzu, um Websites für jede erdenkliche Bildschirmgröße zu designen und zu optimieren.
CSS-Grid
Erstelle komplexe, sich überschneidende Layouts in einem zweidimensionalen Raum mit präziser Kontrolle über die Positionierung von Elementen an jedem Breakpoint.
Repeater
Verwende dieses flexible Layout-Tool, um deine Inhalte in mehreren Boxen mit einheitlichem Styling anzuzeigen. Verbinde Repeater mit dem integrierten CMS, um nahtlos Team-Profile, Funktionslisten oder Projektgalerien zu gestalten.
Layouter
Designe modulare Flex-Layouts mit responsiven Boxen, die sich nahtlos in jeden Viewport einfügen. Du kannst aus einem großen Angebot von anpassbaren leeren Wireframes auswählen, bis hin zu vollständig designten Layoutvorschlägen.
Andocken
Beim intelligenten Andocken werden Elemente automatisch an den nächstgelegenen Kanten ihres übergeordneten Containers befestigt. Du kannst das Andocken auch manuell anpassen, um präzise Layouts in jedem Viewport zu erstellen.
Ebenen
Verwende das Ebenen-Panel, um die Reihenfolge aller Elemente auf einer Website anzuzeigen und zu verwalten, und die übergeordneten Beziehungen zwischen ihnen zu sehen. Du kannst deine Ebenen auch umbenennen, um den Überblick zu behalten.
Text skalieren
Lege eine minimale und eine maximale Schriftgröße fest, um sicherzustellen, dass sich der Text allmählich an die Bildschirmgröße anpasst.
Weitere Funktionen für Design & Layout:
Master-Elemente
Speichere Kopfzeilen, Abschnitte und Fußzeilen zur Wiederverwendung auf anderen Seiten. Um den Erstellungsprozess zu vereinfachen, werden Änderungen, die du an einem Master-Element vornimmst, überall auf der Website übernommen.
Design-Assets
Designe und speichere ganze Abschnitte als Design-Assets und verwende sie auf mehreren Websites wieder. Du kannst Design-Assets lokal auf Website-Ebene speichern oder sie in einer gemeinsam nutzbaren Design-Bibliothek ablegen, um sie auf allen Websites im selben Konto zu nutzen.
Designverwaltung
Zeige das Typografie- und Farbdesign einer Website an und bearbeite sie. Hier kannst du die Textstile und Farbpaletten der Website vollständig anpassen.
Benutzerdefinierte Menüs
Erstelle und verwalte mehrere einzigartige Menüs für jede Seite einer Website. Wähle ein Menüdesign, wähle die Elemente, die in jedem Menü erscheinen, verknüpfe sie mit verschiedenen Zielen und passe jedes Menü pro Breakpoint an.
Viewport-Höhe
Stelle einen beliebigen Abschnitt einer Website auf 100% Ansichtshöhe ein. So nimmt dieser immer die volle Höhe des Bildschirms ein, unabhängig davon, auf welchem Gerät er angezeigt wird.
Fixiert, fließend und skaliert
Steuere, wie sich Elemente bei der Größenänderung des Bildschirms verhalten. Wähle eine feste oder fließende Größe oder lege fest, dass Bilder und Text proportional zum Viewport skaliert werden.
Griffe zur Größenänderung
Verwende die Ziehgriffe zur Größenänderung auf jeder Seite der Arbeitsfläche, um eine Website in jeder Viewportbreite anzuzeigen und zu gestalten.
Stapeln
Behalte die vertikalen Ränder zwischen Elementen in jedem Viewport bei und verhindere Überlappungen auf kleineren Bildschirmen.
Container-Padding
Definiere die Abstände an allen 4 Seiten eines Containers, damit dieser immer einen bestimmten Abstand zum Rand einhält.
Kaskadierungsregel
Alle Stiländerungen, die du an einem Breakpoint vornimmst, wirken sich kaskadenartig auf kleinere Breakpoints aus, aber nicht umgekehrt.
Kopieren zwischen Breakpoints
Kopiere die Design- und Stileigenschaften eines Elements von einem Breakpoint zu einem anderen. So kannst du z. B. das Styling eines Elements auf dem Handy mit wenigen Klicks auf das gleiche Element auf dem Tablet übertragen.
Format-Kopien
Kopiere Designattribute von einem Element auf ein anderes, um deine Effizienz zu steigern. Du kannst die Formatierung eines Elements an einem bestimmten Breakpoint oder die Formatierung für alle Breakpoints kopieren.
Anker
Hilf Besuchern mit unsichtbaren Positionsmarkierungen bei der Navigation durch eine Website. Definiere ein beliebiges Element als Anker und verknüpfe es mit Buttons oder Menüpunkten auf der gesamten Website.
Font-Upload
Lade deine eigenen Schriftarten hoch und verwende sie auf jeder Website.
Maßeinheiten
Du kannst die Größe deiner Elemente in Pixeln, Prozentwerten oder entsprechend der Höhe oder Breite des Viewports angeben. Außerdem kannst du die Größe der Spalten und Zeilen in deinem Grid bestimmen, mit fr, calc und mehr.
Alle ansehen →
Und das ist erst ein Bruchteil der Möglichkeiten.
Entdecke weitere fortschrittliche Funktionen zum Erstellen, Verwalten und für den Launch von leistungsstarken Websites mit Editor X.
Kollaborations-Suite.
Optimiere deine Arbeitsabläufe und die Zusammenarbeit im Team mit erweiterten Rollen und Berechtigungen, Teamkonten, gemeinsam nutzbaren Design-Bibliotheken und vielem mehr.
Entwicklung.
Erstelle fortschrittliche Webanwendungen mit benutzerdefiniertem JavaScript und APIs auf Velo, einer integrierten offenen Entwicklungsplattform.
Codefreies CMS.
Verwende Datensammlungen, um hinter den Kulissen einer Website nahtlos dynamische Inhalte zu verwalten, ohne das Design zu verändern.
Marketing & SEO.
Nutze fortschrittliche Marketing-Integrationen, um Online-Kampagnen zu messen, den Traffic zu steigern und wertvolle Besucherinformationen zu erfassen.
Business-Lösungen.
Beantworte alle geschäftlichen Anforderungen mit den richtigen eCommerce-Tools, von leistungsstarken Online-Shops bis hin zu Abonnement- und Buchungssystemen.
