Nouveaux raccourcis clavier et options de menu pour simplifier le flux de travail des concepteurs
Le 23 mars 2023, Webflow a introduit de nouveaux raccourcis clavier et des options de menu contextuel sur le canevas pour envelopper un élément dans un bloc de lien ou de div, simplifiant ainsi un flux de travail courant parmi les concepteurs.
Grouper et organiser facilement les éléments avec les nouveaux raccourcis
Souvent, les intégrateurs souhaitent wrapper (envelopper) des éléments dans un bloc de lien ou les intégrer dans une div pour regrouper des éléments et les organiser ou les styliser plus facilement sur le canvas. Avant cette mise à jour, ils devaient commencer par ajouter un bloc de lien ou de div, puis ajouter l'image ou le contenu souhaité, ou déplacer les éléments pour les réorganiser aux bons endroits... C'était relou !
Grâce à ces nouveaux raccourcis clavier et aux options du menu du Designer, les concepteurs peuvent envelopper un élément dans un bloc de lien ou de div en quelques secondes, augmentant ainsi leur vitesse de conception et l'efficacité de leur flux de travail.
Apprenez à utiliser les nouveaux raccourcis avec les ressources Webflow
Les blocs div sont des éléments basiques et polyvalents dans la conception web. Chez petit Hack, on a l'habitude de dire qu'elles nous aident à "spacialiser le contenu". Mais durant l'intégration d'un site, il n'est pas rare de se rendre compte que nous avons oublier de regrouper certains éléments ensemble.
Bonne nouvelle, c'est maintenant EASY !
- Sélectionnez l'élément à intégrer dans une div sur le canvas ;
- Appuyez sur Commande + Option + G (sur Mac) ou Contrôle + Alt + G (sur Windows)
Vous pouvez également le faire en utilisant le menu :
- Faites un clic droit sur l'élément à envelopper sur le canvas ;
- Cliquez sur Wrap in div bloc
Une fois l'élément enveloppé, la div sera automatiquement sélectionnée.
La manip est exactement la même pour les liens. Attention. Tout de même à ne pas essayer de wrapper un lien autour d'un autre lien, cela ne fonctionnerait pas !