CMS: Eine dynamische Elementseite hinzufügen und einrichten

16 Min. Lesezeit
Verwende dynamische Elementseiten, um im Handumdrehen eine unbegrenzte Anzahl von Seiten zu erstellen, von denen jede ein anderes Element aus deiner CMS-Sammlung darstellt. Die dynamische Seite dient als Vorlage, wobei jedes Sammlungselement seine eigene Version und Webadresse erhält. Du kannst die URL-Struktur deiner dynamischen Seiten anpassen, um sie zu organisieren und sicherzustellen, dass jedes Element eine einzigartige URL erhält.

Beginne mit der Erstellung deiner dynamischen Elementseite und gestalte dann das Layout, indem du Elemente hinzufügst und anordnest. Verbinde die Seitenelemente wie Text und Bilder über den integrierten Datensatz mit den Feldern deiner Sammlung. Anschließend zeigt die einzigartige Version der Seite für jedes Element Inhalte aus den Sammlungsfeldern des Elements an.

Wir empfehlen, die dynamischen Elementseiten deiner Sammlung mit einer dynamischen Listenseite zu verknüpfen, die einen Katalog deiner Elemente in einem Repeater, einer Galerie oder einer Tabelle anzeigt. Wenn Besucher auf ein Element auf der dynamischen Listenseite klicken, gelangen sie zu einer dynamischen Elementseite mit weiteren Informationen zum Element.
Bevor du loslegst:
Du musst eine CMS-Sammlung erstellen, die die Elemente enthält, die jeweils in einer eigenen Version dieser dynamischen Elementseite angezeigt werden.

Schritt 1 | Eine dynamische Elementseite hinzufügen

Erstelle über das CMS-Panel in deinem Editor eine dynamische Elementseite für deine Sammlung. Dadurch wird die Seite hinzugefügt, die als Vorlage für die einzigartige Version jedes einzelnen Elements dient. Jede Version verwendet dieselbe dynamische Elementseite und vertauscht einfach die Details je nach Element.
Wix Editor
Studio Editor
  1. Öffne deinen Editor.
  2. Klicke auf der linken Seite im Editor auf CMS .
  3. Klicke auf Deine Sammlungen.
  4. Fahre mit der Maus über die entsprechende Sammlung und klicke auf das Symbol für Weitere Aktionen
  5. Klicke auf Dynamische Seite hinzufügen.
Screenshot, wie eine dynamische Seite aus einer Sammlung im Editor von Wix hinzugefügt wird.
  1. Wähle Elementseite und klicke auf Hinzufügen.
    Tipp: Wähle auch Listenseite aus, um zur Sammlung gleichzeitig eine dynamische Listenseite hinzuzufügen.

Schritt 2 | (Optional) Die Struktur des URL-Slugs ändern

Möglicherweise möchtest du die URL-Slug-Struktur deiner dynamischen Seiten ändern. Auf diese Weise kannst du die URLs auf deine eigene Weise organisieren und strukturieren.

Du könntest zum Beispiel die folgenden URL-Slug-Strukturen für deine dynamischen Seiten erstellen:
  • Dynamische Listenseite: https://www.{your-domain.com}/{collection-name}
  • Dynamische Kategorieseite: https://www.{your-domain.com}/{collection-name}/{category}
  • Dynamische Elementseite: https://www.{your-domain.com}/{collection-name}/{category}/{primary-field}

Erstelle eine URL-Slug-Struktur für deine dynamische Elementseite, die sicherstellt, dass jedes Element eine einzigartige URL hat. Ohne eine eindeutige URL kann ein Element keine eigene Version der dynamischen Elementseite haben. Erfahre mehr über das Erstellen einzigartiger URLs für dynamische Seiten.

