Im Editor können Sie einer Zeile verschiedene Arten von Hintergründen und Effekten hinzufügen sowie ihre allgemeinen Einstellungen und Funktionen ändern.
Was ist eine Zeile?
Eine Zeile ist ein horizontaler Abschnitt auf Ihrer Seite, der vorab mit Inhalt gefüllt wurde. Innerhalb einer Zeile können Sie bis zu 12 Spalten zum Organisieren Ihrer Inhalte haben. Sie können der Zeile jederzeit weiteren Inhalt hinzufügen oder vorhandenen Inhalt neu anordnen und löschen. Weitere Informationen zu Zeilen, Spalten und Modulen finden Sie in diesem Artikel.
Wie ändere ich eine Zeile?
Wenn Sie im Editor arbeiten, bewegen Sie ihre Maus über die zu ändernde Zeile und die gelbe Beschriftung Zeile wird in der oberen rechten Ecke der Zeile angezeigt. Bewegen Sie die Maus über das Label und mehrere Einstellungen werden in der Dropdown-Liste angezeigt.
Wenn Sie auf eines der Elemente unter Design und Einstellungen in der Dropdown-Liste klicken, wird das Menü Zeileneinstellungen geöffnet.
Design
Hintergrundfarbe und Bild
Zu einem Reihenhintergrund können verschiedene Elemente hinzugefügt werden.
Hintergrundfarbe: Fügen Sie eine einzelne Farbe als Zeilenhintergrund hinzu. Sie können die Transparenz der Hintergrundfarbe bei Bedarf anpassen.
Hintergrundbild: Fügen Sie ein Bild als Zeilenhintergrund hinzu. Sie können wählen, ob Sie ein Bild aus Ihrer Dateibibliothek auswählen oder direkt ein neues hochladen möchten. Sie können einstellen, wie das Bild in der Zeile wiederholt werden soll, seine Größe und Position, um sicherzustellen, dass Sie den besten Weg finden, das Bild Ihren Besuchern anzuzeigen.
Neben den Standard-Bildeinstellungen können Sie auch festlegen, wie sich das Hintergrundbild in der Zeile verhalten soll, wenn ein Besucher die Seite nach unten scrollt. Wenn Sie die Option Fixierte Position aktivieren, wird das Bild nicht verschoben, wenn ein Besucher auf Ihrer Seite nach unten scrollt. Wenn Parallax-Scrolling-Effekt aktiviert ist, bewegt sich das Bild beim Scrollen nach unten langsamer als der Vordergrund und verleiht Ihrer Website einen Hauch von Tiefe.
Hintergrundvideo
Aktivieren Sie das Hintergrundvideo und fügen Sie Ihre Video-URL in das Feld ein. Das Video wird automatisch abgespielt, wenn ein Besucher die Seite öffnet, auf der sich die Zeile befindet.
Der Editor unterstützt die folgenden Videoerweiterungen und Quellen für Reihenhintergrundvideos: MP4, WEBM, OGG, YouTube und Vimeo.
Hintergrundfilter
Fügen Sie einen Hintergrundfilter über die Hintergrundfarbe, das Bild oder das Video Ihrer Zeile ein, um sehr bunte Bilder oder Bilder mit scharfen Kontrasten abzudunkeln. Dies ist auch eine gute Methode, um sicherzustellen, dass der Text in der Zeile für die Besucher leicht lesbar ist. Denken Sie daran, dass Sie auch den Transparenzgrad Ihres Hintergrundfilters anpassen können.
Beispiel eines verwendeten Hintergrundfilters über einem Bild:
Wenn Sie mit Bildbearbeitungs-Software vertraut sind, können Sie auch ein Hintergrundbild als Filter hinzufügen. Durch das Hochladen von transparenten Overlays, die mit einer Bildbearbeitungs-Software erstellt wurden, können mehrfarbige oder Pixelmuster-Overlays erstellt werden, die Ihrem Bild Lebendigkeit und Komplexität verleihen.
Hier einige Beispiele für Bildüberlagerungen, die in einer Bildbearbeitungs-Software erstellt und als Hintergrundfilterbild in den Editor hochgeladen wurden:
Rahmen
Fügen Sie der Zeile einen Rahmen hinzu und passen Sie den Rahmenstil, die Farbe, die Dicke und den Radius an.
Abstand
Passen Sie den Außenabstand (Abstand außerhalb der Zeile) und den Innenabstand (Abstand zwischen dem Zeileninhalt und dem Rahmen der Zeile) an.
Ziehen Sie die Zeile, um mehr Abstand hinzuzufügen
Eine visuellere Möglichkeit den Rand anzupassen besteht darin, die untere Kante der Zeile zu ziehen, um einen Abstand zwischen dieser und der darunter liegenden Zeile zu schaffen. Bewegen Sie die Maus über die Zeile und ziehen Sie an der blauen Leiste, die unten angezeigt wird.
Container
Ein Container ist ein Bereich in der Zeile, in dem an allen Seiten Innenabstände hinzugefügt werden. Der gesamte Zeileninhalt ist innerhalb dieses "Frames" gebunden. Mit einem Container können Sie sicher sein, dass sich Ihr Inhalt nicht über die gesamte Breite des Ansichtsfensters erstreckt, was sonst das Lesen oder den Überblick für Besucher erschwert hätte.
Zeilen im Editor wird standardmäßig ein Container hinzugefügt. Sie können festlegen, dass dieser sich über die gesamte Breite der Zeile erstreckt, indem Sie die Einstellung Container mit fließender Breite aktivieren. Darüber hinaus können Sie den Rahmenradius und den Innenabstand für den Container festlegen.
Im Abschnitt "Fließende/feste Zeile" unten finden Sie eine visuelle Darstellung des Aussehens einer fließenden gegenüber einer festen Zeile.
Fließende/feste Zeile
Eine Zeile kann entweder auf fließend oder fest eingestellt werden. Eine feste Zeile stellt sicher, dass der Inhalt immer in einer festen Breite zentriert ist, auch wenn der Bildschirm breiter als der Inhalt ist. Durch eine fließende Zeile kann der Inhalt unabhängig von der Bildschirmgröße auf die gesamte Breite des Browsers ausgedehnt werden. Es ist möglich, Zeilen mit unterschiedlichen Einstellungen auf derselben Seite zu haben.
Beispiel einer festen Zeile:
Beispiel einer fließenden Zeile:
Animation hinzufügen
Fügen Sie einer Reihe einen von vier Animationstypen hinzu, die ausgelöst werden, sobald der Besucher die Zeile in seinem Browser anzeigt.
Typ 1: Links einblenden
Typ 2: Rechts einblenden
Type 3: Hineinzoomen
Type 4: Aufhüpfen
Zeile duplizieren oder kopieren
Wenn Sie eine Zeile auf Ihrer Website an einer anderen Stelle wiederverwenden möchten, können Sie sie entweder duplizieren oder kopieren.
Beim Duplizieren einer Zeile wird eine Kopie der Zeile erstellt und sofort unter der ursprünglichen Zeile eingefügt.
Wenn Sie die Kopierfunktion verwenden, können Sie die Zeile an einer beliebigen Stelle auf Ihrer Website einfügen (auch auf anderen Seiten als der, an der Sie gerade arbeiten). Um eine Zeile zu kopieren und an einer anderen Stelle einzufügen, navigieren Sie zu Duplizieren/Kopieren und wählen Sie Kopieren. Gehen Sie zu der Seite, auf der Sie die Zeile einfügen möchten, bewegen Sie die Maus auf die Zeile, unter der die neue Zeile angezeigt werden soll, und wählen Sie Duplizieren / Kopieren> Einfügen.
Eine Zeile löschen
Sie können eine Zeile löschen, indem Sie mit der Maus über die Zeile fahren und in der Dropdown-Liste die Option Löschen auswählen. Denken Sie daran, dass Sie die Aktion mit der Rollback-Funktion des Editors rückgängig machen können.