Wix Helpcentrum
    Home
  1. Een website maken
  2. Geavanceerde functies
  3. CMS
  4. Met dynamische pagina's en het CMS werken
    5. CMS: Dynamische pagina's maken die items per categorie weergeven

CMS: Dynamische pagina's maken die items per categorie weergeven

Leestijd 26 minuten
Organiseer je CMS-verzamelingsitems per categorie op je website met dynamische pagina's. Je kunt een dynamische 'categorie'-pagina maken met voor elke categorie een andere versie. In elke versie bekijken bezoekers een lijst met de items binnen de categorie en kunnen ze klikken om de specifieke items te bekijken. 

Laten we bijvoorbeeld zeggen dat je een boekenblogger bent met recensies voor veel verschillende genres, zoals mysterie, romantiek en fantasie. Door dynamische pagina's in te stellen voor elk genre, kunnen je bezoekers gemakkelijk navigeren naar de beoordelingen waarin ze geïnteresseerd zijn, waardoor hun ervaring wordt verbeterd.

Deze gids laat zien hoe je dynamische pagina's voor elke categorie kunt maken, URL-structuren kunt aanpassen, je pagina's kunt personaliseren en, indien gewenst, een overkoepelende dynamische pagina kunt maken die al je categorieën weergeeft. 
Voordat je begint:
  • Zorg ervoor dat je een CMS-verzameling hebt met items die je wilt categoriseren. 
  • Zorg ervoor dat je een dynamische itempagina hebt gemaakt voor je verzameling. Je voegt een dynamische link toe aan deze pagina vanaf je dynamische 'categorie'-pagina, zodat bezoekers kunnen klikken om details over een bepaald item te bekijken. 

Stap 1 | Voeg een veld toe om je verzamelingsitems te categoriseren

Om verschillende categorieën items op je website weer te geven, heeft je verzameling een veld nodig dat bepaalt tot welke categorie elk item behoort. Voeg een 'categorie'-veld toe aan je verzameling of kies deze en voer vervolgens waarden in het veld in om elk item te categoriseren. 

Om een 'categorie'-veld aan je verzameling toe te voegen:

  1. Ga naar je CMS op het dashboard van je website. Je kunt in je Editor ook op CMSen vervolgens op Verzamelingen klikken.
  2. Klik op de betreffende verzameling.
  3. Klik op Velden beheren. 
  4. Klik op + Veld toevoegen, kies het Tekst- of Nummer-veldtype en klik op Veldtype kiezen. 
  5. Voer de Veldnaam in (bijvoorbeeld categorie).
  6. (Optioneel alleen voor Velo) Werk het Veld-ID bij, die wordt gebruikt in de code van de website. Je kunt deze ID later niet bijwerken. 
  7. (Optioneel) Voer de Help-tekst in die in je verzamelingsweergave zal verschijnen als tooltip naast de veldnaam.
  8. (Optioneel) Klik op het Validaties-tabblad om dit een verplicht veld te maken, het aantal tekens te beperken of alleen specifieke waarden te accepteren. Lees meer over het toevoegen van veldvalidaties.
  9. (Optioneel) Klik op het Standaardwaarde-tabblad om tekst toe te voegen die automatisch aan het veld wordt toegevoegd voor elk nieuw item in de verzameling. Lees meer over het toevoegen van standaardwaarden aan velden.
  10. Klik op Opslaan.
Een screenshot van het opslaan van een nieuw veld dat zal worden gebruikt om verzamelingsitems te categoriseren.
  1. Voer de naam in van de categorie waartoe elk item behoort in je nieuwe 'categorie'-veld. Zorg ervoor dat je hetzelfde aantal spaties spelt, hoofdletters gebruikt en hetzelfde aantal spaties gebruikt voor elke unieke categorie. 
Een screenshot van een categorieverzamelingsveld met waarden voor elk item.

Stap 2 | Voeg een dynamische pagina toe met items per categorie

Maak een nieuwe dynamische lijstpagina voor je verzameling. Later zal deze dynamische pagina dienen als template met verschillende versies voor elke categorie. Elke versie toont alleen items die tot de categorie behoren. 
Wix Editor
Studio Editor
  1. Ga naar je Editor.
  2. Klik links in de Editor op CMS.
  3. Klik op Je verzamelingen.
  4. Wijs de relevante verzameling aan en klik op het Meer acties-pictogram.
  5. Klik op Dynamische pagina toevoegen.
Een screenshot van het toevoegen van een dynamische pagina voor een verzameling.
  1. Selecteer Lijstpagina en klik op Toevoegen. 

Stap 3 | Wijzig de URL-slugstructuren

