Réussi
Largeur des paramètres de mise en page
Ajustez la largeur du contenu et de la section pour affiner la lisibilité, l’espacement et la portée visuelle.
Utilisez ces paramètres pour contrôler la largeur globale d’une zone et la largeur à laquelle son contenu peut s’étendre à l’intérieur de cet espace. Ils sont utiles lorsque vous souhaitez qu’une partie de la page soit plus lisible, plus aérée ou visuellement plus distincte sans modifier la conception globale.
Paramètres de largeur
Section intitulée « Paramètres de largeur »Ce groupe comprend un contrôle pour la zone de contenu interne et un pour l’enveloppe externe de la section. Ensemble, ils déterminent comment le texte, les images et les arrière-plans occupent la page.
Vous pouvez également consulter la documentation Company XYZ sur les largeurs de mise en page pour plus d’exemples montrant comment ces choix de largeur fonctionnent en pratique.
Pour une vue d’ensemble plus large de la manière dont ces paramètres s’intègrent à la mise en page de votre boutique en ligne, consultez la documentation Shopify sur les sections et les blocs
Largeur du contenu
Section intitulée « Largeur du contenu »La largeur du contenu définit la largeur maximale du matériel à l’intérieur de la zone. C’est généralement le paramètre le plus important, car il influence directement le confort de lecture, la taille des médias et le sentiment d’une mise en page plus dense ou plus aérée.
Les largeurs plus étroites conviennent souvent mieux au contenu riche en texte, car les lignes plus courtes sont plus faciles à parcourir. Les largeurs plus grandes conviennent généralement aux mises en page axées sur l’image, aux grilles de produits et au contenu à plusieurs colonnes qui nécessite davantage d’espace horizontal.
Si vous conservez le paramètre de thème partagé, la zone reste alignée avec le reste du site. Si vous choisissez une largeur personnalisée, vous pouvez donner à cette zone un aspect volontairement plus resserré ou plus ample.
La largeur du contenu s’adapte toujours aux écrans plus petits, donc ce choix influence principalement l’aspect de la mise en page sur les écrans plus grands.
Largeur de la section
Section intitulée « Largeur de la section »La largeur de la section contrôle l’enveloppe externe autour du contenu. Cela compte surtout lorsque la zone utilise une couleur d’arrière-plan, une image ou un autre traitement visuel qui s’étend au-delà du contenu lui-même.
Une enveloppe qui suit la largeur du contenu crée un aspect contenu. Des choix d’enveloppe plus larges rendent la zone plus ample et peuvent donner davantage de présence aux traitements d’arrière-plan.
Les valeurs d’arrière-plan vides, transparentes ou de style par défaut conservent généralement le style du thème environnant. Des couleurs explicites, des dégradés ou des arrière-plans basés sur des médias rendent la zone plus indépendante et peuvent la séparer visuellement des sections adjacentes.
Les options pleine largeur et full-bleed sont surtout utiles lorsque vous souhaitez que la zone externe s’étende davantage sur la page. En pratique, il s’agit généralement d’un choix visuel plutôt que d’un choix de mise en page de lecture.
Examinez ensemble la largeur du contenu et la largeur de la section lorsque vous utilisez des traitements d’arrière-plan marqués. Une zone externe très large avec un contenu interne étroit peut sembler intentionnelle, mais elle peut aussi paraître déséquilibrée si l’espacement est trop serré ou trop lâche.
Choisir des largeurs partagées ou personnalisées
Section intitulée « Choisir des largeurs partagées ou personnalisées »Utilisez le paramètre de thème partagé lorsque vous souhaitez un rythme de page cohérent entre différentes zones. C’est généralement le choix le plus sûr pour conserver un alignement propre d’une zone à l’autre.
Utilisez des largeurs personnalisées lorsqu’une zone précise nécessite une présentation différente. Les raisons courantes incluent l’amélioration de la lisibilité pour un texte plus long, l’octroi de plus d’espace aux médias ou la mise en valeur d’une zone à l’honneur.
Prévisualiser les modifications avec précision
Section intitulée « Prévisualiser les modifications avec précision »Les changements de largeur peuvent apparaître différemment dans l’éditeur que sur la page en ligne, en particulier avec des mises en page plus larges et des conceptions bord à bord. Vérifiez l’affichage de la boutique en ligne avant de décider si l’espacement et l’équilibre vous conviennent.
Pour plus de détails sur l’utilisation de l’éditeur, consultez la documentation Shopify sur l’éditeur de thème
Notes d’utilisation
Section intitulée « Notes d’utilisation »- Privilégiez la lisibilité. Utilisez des largeurs de contenu plus étroites pour les longs textes afin que la longueur des lignes reste confortable à lire.
- Laissez de la place aux médias si nécessaire. Choisissez des largeurs de contenu plus grandes pour les mises en page riches en images ou à plusieurs colonnes qui ont besoin de davantage d’espace horizontal.
- Utilisez la largeur externe pour l’impact visuel. Modifiez la largeur de la section lorsque les arrière-plans ou le style bord à bord doivent avoir plus de poids sur la page.
- Gardez un style d’arrière-plan cohérent. Laissez les valeurs d’arrière-plan vides ou sur la valeur par défaut lorsque vous voulez que le style du thème environnant se poursuive ; utilisez des couleurs explicites, des dégradés ou des médias lorsque vous voulez que la zone se distingue.
- Conservez un alignement intentionnel. Utilisez le paramètre de thème partagé lorsque vous souhaitez que les zones s’alignent de manière cohérente sur tout le site.
- Prévisualisez en dehors de l’éditeur. Vérifiez la vue de la page en ligne avant de finaliser des mises en page larges, pleine largeur ou full-bleed.