Ajouter des ancres de lien avec vos collection CMS dans Webflow
Introduction
| Élément | Custom attribute / ID | Valeur |
|---|---|---|
| Lien embed (source) | href | #{Slug} du champ CMS |
| Cible embed (destination) | id | {Slug} du même champ CMS |
Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment ajouter des ancres de lien avec vos collection CMS dans Webflow.
Webflow ne supporte pas les ancres dynamiques avec le CMS, mais il existe une solution de contournement qui est d'utiliser le composant embed et de créer votre propre bouton et d'extraire dynamiquement l'ancre de votre collection.
Voici comment faire ! ✌🏼
1. Insérez un élément "embed" à l'endroit où vous souhaitez créer un lien vers l'élément d'ancrage
Définissez le lien en utilisant le champ "slug" du CMS (vous pouvez utiliser n'importe quel autre champ du CMS pour cela ou même créer un champ supplémentaire, mais le champ "slug" fait l'affaire).
2. Ajoutez un élément "embed" dans votre collection CMS
3. Testez le résultat
Vous pouvez testez le résultat dans l'éditeur Webflow directement
bon à savoir
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
.avif)
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