Je moet je nieuwe dynamische lijstpagina omzetten naar een type dynamische itempagina waarop items per categorie worden vermeld. Bewerk hiervoor de URL-slugstructuur van de pagina. Zorg ervoor dat je je 'categorie'-veld als variabele toevoegt en de structuur van de slug uniek houdt voor jouw website. 
Belangrijk:
Als je de URL-slugstructuur van je dynamische pagina's wijzigt, werken alle bestaande links naar deze pagina's niet meer. Dit heeft invloed op links binnen je website, links die je extern hebt gedeeld en SEO-links in zoekmachines. We brengen een functie uit waarmee je een automatische omleiding kunt toevoegen, waardoor bezoekers en zoekmachines van de oude URL naar de nieuwe worden geleid. 

Unieke URL-slugstructuur

De URL-slugstructuur kan niet al worden gebruikt door andere bestaande pagina's op je website. Om uniek te zijn, mag de structuur van de URL-slug niet hetzelfde voorvoegsel hebben (bijvoorbeeld {Naam van verzameling}) en hetzelfde aantal variabelen hebben als een andere pagina op je website, zelfs als de variabelen verschillend zijn. 

Met het CMS kun je geen wijzigingen in de URL-slugstructuur opslaan als deze conflicteert met een bestaande. Dit is de reden waarom je de URL-slugstructuren wilt wijzigen van de andere dynamische pagina's van je verzameling. 

Wat converteert de dynamische lijstpagina naar een dynamische itempagina?

Wanneer je een dynamische pagina maakt, wordt een Paginalink-veld aan je verzameling toegevoegd. Het Paginalink-veld genereert de daadwerkelijke URL-slugwaarden voor elk item in je verzameling op basis van de URL-slugstructuur van de dynamische pagina. 

Het bewerken van de URL-slugstructuur van de dynamische pagina zorgt ervoor dat de Paginalink-veldwaarden dienovereenkomstig worden aangepast. Als meerdere items in je verzameling dezelfde paginalinkwaarde (URL-slug) hebben, bepaalt het CMS dat deze items dezelfde pagina moeten delen. De dynamische pagina wordt dus veranderd in een dynamische itempagina met een andere versie voor elke unieke paginalinkwaarde (URL-slug). 
Dynamische 'categorie'-pagina's maken van gecombineerde veldvariabelen:
Je kunt dynamische 'categorie'-pagina's maken met versies voor elke unieke combinatie van veldwaarden. Als je meerdere veldvariabelen toevoegt aan de URL-slugstructuur van een dynamische pagina, worden de waarden gecombineerd in het Paginalink-veld. Als dit veld hetzelfde is voor meerdere items, wordt de dynamische pagina geconverteerd naar een dynamische itempagina met versies voor elke unieke paginalinkwaarde (URL-slug).

Voorbeelden van URL-slugstructuren die je kunt maken:

Je kunt alle tekst- of getalvelden als variabele gebruiken in de URL-slugstructuren van je dynamische pagina's. Je kunt bijvoorbeeld de volgende URL-slugstructuren maken voor je dynamische pagina's: 
  • Dynamische itempagina: https://www.{jouw-domein.com}/{verzameling-naam}/{categorie}/{primair-veld}
  • Dynamische categoriepagina: https://www.{jouw-domein.com}/{verzameling-naam}/{categorie}
  • Dynamische lijstpagina: https://www.{jouw-domein.com}/{verzameling-naam}

Om de URL-slugstructuren van je dynamische pagina's te bewerken:

Wix Editor
Studio Editor
  1. Ga naar je Editor.
  2. Klik links in de Editor op Pagina's en menu.
  3. Klik op Dynamische pagina's. 
  4. Bewerk de URL-slugstructuren van de dynamische pagina's die aan je verzameling koppelen. Klik hieronder op het relevante dynamische paginatype voor aanwijzingen:

Stap 4 | Pas je dynamische categoriepagina aan

Je dynamische 'categorie'-pagina zou nu moeten fungeren als een dynamische itempagina met verschillende versies voor elk van je categorieën. In elke versie heeft een repeater verschillende elementen die al zijn gekoppeld aan je CMS-verzamelingsvelden om details over elk item binnen de categorie te tonen. 

Je kunt elementen aan de repeater toevoegen of verwijderen, hun CMS-koppelingen wijzigen en de grootte van de repeater aanpassen. Gebruik de Voorbeeld-werkbalk om te zien hoe elke versie van je pagina eruitziet. We raden aan om de tekst bovenaan de pagina te koppelen aan je CMS-categorieveld, zodat elke versie de naam van de categorie bovenaan toont. 
Wil je een galerij of tabel gebruiken in plaats van een repeater?
Als je de items liever in een galerij of tabel weergeeft, kun je dat doen. Verwijder de standaard repeater en voeg een Pro Gallery of tabel toe. Koppel vervolgens elk deel van je galerij of tabel via de dataset aan de CMS-verzameling.

