Changer la mise en page d’une section (colonnes, espacement, alignement)
Ajuster la structure d’une section pour un rendu plus professionnel
Points clés
• Modification simple via le Designer
• Gestion des colonnes, du spacing et de l’alignement
• Amélioration immédiate du confort de lecture
• Idéal pour optimiser les pages chambres, services ou restaurant
Changer la mise en page d’une section est essentiel pour rendre votre site hôtelier plus clair, plus attractif et mieux structuré. Que vous souhaitiez organiser vos contenus en colonnes, ajuster les espacements ou affiner l’alignement, ces modifications se font rapidement depuis le Designer.
Modifier la structure en colonnes
Sélectionnez la section à ajuster, puis glissez un bloc Columns dans votre mise en page ou transformez le container existant en structure multi-colonnes.
Webflow propose plusieurs configurations : deux colonnes pour présenter une image et un texte, trois pour afficher des services ou quatre pour mettre en avant des avantages.
Vous pouvez ensuite y placer librement vos éléments : titres, paragraphes, icônes, boutons, images ou cartes.
Ajuster l’espacement (marges et paddings)
Dans le panneau de droite, utilisez Margin (marge extérieure) et Padding (marge intérieure) pour créer une section aérée et agréable à lire. Les pages hôtelières gagnent souvent en élégance grâce à des espacements généreux.
💡 Conseil : utilisez des valeurs cohérentes (ex. multipliers de 8 ou 10) pour garder un rythme visuel harmonieux sur tout le site.
Modifier l’alignement des éléments
Toujours dans le panneau de style, ajustez l’alignement horizontal ou vertical selon votre mise en page.
Les options courantes incluent :
• Alignement centré pour les titres principaux
• Alignement gauche pour les sections descriptives
• Alignement sur le bas ou le haut pour équilibrer une mise en page en colonnes
Utilisez également les paramètres Flexbox ou Grid si votre section en dispose, pour répartir vos éléments de manière précise.
Optimiser la version mobile
Passez en mode tablette puis mobile pour affiner les espacements et la disposition. Les colonnes se transforment automatiquement en blocs verticaux, mais vous pouvez ajuster les alignements et paddings pour conserver une expérience fluide.
Publier votre mise à jour
Prévisualisez l’ensemble pour valider le rendu, puis cliquez sur Publish pour mettre vos changements en ligne.
Conclusion
Modifier la mise en page d’une section est une étape clé pour améliorer la lisibilité et l’esthétique de votre site hôtelier. Une structure harmonieuse, des espacements maîtrisés et un alignement précis renforcent l’impact de votre contenu et valorisent votre établissement.