{"id":813552,"date":"2022-06-11T14:56:28","date_gmt":"2022-06-11T14:56:28","guid":{"rendered":"https:\/\/www.lafactory.com\/blog\/how-to-design-a-fluid-hero-section-in-divi-2\/"},"modified":"2022-06-11T14:58:37","modified_gmt":"2022-06-11T14:58:37","slug":"how-to-design-a-fluid-hero-section-in-divi-2","status":"publish","type":"post","link":"https:\/\/www.lafactory.com\/blog\/comment-concevoir-une-section-heroique-fluide-dans-divi\/","title":{"rendered":"Comment concevoir une section h\u00e9ro\u00efque fluide dans Divi"},"content":{"rendered":"
La section h\u00e9ros d’un site Web est l’un des meilleurs candidats pour le design fluide. Contrairement au responsive design traditionnel qui s’adapte \u00e0 diff\u00e9rents points de rupture, le fluid design s’adapte de mani\u00e8re transparente \u00e0 la fen\u00eatre du navigateur et maintient la coh\u00e9rence du design sur tous les appareils. Apr\u00e8s tout, la section du h\u00e9ros est la premi\u00e8re chose que les utilisateurs voient sur un site Web.<\/p>\n
Vous avez peut-\u00eatre vu la conception fluide d\u00e9montr\u00e9e dans des tutoriels pr\u00e9c\u00e9dents sur la typographie fluide, les modules fluides et\/ou les boutons fluides. Dans ce tutoriel, nous allons vous montrer comment cr\u00e9er une section de h\u00e9ros fluide enti\u00e8re dans Divi. La cl\u00e9 pour cr\u00e9er ce design fluide est d’ajouter une taille de police racine fluide \u00e0 chacun des modules utilis\u00e9s, puis d’incorporer l’unit\u00e9 de longueur em (qui est relative \u00e0 la taille de police racine du corps) dans tous les param\u00e8tres du module.<\/p>\n
C’est parti !<\/p>\n
Voici un aper\u00e7u du design que nous allons cr\u00e9er dans ce tutoriel.<\/p>\n
<\/p>\n
Remarquez comment la conception fluide s’adapte en douceur \u00e0 la largeur de la fen\u00eatre du navigateur.<\/p>\n
Pour mettre la main sur le design de ce tutoriel, vous devez d’abord le t\u00e9l\u00e9charger \u00e0 l’aide du bouton ci-dessous. Pour avoir acc\u00e8s au t\u00e9l\u00e9chargement, vous devez vous inscrire \u00e0 notre liste de diffusion Divi Daily \u00e0 l’aide du formulaire ci-dessous. En tant que nouvel abonn\u00e9, vous recevrez encore plus d’astuces Divi et un pack de mises en page Divi gratuit chaque lundi ! Si vous \u00eates d\u00e9j\u00e0 sur la liste, il suffit d’entrer votre adresse e-mail ci-dessous et de cliquer sur t\u00e9l\u00e9charger. Vous ne serez pas \u00ab\u00a0r\u00e9inscrit\u00a0\u00bb et ne recevrez pas d’e-mails suppl\u00e9mentaires.<\/p>\n