Om je dynamische categoriepagina aan te passen:

Wix Editor
Studio Editor
  1. Ga naar je Editor.
  2. Ga naar je dynamische categoriepagina: 
    1. Klik links in de Editor op Pagina's en menu.
    2. Klik op Dynamische pagina's. 
    3. Klik op de dynamische categoriepagina die je in de stappen van het vorige gedeelte hebt gemaakt. 
Een screenshot van het selecteren van de dynamische categoriepagina in de Wix Editor.
  1. (Optioneel) Voeg elementen toe aan je repeater (bijvoorbeeld knoppen, tekst, afbeeldingen) of verwijder elementen die je niet nodig hebt. Je kunt de grootte van de repeater aanpassen zodat deze alle elementen kan bevatten. 
  2. Klik op het repeater-element en selecteer het Aan CMS koppelen-pictogram.
  3. Klik rechts in het Repeater koppelen-paneel op het element dat je wilt koppelen.
  4. Klik onder Koppelingen op de relevante dropdowns om het element te koppelen aan het relevante verzamelingsveld of de datasetactie. De opties variëren afhankelijk van het elementtype.
Tips:
  • Koppel de tekst bovenaan de pagina aan je 'categorie'-veld zodat het dynamisch wordt aangepast, afhankelijk van welke categorie wordt weergegeven. 
  • Koppel de afbeelding of knop in je repeater aan je dynamische itempagina die wordt gebruikt om één item tegelijk weer te geven.
Een screenshot van het koppelen van een knop aan de dynamische itempagina.
  1. Klik bovenaan het paneel op Repeater-koppelingen. 
  2. Herhaal stap 3-7 hierboven om de elementen te koppelen aan verzamelingsvelden of dataset-acties.
Een screenshot van de CMS-koppelingen van de repeater op een dynamische categoriepagina.
  1. Klik om je repeater-elementen naar behoefte aan te passen.
    Tip: Je kunt op elk moment elementen toevoegen aan of verwijderen uit je repeater. Ontkoppel elementen als je statische inhoud wilt gebruiken die niet verandert. 
  2. Klik op Voorbeeld en gebruik de werkbalk om elke versie van je dynamische categoriepagina te testen.
    Tip: Als je een 404-foutmelding krijgt wanneer je naar de voorbeeldmodus gaat, sla je Editor dan op, laad deze opnieuw en probeer het opnieuw. 
Een screenshot van het gebruik van de Voorbeeld-werkbalk om andere versies van een dynamische pagina te bekijken.
  1. Klik op Publiceren als je klaar bent om de wijzigingen live te laten gaan. 

Stap 5 | (Optioneel) Maak een dynamische pagina met je categorieën

Nu je een dynamische pagina hebt met verschillende versies voor elk van je categorieën, wil je misschien een pagina maken met al deze categorieën. Op die manier kunnen bezoekers een index van al je categorieën bekijken en vervolgens klikken om naar de relevante versie te gaan van de dynamische 'categorie'-pagina die je eerder hebt gemaakt. 

Om dit te doen, heb je een aparte verzameling nodig met een item voor elk van je categorieën. Je 'categorieën'-verzameling heeft ook een veld met meerdere verwijzingen nodig dat verwijst naar items uit je hoofdverzameling. Je kunt ook een afbeeldingsveld toevoegen voor de afbeelding van elke categorie en een tekstveld om een korte beschrijving van elke categorie te geven. 

Voeg vervolgens een dynamische lijstpagina toe voor je 'categorieën'-verzameling. Je moet een dataset toevoegen die gekoppeld is aan je hoofdverzameling en die een filter heeft dat het Titel-veld ('categorieën') uit je 'categorieën'-verzameling bevat. Pas de pagina aan en wijzig indien nodig de structuur van de URL-slug. 

a | Creëer een verzameling voor het vermelden van je categorieën

  1. Ga naar CMS op het dashboard van je website.
  2. Klik rechtsboven op + Verzameling maken. 
  3. Klik op Nieuw en klik vervolgens op Volgende.
  4. Voer een naam in voor je verzameling, laat Meerdere items (standaard) geselecteerd en klik op Maken. 
  5. Voeg een veld met meerdere verwijzingen toe dat verwijst naar je hoofdverzameling:
    1. Klik op Veld toevoegen, selecteer Meerdere verwijzingen en klik vervolgens op Veldtype kiezen. 
    2. Voer de Veldnaam in.
    3. Klik op de Verzameling waarnaar wordt verwezen-dropdown, selecteer de hoofdverzameling die je 'categorie'-veld bevat en klik vervolgens op Opslaan. 