Wenn du die URL-Slug-Struktur bearbeitest, darf die Struktur nicht bereits von anderen vorhandenen Seiten deiner Website verwendet werden. Damit die URL-Slug-Struktur einzigartig ist, darf sie nicht dasselbe Präfix haben (z. B. {Name der Sammlung}) und die gleiche Anzahl von Variablen wie eine andere Seite deiner Website, auch wenn die Variablen unterschiedlich sind.
Wichtig:
Wenn du die URL-Slug-Struktur deiner dynamischen Seiten änderst, funktionieren die vorhandenen Links zu diesen Seiten nicht mehr. Das betrifft Links innerhalb deiner Website, alle Links, die du extern geteilt hast, und SEO-Links in Suchmaschinen. Wir veröffentlichen eine Funktion, mit der du eine automatische Umleitung hinzufügen kannst, wodurch Besucher und Suchmaschinen von der alten URL zur neuen weitergeleitet werden.

Um die URL-Slug-Struktur deiner dynamischen Elementseite zu bearbeiten:

Wix Editor
Studio Editor

  1. Öffne deinen Editor.
  2. Klicke auf der linken Seite des Editors auf Seiten & Menü.
  3. Klicke auf Dynamische Seiten.
  4. Fahre mit der Maus über die gerade erstellte dynamische Elementseite und klicke rechts auf das Symbol für Weitere Aktionen .
    Tipp: Standardmäßig trägt die von dir erstellte dynamische Elementseite den Titel: {Name der Sammlung} (Element) 
  5. Klicke auf SEO.
  6. Bearbeite das Feld Struktur des URL-Slugs:
    • Klicke auf Variable hinzufügen und wähle ein Text- oder Zahlenfeld aus, um diese Werte in der Struktur des URL-Slugs zu verwenden.
    • Gib Text- oder Zahlenwerte ein, um statische Werte in der URL-Slug-Struktur zu verwenden.
    • Drücke die Enter-Taste auf deiner Tastatur, um die Änderungen an der Struktur des URL-Slugs zu speichern.
Screenshot, der zeigt, wie die URL-Slug-Struktur einer dynamischen Elementseite geändert wird.

Schritt 3 | Seitenelemente mit dem CMS verknüpfen

Standardmäßig enthält deine neue dynamische Elementseite Elemente wie Text und ein Bild, die automatisch mit den Feldern deiner CMS-Sammlung verknüpft werden.

Füge die Elemente hinzu, die du in deine dynamische Elementseite integrieren möchtest, und ordne sie an. Verbinde dann die Elemente mit den Feldern deiner CMS-Sammlung innerhalb des Datensatzes, wenn du möchtest, dass sie sich je nach Element dynamisch ändern. Lasse Elemente vom CMS getrennt, wenn du möchtest, dass ihr Inhalt in jeder Version gleich bleibt.

Du solltest auch die Standardbuttons „Zurück“ und „Weiter“ verwenden, die Besucher automatisch zum vorherigen oder nächsten Element des Datensatzes leiten. Du kannst einen zusätzlichen „Zurück“-Button zu der dynamischen Listenseite oder einem anderen Ort hinzufügen, der deine Elemente auflistet.
Wix Editor
Studio Editor
  1. (Optional) Füge Elemente zu deiner Seite hinzu (z. B. Buttons, Text, Bilder) oder entferne Elemente, die du nicht benötigst.
  2. Verknüpfe die Elemente auf deiner Seite mit deiner CMS-Sammlung:
3. Klicke auf Vorschau und verwende die Vorschau-Symbolleiste, um jede Version deiner dynamischen Elementseite zu testen.
Screenshot, der zeigt, wie die Vorschau-Symbolleiste verwendet wird, um zu überprüfen, wie andere Elemente auf der dynamischen Elementseite angezeigt werden.
4. Klicke auf Veröffentlichen, wenn du die Änderungen veröffentlichen möchtest.

FAQs

Klicke unten auf eine Frage, um mehr über das Einrichten dynamischer Elementseiten zu erfahren.

War das hilfreich?

|