CMS: Dynamische Seiten erstellen, die Elemente nach Kategorie anordnen
26 Min. Lesezeit
Verwalte die Elemente deiner CMS-Sammlung (Content Management System) mit dynamischen Seiten nach Kategorien auf deiner Website. Du kannst eine dynamische Kategorieseite mit einer anderen Version für jede Kategorie erstellen. In jeder Version sehen Besucher eine Liste der Elemente innerhalb der Kategorie und können per Mausklick die bestimmten Elemente anzeigen.
Nehmen wir zum Beispiel an, du bist ein Buchblogger und hast Bewertungen für viele verschiedene Genres wie Krimis, Liebesromane und Fantasy. Indem du dynamische Seiten für jedes Genre einrichtest, können Buchinteressenten ganz einfach zu den Bewertungen navigieren, die sie interessieren, und dadurch ihr Nutzererlebnis verbessern.
In dieser Anleitung erfährst du, wie du dynamische Seiten für jede Kategorie einrichtest, URL-Strukturen anpasst, deine Seiten personalisierst und bei Bedarf eine übergreifende dynamische Seite erstellst, die all deine Kategorien anzeigt.
Bevor du loslegst:
- Du benötigst eine CMS-Sammlung mit Elementen, die du kategorisieren möchtest.
- Du benötigst eine dynamische Elementseite für deine Sammlung. Du musst von deiner dynamischen Kategorieseite einen dynamischen Link zu dieser Seite hinzufügen, auf den Besucher klicken können, um Details zu einem bestimmten Element anzuzeigen.
Schritt 1 | Ein Feld zum Kategorisieren deiner Sammlungselemente hinzufügen
Um verschiedene Elementkategorien auf deiner Website anzuzeigen, benötigt deine Sammlung ein Feld, das definiert, zu welcher Kategorie jedes Element gehört. Füge ein „Kategorie“-Feld zu deiner Sammlung hinzu oder wähle es aus und gib dann Werte in das Feld ein, um die einzelnen Elemente zu kategorisieren.
Um ein „Kategorie“-Feld zu deiner Sammlung hinzuzufügen:
- Öffne den Bereich CMS in deiner Website-Verwaltung. Alternativ kannst du in deinem Editor auch auf CMS
klicken und anschließend auf Deine Sammlungen.
- Klicke auf die entsprechende Kategorie.
- Klicke auf Felder verwalten.
- Klicke auf + Feld hinzufügen, wähle den Feldtyp Text oder Nummer und klicke auf Feldtyp auswählen.
- Gib den Feldnamen ein (z. B. Kategorie).
- (Optional nur für Velo) Aktualisiere die Feld-ID, die im Code der Website verwendet wird. Du kannst diese ID später nicht aktualisieren.
- (Optional) Gib den Hilfetext ein, der in deiner Sammlungsansicht als Hilfetext neben dem Feldnamen angezeigt wird.
- (Optional) Klicke auf den Tab Validierungen, um dieses Feld als Pflichtfeld festzulegen, die Zeichenanzahl zu begrenzen oder nur bestimmte Werte zu akzeptieren. Erfahre mehr über das Hinzufügen von Feldvalidierungen.
- (Optional) Klicke auf den Tab Standardwert, um Text hinzuzufügen, der für jedes neue Element in der Sammlung automatisch hinzugefügt wird. Erfahre mehr über das Hinzufügen von Standardwerten zu Feldern.
- Klicke auf Speichern.
![Screenshot, der zeigt, wie ein neues Feld gespeichert wird, das zum Kategorisieren von Sammlungselementen verwendet wird.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/04/12/0498eab1-5252-4f4d-adc3-11031dee6c82/7876474d-eeca-47d3-8a12-8ceac3a85e34.png)
- Gib den Namen der Kategorie, zu der jedes Element gehört, in das neue Feld „Kategorie“ ein. Achte auf die Rechtschreibung und Großschreibung und verwende für jede einzelne Kategorie die gleiche Anzahl von Leerzeichen.
![Screenshot eines Kategoriesammlungsfelds mit Werten für die einzelnen Elemente.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/04/12/58567d41-a724-44bf-b596-0dd71c160780/401a7375-e8f7-409a-9a0f-5ef965d4e934.png)
Schritt 2 | Eine dynamische Seite hinzufügen, die Elemente nach Kategorie anordnet
Erstelle eine neue dynamische Listenseite für deine Sammlung. Später dient diese dynamische Seite als Template mit verschiedenen Versionen für jede Kategorie. Jede Version zeigt nur Elemente an, die zu der entsprechenden Kategorie gehören.
Wix Editor
Studio Editor
- Öffne deinen Editor.
- Klicke auf der linken Seite im Editor auf CMS
.
- Klicke auf Deine Sammlungen.
- Fahre mit der Maus über die entsprechende Sammlung und klicke auf das Symbol für Weitere Aktionen
.
- Klicke auf Dynamische Seite hinzufügen.
![Screenshot vom Hinzufügen einer dynamischen Seite für eine Sammlung.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/04/12/6c9a6421-f579-4a93-b5e0-547fd3e78394/47a8f771-a88b-4ef1-99f8-348d60140103.png)
- Wähle Listenseite und klicke auf Hinzufügen.
Schritt 3 | Die Struktur des URL-Slugs ändern
Du musst deine neue dynamische Listenseite in eine dynamische Elementseite umwandeln, die Elemente nach Kategorie anordnet. Bearbeite dazu die URL-Slug-Struktur der Seite. Achte darauf, dass du dein „Kategorie“-Feld als Variable hinzufügst und die Slug-Struktur für deine Website einzigartig bleibt.
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.
Einzigartige URL-Slug-Struktur
Die URL-Slug-Struktur kann 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.
Das CMS lässt das Speichern von Änderungen an der URL-Slug-Struktur nicht zu, wenn sich diese mit einer bestehenden Struktur überschneidet. Deshalb solltest du vielleicht die Strukturen des URL-Slugs der anderen dynamische Seiten deiner Sammlung ändern.
Beispiel für sich überschneidende URL-Slug-Strukturen, die nicht verwendet werden können
Wie wird eine dynamische Listenseite in eine dynamische Elementseite umgewandelt?
Wenn du eine dynamische Seite erstellst, wird deiner Sammlung ein „Seitenlink“-Feld hinzugefügt. Das „Seitenlink“-Feld generiert die tatsächlichen URL-Slug-Werte für jedes Element in deiner Sammlung, basierend auf der URL-Slug-Struktur der dynamischen Seite.
Wenn du die URL-Slug-Struktur der dynamischen Seite bearbeitest, werden die Werte des „Seitenlink“-Felds entsprechend angepasst. Wenn mehrere Elemente in deiner Sammlung den gleichen Seitenlink-Wert (URL-Slug) haben, bestimmt das CMS, dass diese Elemente dieselbe Seite haben sollten. So wird die dynamische Seite in eine dynamische Elementseite mit einer anderen Version für jeden einzigartigen Seitenlink-Wert (URL-Slug) umgewandelt.
Ein Beispiel für doppelte Werte in „Seitenlink“-Feldern einer Sammlung
Dynamische Kategorieseiten aus kombinierten Feldvariablen erstellen:
Du kannst dynamische Kategorieseiten mit Versionen für jede einzigartige Kombination von Feldwerten erstellen. Wenn du mehrere Feldvariablen zur URL-Slug-Struktur einer dynamischen Seite hinzufügst, werden die Werte im Feld „Seitenlink“ kombiniert. Wenn dieses Feld für mehrere Elemente gleich ist, wird die dynamische Seite in eine dynamische Elementseite mit Versionen für jeden einzigartigen Seitenlink-Wert (URL-Slug) konvertiert.
Beispiel-Strukturen für URL-Slugs, die du erstellen kannst
Du kannst jeden Text oder jedes Nummernfeld als Variable in den URL-Slug-Strukturen deiner dynamischen Seiten verwenden. Du könntest zum Beispiel die folgenden URL-Slug-Strukturen für deine dynamischen Seiten erstellen:
- Dynamische Elementseite: https://www.{deine-domain.de}/{name-der-sammlung}/kategorie}/{primärfeld}
- Dynamische Kategorieseite: https://www.{deine-domain.de}/{name-der-sammlung}/{kategorie}
- Dynamische Listenseite: https://www.{deine-domain.de}/{name-der-sammlung}
Um die URL-Slug-Strukturen deiner dynamischen Seiten zu bearbeiten:
Wix Editor
Studio Editor
- Öffne deinen Editor.
- Klicke auf der linken Seite des Editors auf Seiten & Menü
.
- Klicke auf Dynamische Seiten.
- Bearbeite die URL-Slug-Strukturen der dynamischen Seiten, die mit deiner Sammlung verknüpft sind. Klicke für eine Anleitung hierfür unten auf den entsprechenden dynamischen Seitentyp:
Dynamische Elementseite (zur Anzeige einzelner Elemente)
Dynamische Seite (die Elemente pro Kategorie anzeigt)
Dynamische Listenseite (zur Anzeige aller Sammlungselemente)
Schritt 4 | Deine dynamische Kategorieseite anpassen
Deine dynamische Kategorieseite sollte jetzt als dynamische Elementseite mit unterschiedlichen Versionen für jede deiner Kategorien dienen. In jeder Version hat ein Repeater verschiedene Elemente, die bereits mit den Feldern deiner CMS-Sammlung verknüpft sind, um Details zu jedem Element innerhalb der Kategorie anzuzeigen.
Du kannst Elemente zum Repeater hinzufügen oder entfernen, ihre CMS-Verknüpfungen ändern und die Größe des Repeaters ändern. Verwende die Vorschau-Symbolleiste, um dir anzusehen, wie die einzelnen Versionen deiner Seite aussehen. Wir empfehlen, den Text oben auf der Seite mit dem „Kategorie“-Feld deines CMS zu verknüpfen, damit jede Version den Namen der Kategorie oben anzeigt.
Möchtest du eine Galerie oder eine Tabelle anstelle eines Repeaters verwenden?
Um deine dynamische Kategorieseite anzupassen:
Wix Editor
Studio Editor
- Öffne deinen Editor.
- Öffne deine dynamische Kategorieseite:
- Klicke auf der linken Seite des Editors auf Seiten & Menü
.
- Klicke auf Dynamische Seiten.
- Klicke auf die dynamische Kategorieseite, die du in den Schritten des vorherigen Abschnitts erstellt hast.
- Klicke auf der linken Seite des Editors auf Seiten & Menü
![Screenshot der Auswahl der dynamischen Kategorieseite im Wix Editor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/05/02/b1c3c7b6-21f2-47bd-9675-3378c3233050/31692463-a0a9-4bf3-850d-3bc3142db0b0.png)
- (Optional) Füge Elemente zu deinem Repeater hinzu (z. B. Buttons, Text, Bilder) oder entferne Elemente, die du nicht benötigst. Du kannst die Größe des Repeaters anpassen, sodass alle Elemente darin angezeigt werden können.
- Klicke auf das Repeater-Element und wähle das Symbol für Mit CMS verknüpfen
.
- Klicke rechts im Panel Repeater verknüpfen auf das Element, das du verknüpfen möchtest.
- Klicke unter Verknüpfungen auf die entsprechenden Aufklappmenüs, um das Element mit dem entsprechenden Feld der Sammlung oder der Datensatzaktion zu verknüpfen. Die Optionen variieren je nach Elementtyp.
Tipps:
- Verknüpfe den Text oben auf der Seite mit deinem „Kategorie“-Feld, damit er sich dynamisch anpasst, je nachdem, welche Kategorie angezeigt wird.
- Verknüpfe das Bild oder den Button in deinem Repeater mit deiner dynamischen Elementseite, die zur Anzeige eines einzelnen Elements verwendet wird.
![Screenshot, der zeigt, wie ein Button mit der dynamischen Elementseite verknüpft wird.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/04/26/5ad8d857-dcb9-4dd4-800a-ad8bb4f1257f/fcfc89f5-45e0-44ee-9e8a-bb7d33ff6568.png)
- Klicke oben im Panel auf Repeater-Verknüpfungen.
- Wiederhole die Schritte 3 bis 7 oben, um die Elemente mit Sammlungsfeldern oder Datensatzaktionen zu verknüpfen.
![Screenshot der CMS-Verknüpfungen des Repeaters auf einer dynamischen Kategorieseite.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/04/26/27092e12-2878-4a0b-8027-3b59f6329ef5/30dbbeaf-c4c5-489c-918b-812079f310d0.png)
- Klicke, um deine Repeater-Elemente nach Bedarf anzupassen.
Tipp: Du kannst jederzeit Elemente zu deinem Repeater hinzufügen oder daraus entfernen. Trenne die Verbindung zu Elementen, wenn du statische Inhalte verwenden möchtest, die sich nicht ändern. - Klicke auf Vorschau und verwende die Symbolleiste, um jede einzelne Version deiner dynamischen Kategorieseite zu testen.
Tipp: Wenn du im Vorschaumodus eine 404-Fehlermeldung erhältst, speichere die Version und lade deinen Editor erneut. Versuche es dann erneut.
![Screenshot, der zeigt, wie die Vorschau-Symbolleiste verwendet wird, um andere Versionen einer dynamischen Seite anzuzeigen.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/04/26/6885d0f6-64e3-4d3a-9175-e4e0c73a6d74/13e78a47-6028-468b-b1aa-a40860ed0c33.png)
- Klicke auf Veröffentlichen, wenn du die Änderungen veröffentlichen möchtest.
Schritt 5 | (Optional) Eine dynamische Seite erstellen, die deine Kategorien anzeigt
Nachdem du nun eine dynamische Seite mit unterschiedlichen Versionen für jede deiner Kategorien hast, möchtest du vielleicht eine Seite erstellen, die all diese Kategorien anzeigt. Auf diese Weise können Besucher einen Index all deiner Kategorien anzeigen und gelangen dann per Klick zur entsprechenden Version der dynamischen „Kategorie“-Seite, die du zuvor erstellt hast.
Dazu benötigst du eine separate Sammlung mit einem Element für jede deiner Kategorien. Deine „Kategorien“-Sammlung benötigt ebenfalls ein Multi-Referenzfeld, das auf Elemente aus deiner Hauptsammlung verweist. Du kannst auch ein Bildfeld für das Bild jeder Kategorie und ein Textfeld hinzufügen, um eine kurze Beschreibung jeder Kategorie hinzuzufügen.
Füge anschließend eine dynamische Listenseite für deine „Kategorien“-Sammlung hinzu. Du musst einen Datensatz hinzufügen, der mit deiner Hauptsammlung verknüpft ist, und benötigst einen Filter, der das Feld Titel („Kategorien“) aus deiner „Kategorien“-Sammlung enthält. Passe die Seite an und ändere bei Bedarf die URL-Slug-Struktur.
a | Eine Sammlung erstellen, um deine Kategorien anzuzeigen
- Öffne den CMS-Bereich in deiner Website-Verwaltung.
- Klicke oben rechts auf + Sammlung erstellen.
- Klicke auf Neue Sammlung und dann auf Weiter.
- Gib einen Namen für deine Sammlung ein, lasse Mehrere Elemente (Standard) ausgewählt und klicke auf Erstellen.
- Füge ein Multi-Referenzfeld hinzu, das auf deine Hauptsammlung verweist:
- Klicke auf Feld hinzufügen, wähle Multi-Referenz und klicke dann auf Feldtyp auswählen.
- Gib den Feldnamen ein.
- Klicke auf das Aufklappmenü Referenz-Sammlung, wähle die Hauptsammlung aus, die dein „Kategorie“-Feld enthält, und klicke dann auf Speichern.
![Screenshot, wie du ein Multi-Referenzfeld zu einer Kategorie-Sammlung hinzufügst.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/04/29/f106269f-954c-41d8-8875-cc86eb163479/bd578835-54d3-40fe-a303-79ea7b5cfa8f.png)
- (Optional) Füge weitere Felder hinzu, die auf deiner Kategorieseite angezeigt werden sollen (z. B. Bild, Text). Du könntest beispielsweise ein Bildfeld hinzufügen, um für jede Kategorie ein Bild anzuzeigen.
- Füge für jede Kategorie ein neues Element hinzu:
- Klicke auf + Element hinzufügen.
- Gib den Namen einer deiner Kategorien in dein primäres Titelfeld ein.
- Klicke auf Multi-Referenz und wähle die Elemente aus, die ein Kategoriefeld haben, das mit dem primären Titelfeld dieses Elements übereinstimmt.
- Fülle alle zusätzlichen Felder aus, die du für dieses Element/diese Kategorie hinzugefügt hast.
- Wiederhole diese Schritte, um Elemente für jede Kategorie hinzuzufügen.
![Screenshot einer Kategorien-Sammlung mit Multi-Referenzfeldern.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/04/29/96869916-2d83-490f-b0a3-49ae2efa1eaa/47d57bf9-1725-4c7d-942c-4e824d007239.png)
b | Eine dynamische Seite zum Anzeigen deiner Kategorienliste hinzufügen
Wix Editor
Studio Editor
- Öffne deinen Editor.
- Klicke auf der linken Seite im Editor auf CMS
.
- Klicke auf Deine Sammlungen.
- Fahre mit der Maus über die Kategorie, die du gerade erstellt hast, um deine Kategorien anzuzeigen, und klicke auf das Symbol für Weitere Aktionen
.
- Klicke auf Dynamische Seite hinzufügen.
![Screenshot vom Hinzufügen einer dynamischen Seite.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/04/29/f018c1b7-c024-48e7-9f13-1340fb0ede43/f288bf12-4c81-4394-8eae-1cc2d37d267d.png)
- Wähle Listenseite und klicke auf Hinzufügen.
- Füge einen Datensatz hinzu, der mit deiner Hauptsammlung verknüpft ist, und einen Filter verwendet, der das Feld Titel („Kategorien“) aus deiner „Kategorien“-Sammlung enthält:
- Klicke auf der linken Seite im Editor auf CMS
.
- Klicke auf Content-Elemente hinzufügen und wähle dann Datensatz aus.
- Klicke auf das Aufklappmenü, wähle die Hauptkategorie aus und klicke auf Erstellen.
- Klicke rechts im Panel Datensatzeinstellungen auf + Filter hinzufügen.
- Klicke auf das Aufklappmenü Feld und wähle das Feld deiner Kategorie aus.
- Wähle unter Wertquelle die Option Anderer Datensatz aus.
- Klicke auf das Aufklappmenü Datensatz und wähle deine Sammlung aus, die die Kategorien auflistet.
- Lass im Aufklappmenü Feld die Option Titel ausgewählt und klicke auf Filter hinzufügen.
- Klicke auf der linken Seite im Editor auf CMS
![Screenshot, wie ein Filter zum Datensatz hinzugefügt wird.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/04/29/98e1880d-f52d-49d1-873f-f5b69c79efce/de93471d-5f61-4ada-a019-a21d765ef458.png)
- Verknüpfe die „Mehr lesen“-Buttons in deinem Repeater mit deiner dynamischen Kategorieseite:
- Klicke auf den Button in deinem Repeater und wähle das Symbol für Mit CMS verknüpfen
.
- Klicke auf das Aufklappmenü Datensatz wählen und wähle den von dir gerade hinzugefügten Datensatz aus, der mit deiner Hauptsammlung verknüpft ist.
- Klicke auf das Aufklappmenü Beim Klicken verknüpfen mit und wähle die dynamische Kategorieseite aus.
- Klicke auf den Button in deinem Repeater und wähle das Symbol für Mit CMS verknüpfen
![Screenshot der Verknüpfung zur dynamischen Kategorieseite.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/04/29/2d51e759-b422-4639-9fa3-5cd3d717c573/242dc87d-1750-4439-a2f9-a1cdc1a5d246.png)
- (Optional) Füge Elemente zu deinem Repeater hinzu (z. B. Buttons, Text, Bilder) oder entferne Elemente, die du nicht benötigst. Du kannst die Größe des Repeaters anpassen, sodass alle Elemente darin angezeigt werden können.
- Klicke auf den Repeater und wähle das Symbol für Mit CMS verknüpfen
, um die Verknüpfungen zwischen den Elementen und deiner Sammlung anzupassen.
![Screenshot der Anpassung der CMS-Verknüpfungen in einem Repeater.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/04/29/c6a289f7-0449-47fc-8c04-d340f3a45078/6f9d9eff-f4b9-4514-81f6-ee8ef7fd91ee.png)
- (Optional) Ändere die Struktur des URL-Slugs dieser dynamischen Seite.
- Klicke auf Vorschau, um deine Verknüpfungen zu testen.
- Klicke auf Veröffentlichen, wenn du die Änderungen veröffentlichen möchtest.
Häufig gestellte Fragen (FAQs)
Unten findest du Antworten auf häufig gestellte Fragen zur Erstellung dynamischer Kategorieseiten.
Warum erhalte ich eine 404-Fehlermeldung, wenn ich eine Vorschau meiner neuen dynamischen Kategorieseite anzeige?
Kann ich in meinem Website-Menü Links zu meinen dynamischen Kategorieseiten hinzufügen?
Kann ich „Mehr laden“- oder Navigationsbuttons zu meinen dynamischen Seiten hinzufügen?
War das hilfreich?
|