Reference Fields gebruiken in Webflow

Gewijzigd op Vr, 5 Jun om 6:05 PM

Een Reference-veld koppelt een CMS-item aan een enkel item uit een andere Collection. Een blogartikel verwijst bijvoorbeeld naar één categorie of één auteur. In dit artikel leest u hoe Reference-velden werken, hoe u ze instelt en hoe u ermee filtert en sorteert. Reference-velden zijn de basis voor een goed gestructureerd, onderhoudbaar CMS.

Probleem

U herhaalt dezelfde informatie (zoals een categorienaam of auteursgegevens) in meerdere items, wat lastig te onderhouden is. Wijzigt u de naam van een categorie, dan moet u dit overal handmatig aanpassen.

Oorzaak

Zonder relatie tussen Collections staat informatie los van elkaar opgeslagen. Webflow biedt het Reference-veld om een item aan precies één item uit een andere Collection te koppelen, zodat gedeelde gegevens centraal worden beheerd. Ontbreekt dit veld, dan blijft u gegevens dupliceren.

Oplossing

U voegt een Reference-veld toe aan de Collection en koppelt per item het juiste gerelateerde item. Daarna kunt u de gegevens van het gekoppelde item tonen, en erop filteren en sorteren.

Stappenplan

  1. Open de Collection-instellingen in de Webflow Designer.
  2. Klik op Add New Field en kies het type Reference.
  3. Selecteer de Collection waarnaar verwezen wordt (bijvoorbeeld Categorieen).
  4. Sla het veld op en koppel per item het juiste gerelateerde item.
  5. Toon op de pagina velden van het gekoppelde item via de Collection List-binding.
  6. Gebruik het Reference-veld eventueel als filter of sortering.
  7. Klik op Publish en controleer het resultaat.

Configuratievoorbeeld

Een blogstructuur op uw BDMNL-website:

  • Collection: Blog
  • Reference-veld: Categorie, verwijst naar de Collection Categorieen
  • Reference-veld: Auteur, verwijst naar de Collection Auteurs
  • Gebruik: filteren op categorie en de auteursnaam tonen op de detailpagina

Veelgemaakte fouten

  • Een Reference-veld gebruiken waar meerdere koppelingen nodig zijn; gebruik dan een Multi Reference-veld.
  • De gekoppelde Collection verwijderen, waardoor de verwijzing breekt.
  • Vergeten per item het Reference-veld in te vullen, waardoor filters en weergaven leeg blijven.
  • Niet publiceren, waardoor de koppeling niet live verschijnt.

Controle na afloop

Controleer op de live site of de gekoppelde gegevens (zoals categorienaam of auteur) correct verschijnen, of filters op het Reference-veld de juiste items tonen en of items zonder ingevuld referentieveld geen fouten veroorzaken.

Praktische tips

  • Beheer gedeelde gegevens (categorieen, auteurs) in een aparte Collection en verwijs ernaar; zo wijzigt u op één plek.
  • Gebruik een Reference-veld voor een 1-op-1-relatie en een Multi Reference-veld voor een 1-op-veel-relatie.
  • Reference-velden maken krachtige filtering mogelijk; combineer ze met CMS Filtering.
  • Net als een foreign key in een database houdt een Reference-veld uw gegevens consistent.

FAQ

Wat is het verschil met een Multi Reference-veld?
Een Reference-veld koppelt aan één item; een Multi Reference-veld koppelt aan meerdere items.

Kan ik filteren op een Reference-veld?
Ja, u kunt een Collection List filteren op de waarde van een Reference-veld.

Wat gebeurt er als ik de gekoppelde Collection verwijder?
De verwijzing breekt; verwijder gekoppelde Collections daarom voorzichtig.

Kan ik velden van het gekoppelde item tonen?
Ja, via de binding kunt u velden van het gerefereerde item weergeven.

Verschijnt de koppeling direct?
Nee, pas na publiceren van de site.

Samenvatting

Een Reference-veld koppelt een CMS-item aan één item uit een andere Collection, waardoor u gedeelde gegevens centraal beheert en erop kunt filteren en sorteren. Vul het veld per item in, toon de gekoppelde gegevens en publiceer. Voor meerdere koppelingen gebruikt u een Multi Reference-veld.

Gerelateerde artikelen:

  • Multi Reference Fields gebruiken in Webflow
  • CMS Filtering instellen in Webflow
  • Webflow CMS Collections aanmaken

Komt u er niet uit? Dien een ticket in bij BDMNL, dan richten wij de CMS-structuur voor u in.

Was dit artikel nuttig?

Dat is fantastisch!

Hartelijk dank voor uw beoordeling

Sorry dat we u niet konden helpen

Hartelijk dank voor uw beoordeling

Laat ons weten hoe we dit artikel kunnen verbeteren!

Selecteer tenminste een van de redenen
CAPTCHA-verificatie is vereist.

Feedback verzonden

We stellen uw moeite op prijs en zullen proberen het artikel te verbeteren