Comment créer une collection CMS dans Webflow ?
Apprenez à créer une collection CMS dans Webflow de A à Z : types de champs, items et Collection List.
Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment créer une collection CMS dans Webflow de A à Z.
| Type de champ | Usage | Exemple |
|---|---|---|
| Plain Text | Titre, nom, texte court | Nom de l'article |
| Rich Text | Corps de l'article | Contenu long avec formatage |
| Image | Visuel principal | Image de couverture |
| Reference | Lien vers une autre collection | Auteur, catégorie |
| Multi-Reference | Liens vers plusieurs items | Tags, catégories multiples |
| Option | Liste de valeurs prédéfinies | Statut, type |
| Switch | Booléen on/off | Article mis en avant |
1. Créez la collection
Dans le panneau gauche du Designer, cliquez sur l'icône CMS (base de données). Cliquez sur Add Collection. Donnez un nom à votre collection (ex: "Articles", "Projets", "Membres").
2. Définissez vos champs
Cliquez sur Add Field pour chaque champ nécessaire. Choisissez le type adapté au contenu (texte, image, date, référence...). Définissez les champs obligatoires et les valeurs par défaut. Le champ Name et le Slug sont créés automatiquement.
3. Ajoutez vos premiers items
Dans l'onglet Collections du CMS, cliquez sur votre collection et ajoutez des items. Remplissez les champs définis et publiez les items.
4. Créez la Collection List dans le Designer
Faites glisser l'élément Collection List sur votre page. Dans les Settings, liez-le à votre collection. Designez le template de chaque item dans la liste.
Conclusion
Une collection CMS bien structurée est la base de tout site Webflow scalable. Voir aussi : importer du contenu CSV dans le CMS.
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.
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.
