Zum Inhalt springen
memberarea memberarea.io

Zeilen und Elemente im Hub

Eine Hub-Seite aus Zeilen, Spalten und Elementen bauen, sie verschieben und zwischen Hubs kopieren.

In diesem Artikel

Jeder Hub ist ein Stapel aus Zeilen. Jede Zeile ist in Spalten aufgeteilt, und jede Spalte enthält ein Element: einen Text, ein Video, eine Liste von Kursen. Diese Struktur hält Hubs auf jedem Bildschirm lesbar und lässt Sie eine Seite umbauen, ohne neu anzufangen. Dieser Artikel erklärt, wie Sie diese Struktur im Editor aufbauen und ändern.

Hubs öffnen

Öffnen Sie einen Hub mit Bearbeiten in der Hub-Liste. Der Editor zeigt Ihren Entwurf. Was Sie hier ändern, bleibt für Mitglieder unsichtbar, bis Sie veröffentlichen.

Zeilen und ihre Layouts

Klicken Sie auf Reihe hinzufügen unten auf der Seite oder zwischen zwei Zeilen. Der Dialog zeigt den Tab Layout mit zehn Layouts:

  • eine Spalte mit 100%
  • zwei Spalten mit 50% / 50%, 33% / 67%, 67% / 33%, 75% / 25% oder 25% / 75%
  • drei Spalten mit 33% / 33% / 33% oder 25% / 50% / 25%
  • vier Spalten mit je 25%
  • fünf Spalten mit je 20%

Die Zeile erscheint dort, wo Sie geklickt haben, mit einem leeren Platz pro Spalte.

Der Dialog Reihe hinzufügen mit zehn Layouts.
Der Dialog Reihe hinzufügen mit zehn Layouts.

Jede Zeile hat einen Kopfbereich mit dem Feld Titel (Optional). In der Vorschau zeigt eine Zeile ohne Titel gar keinen Kopfbereich. Der Pinsel öffnet Akzentlinie, einen Schalter für den farbigen Akzent der Zeile. Sobald Sie ihn umlegen, überträgt Auf alle Zeilen anwenden diese Wahl auf jede Zeile des Hubs.

Um das Layout einer Zeile später zu ändern, klicken Sie auf die kleine Spaltenvorschau im Kopfbereich der Zeile, beschriftet mit Layout. Ein Layout ist ausgegraut, wenn es nicht passt: Einige Elemente brauchen eine breitere Spalte bedeutet, dass ein Element zu schmal würde, In den letzten Spalten liegen noch Elemente bedeutet, dass Sie Spalten verlieren würden, die nicht leer sind. Verschieben oder löschen Sie diese Elemente zuerst.

Zeilen verschieben und entfernen

Mit den Pfeiltasten verschieben Sie eine Zeile nach oben oder unten, oder Sie ziehen sie an ihrem Griff. Der Kopfbereich der Zeile enthält außerdem Duplizieren, das direkt darunter eine Kopie einfügt, Kopieren und Löschen. Das Löschen fragt nach einer Bestätigung: „Möchten Sie die gesamte Zeile wirklich löschen? Alle darin enthaltenen Elemente werden gelöscht!“

Zeilen zwischen Hubs kopieren

Kopieren legt einen Verweis auf die Zeile in Ihre Zwischenablage. Klicken Sie in einem beliebigen Hub Ihrer Plattform auf Aus Zwischenablage einfügen neben Reihe hinzufügen, und die Zeile kommt mit ihrem Titel, Layout, ihrer Akzentlinie und allen Elementen an. Erlaubt der Browser das Lesen der Zwischenablage nicht, bittet Sie ein Eingabefeld, den Zeilenverweis von Hand einzufügen.

Elemente hinzufügen

Klicken Sie in einer leeren Spalte auf Element hinzufügen. Die Elementauswahl gruppiert Elemente in Kategorien und hat eine Suche, die Namen und Beschreibungen durchsucht. Jede Karte zeigt die Breiten, die das Element unterstützt. Ein Element, das nicht in die Spalte passt, ist mit In dieser Spaltenbreite nicht verfügbar markiert. Elemente, die in jeder Breite funktionieren, zeigen Alle Größen.

Die Elementauswahl mit Breitenangaben auf den Karten und einem deaktivierten Element.
Die Elementauswahl mit Breitenangaben auf den Karten und einem deaktivierten Element.

Ein Klick auf eine Karte öffnet eine Vorschau, in der Sie zwischen Demo-Inhalt und Leerer Zustand wechseln können. Element hinzufügen platziert das Element; die Schaltfläche bleibt deaktiviert, wenn das Element nicht in die Spalte passt. Das neue Element wird sofort gespeichert, und seine Einstellungen öffnen sich daneben. Ab dann werden Änderungen kurz nach dem Tippen automatisch gespeichert. Der Kopfbereich zeigt Wird gespeichert, Gespeichert oder, wenn etwas schiefging, Speichern fehlgeschlagen.

Die vollständige Liste der Elemente steht in Übersicht der Elementtypen.

Elemente ändern, verschieben und kopieren

Die Werkzeugleiste des Elements enthält die Einstellungen. Je nach Element finden Sie dort auch Layout für die visuelle Variante und Box für den Rahmen. Das Elementmenü bietet:

  • Element duplizieren, nur sichtbar, solange die Zeile noch eine freie Spalte hat
  • Element kopieren, zum Einfügen in eine leere Spalte mit Aus Zwischenablage einfügen
  • Element löschen, das mit Element löschen? nachfragt, bevor es etwas entfernt

Um ein Element zu verschieben, ziehen Sie es in eine andere Spalte, in derselben oder einer anderen Zeile. Legen Sie es auf einer vollen Zeile mit gleich breiten Spalten ab, erhält diese Zeile eine Spalte mehr, bis zu fünf. Zwei Meldungen können das Verschieben verhindern: Dieses Element braucht eine breitere Spalte und Keine freie Spalte in dieser Zeile.

Vor dem Veröffentlichen prüfen

Wechseln Sie im Kopfbereich zwischen Bearbeiter und Vorschau. Die Vorschau blendet die Bearbeitungselemente aus, zeigt leere Spalten als freien Raum und lässt Sie die Seite auf Desktop, Tablet und Mobil prüfen.

Tipp

Die Veröffentlichen-Schaltfläche im Kopfbereich zeigt eine Zahl für die Elemente, die seit der letzten Veröffentlichung hinzugefügt, entfernt oder geändert wurden, plus eins, wenn sich die Zahl der Zeilen geändert hat. Änderungen an Titeln, Layouts oder der Reihenfolge der Zeilen werden nicht gezählt, machen die Schaltfläche aber trotzdem aktiv.

Das Veröffentlichen erklärt Hub-Vorlagen und Veröffentlichen.

Last updated on October 22, 2026

War dieser Artikel hilfreich?

Verwandte Artikel