Een screenshot van het toevoegen van een veld met meerdere verwijzingen in een categorieverzameling.
  1. (Optioneel) Voeg meer velden toe om weer te geven op je lijst met categorieën-pagina (zoals een afbeelding of tekst). Je kunt bijvoorbeeld een afbeeldingsveld toevoegen voor het weergeven van een afbeelding die elke categorie vertegenwoordigt.  
  2. Voeg een nieuw item toe voor elke categorie:
    1. Klik op + Item toevoegen.
    2. Voer de naam van een van je categorieën in je primaire Titel-veld in. 
    3. Klik op de Meerdere verwijzingen-cel en selecteer de items die een categorieveld hebben dat overeenkomt met het primaire Titel-veld van dit item. 
    4. Vul eventuele extra velden in die je voor dit item/deze categorie hebt toegevoegd. 
    5. Herhaal deze stappen om items toe te voegen die elke categorie vertegenwoordigen. 
Een screenshot van een Categorieën-verzameling met velden met meerdere verwijzingen.

b | Voeg een dynamische pagina toe voor het weergeven van je lijst met categorieën

Wix Editor
Studio Editor
  1. Ga naar je Editor.
  2. Klik links in de Editor op CMS.
  3. Klik op Je verzamelingen.
  4. Wijs de verzameling aan die je zojuist hebt gemaakt voor het vermelden van je categorieën en klik op het Meer acties-pictogram. 
  5. Klik op Dynamische pagina toevoegen.
Een screenshot van het toevoegen van een dynamische pagina.
  1. Selecteer Lijstpagina en klik op Toevoegen. 
  2. Voeg een dataset toe die gekoppeld is aan je hoofdverzameling en die een filter heeft dat het Titel-veld ('categorieën') uit je 'categorieën'-verzameling bevat:
    1. Klik links in de Editor op CMS.
    2. Klik op Inhoudselementen toevoegen en selecteer vervolgens Dataset.
    3. Klik op de dropdown, selecteer de hoofdverzameling en klik op Maken.
    4. Klik rechts in het Dataset-instellingen-paneel op + Filter toevoegen. 
    5. Klik op de Veld-dropdown en selecteer je 'categorie'-veld. 
    6. Selecteer onder Waarde bron Andere dataset. 
    7. Klik op de Dataset-dropdown en selecteer je verzameling die de categorieën vermeldt. 
    8. Laat Titel geselecteerd in de Veld-dropdown en klik op Filter toevoegen.
Een screenshot van het toevoegen van een filter aan de dataset.
  1. Koppel de 'Meer lezen'-knoppen in je repeater aan je dynamische categoriepagina:
    1. Klik op de knop in je repeater en selecteer het Aan CMS koppelen-pictogram.
    2. Klik op de Kies een dataset-dropdown en selecteer de dataset die je zojuist hebt toegevoegd en die gekoppeld is aan je hoofdverzameling.
    3. Klik op de Klikken is gekoppeld aan-dropdown en selecteer de dynamische categoriepagina. 
Een screenshot van het linken naar de dynamische 'categorie'-pagina.
  1. (Optioneel) Voeg elementen toe aan je repeater (bijvoorbeeld knoppen, tekst, afbeeldingen) of verwijder elementen die je niet nodig hebt. Je kunt de grootte van de repeater aanpassen zodat deze alle elementen kan bevatten. 
  2. Klik op de repeater en selecteer het Aan CMS koppelen-pictogramom de verbindingen tussen de elementen en je verzameling aan te passen. 
Een screenshot van het aanpassen van de CMS-koppelingen in een repeater.
  1. (Optioneel) Wijzig de structuur van de URL-slug van deze dynamische pagina. 
  2. Klik op Voorbeeld om je koppelingen te testen. 
  3. Klik op Publiceren als je klaar bent om de wijzigingen live te laten gaan. 
Verder:

Veelgestelde vragen

Klik hieronder voor antwoorden op veelgestelde vragen over het maken van dynamische categoriepagina's. 

Vond je dit artikel nuttig?

|

In dit artikel

  • Stap 1 | Voeg een veld toe om je verzamelingsitems te categoriseren
  • Stap 2 | Voeg een dynamische pagina toe met items per categorie
  • Stap 3 | Wijzig de URL-slugstructuren
  • Unieke URL-slugstructuur
  • Wat converteert de dynamische lijstpagina naar een dynamische itempagina?
  • Voorbeelden van URL-slugstructuren die je kunt maken:
  • Stap 4 | Pas je dynamische categoriepagina aan
  • Stap 5 | (Optioneel) Maak een dynamische pagina met je categorieën
  • a | Creëer een verzameling voor het vermelden van je categorieën
  • b | Voeg een dynamische pagina toe voor het weergeven van je lijst met categorieën
  • Veelgestelde vragen