Anleitungen/Inhalte erstellen/Design/Blöcke sollen beim Scrollen sichtbar bleiben

Blöcke sollen beim Scrollen sichtbar bleiben

Ein oben gehaltenes Element ist ein Block deiner Website, der „fixiert“ bleibt, wenn ein Besucher auf deiner Seite nach unten scrollt. In diesem Ratgeber wird mit gängigen Beispielen für Buttons, Header und Menüs erklärt, wie du oben gehaltene Elemente erstellen kannst. Verwende dieselben Schritte, um andere Elemente auf deiner Website oben zu halten.

Video-Tutorial

So erstellst du einen oben gehaltenen Header und ein Banner

Jedes Element oben halten

Um einen Block oder eine Gruppe von Blöcken oben zu halten, platzierst du den Block/die Blöcke innerhalb eines Gruppenblocks, der eine spezielle „Oben gehalten“-Positionseinstellung aufweist. Befolge diese Schritte, um ein oben gehaltenes Element auf deiner Website zu erstellen:

  1. Rufe das Dashboard deiner Website auf.
  2. Navigiere zu Seiten, Beiträge oder Design → Templates, um die Inhalte zu bearbeiten, die oben gehalten werden sollen.
  3. Wähle links oben im Editor die Option Listenansicht aus. Das Icon besteht aus drei horizontalen Linien übereinander.
  4. Wähle einen bestehenden Gruppenblock aus oder erstelle einen neuen.
    • Um schnell eine Gruppe zu erstellen, wähle mehrere Elemente aus, klicke auf die drei Punkte () und wähle Gruppe aus, um sie in einem Gruppenblock zu platzieren.
    • Damit ein Element oben gehalten wird, muss es sich in einer Position der obersten Ebene befinden (d. h. es darf nicht in anderen Blöcken verschachtelt sein).
  5. Suche in der Seitenleistemit den Gruppenblockeinstellungen den Abschnitt Position und wähle in der Dropdown-Liste die Option Oben gehalten aus.
  6. Klicke auf Speichern, um die Änderungen auf dein Template anzuwenden.

Weitere Informationen zum weiteren Anpassen des Stils und Layouts eines Gruppenblocks, in dem sich deine oben gehaltenen Elemente befinden.

Ein oben gehaltenes Menü erstellen

Ein oben gehaltenes Menü zu erstellen bedeutet, dass das gesamte Menü „fixiert“ bleibt, während der Leser auf der Seite nach unten scrollt. Befolge diese Schritte, um ein oben gehaltenes Menü zu erstellen:

  1. Navigiere in deinem Dashboard zu Design → Editor.
  2. Wähle den Tab Templates aus und klicke auf das Template mit deinem Header.
  3. Klicke in der linken oberen Ecke auf das Icon Listenansicht.
  4. Wähle den Navigationsblock aus und stelle sicher, dass es sich um ein Element der obersten Ebene handelt (in den meisten Fällen ist ein Navigationsblock in einem Header-Template-Teil oder einem ähnlichen Layoutelement verschachtelt, sodass du ihn selbst aus dem Element ziehen musst.)
  5. Klicke auf die drei Punkte () neben dem Element des Navigationsblocks und wähle Gruppe aus, um das Menü in einem Gruppenblock zu platzieren.
  6. Setze in der Seitenleiste mit den Block-Einstellungen die Position auf Oben gehalten.
    • Du kannst auch die Hintergrundfarbe der Gruppe ändern, damit der Text des Menüs lesbar ist, wenn es über verschiedene Inhalte scrollt.
  7. Klicke auf Speichern.

Weitere Informationen zum weiteren Anpassen des Stils und Layouts eines Gruppenblocks, in dem sich deine oben gehaltenen Elemente befinden.

Einen oben gehaltenen Header erstellen

Ein oben gehaltener Header bleibt auf dem Bildschirm fixiert, während dein Besucher durch deine Website scrollt. Erfahre, wie du einen oben gehaltenen Header erstellst.

Copied to clipboard!