On est ravi de vous parler d'une mise à jour Webflow : la possibilité d'utiliser les données CMS dans les attributs personnalisés et les identifiants d'éléments. Cette fonctionnalité intéressante va rapidement nous permettre de créer des solutions plus personnalisées et adaptées à vos besoins.
Utilisation des données dynamiques dans les attributs personnalisés
Cette nouvelle fonctionnalité, lancée le 14 mars 2023, permet désormais de lier les champs de données CMS ou les propriétés des composants aux attributs personnalisés ou aux identifiants d'éléments sur les pages de collections CMS. Pour l'instant, cela ne fonctionne que sur les pages de collections et est limité à l'objet de données principal de la page. Toutefois, Webflow prévoit d'étendre cette fonctionnalité aux pages statiques ou aux collections imbriquées à l'avenir.
Les avantages de cette mise à jour
Cette amélioration réduit le besoin pour les concepteurs de recourir à du code personnalisé pour utiliser les données dynamiques. Voici quelques exemples d'utilisation des données dynamiques dans les attributs personnalisés :
- Améliorer l'accessibilité de votre site en utilisant les données pour peupler les attributs ARIA et d'autres éléments.
- Utiliser les données CMS pour contrôler les intégrations ou les widgets qui utilisent les attributs de données HTML, comme les cartes ou les aperçus des médias sociaux.
- Offrir aux éditeurs la possibilité de définir des attributs en utilisant les propriétés des composants, permettant un contrôle technique sans complexité et sans craindre de casser le site.
- Personnaliser le style de la page en fonction de la valeur d'un champ, en utilisant du CSS personnalisé. Par exemple, différentes catégories de votre blog peuvent avoir des apparences différentes en liant un champ de catégorie à un attribut, puis en utilisant un sélecteur d'attribut dans votre CSS.
Vers une plus grande flexibilité et un pont entre le design, le code et les données dynamiques
En bref, l'utilisation des attributs en parallèle avec votre CMS permet de réduire l'écart entre le design, le code et les données dynamiques, offrant ainsi puissance et flexibilité aux sites Web que vous créez. Quelles sont les autres utilisations que vous allez faire de cette nouvelle fonctionnalité ? Rejoignez la conversation ici et faites-le nous savoir !
En conclusion, chez Petit Hack, nous pensons que cette fonctionnalité est très intéressante et va rapidement nous permettre de créer des solutions plus personnalisées pour répondre aux besoins de nos clients. Restez à l'écoute pour plus d'informations sur les prochaines améliorations et fonctionnalités de Webflow !