Contenu de la page
- Documentation Shopify sur les sections et les blocs
- Documentation de Company XYZ sur les paramètres d’espacement de section
- Documentation de Company XYZ sur les paramètres d’arrière-plan de section
- Documentation de Company XYZ sur les paramètres de séparateurs
- Documentation de Company XYZ sur les paramètres de largeur de mise en page
Utilisez cette section pour afficher le corps principal du contenu d’une page et contrôler son apparence dans la mise en page. Elle fonctionne particulièrement bien pour les pages riches en texte où la lisibilité, l’espacement et la hiérarchie visuelle sont importants.
Paramètres de base
Section intitulée « Paramètres de base »Le principal choix consiste à afficher ou non le titre de la page dans cette section. Pour une vue d’ensemble plus large de la manière dont le contenu d’une page s’intègre dans une mise en page de thème, consultez la documentation Shopify sur les sections et les blocs. Le laisser activé garde le titre de la page simple et cohérent, tandis que le désactiver vous donne plus de liberté pour introduire la page avec une autre section ou une mise en page d’en-tête personnalisée.
Si vous désactivez Afficher le titre, ajoutez un titre H1 ailleurs sur la page afin que le contenu conserve un titre de niveau supérieur clair.
Cette section est idéale pour présenter un contenu de page bien structuré, et non pour remplacer la mise en forme du contenu. Des titres, paragraphes et listes clairs dans le corps de la page rendront la section plus facile à lire, quels que soient les paramètres de mise en page que vous choisissez.
Paramètres de couleur
Section intitulée « Paramètres de couleur »Utilisez ces paramètres pour remplacer la couleur de texte par défaut de cette section uniquement. C’est particulièrement utile lorsque le contenu de la page se trouve sur un arrière-plan personnalisé ou lorsque vous avez besoin d’un contraste plus fort que celui fourni par les couleurs globales du thème.
Avant de publier, vérifiez ensemble les longs paragraphes, les liens et les titres. Une couleur de texte qui paraît correcte sur un contenu court peut sembler manquer de contraste ou fatiguer à lire sur des pages plus longues.
Paramètres standard de section
Section intitulée « Paramètres standard de section »Paramètres d’espacement
Section intitulée « Paramètres d’espacement »Utilisez les Paramètres d’espacement partagés pour contrôler l’espace au-dessus et en dessous du contenu. Des valeurs distinctes pour ordinateur et mobile facilitent le maintien d’une section aérée sur les grands écrans sans donner une impression d’espace excessif sur les petits écrans.
Pour un contenu long, un espacement modéré est généralement le plus adapté. Augmentez l’espacement lorsque cette section doit se démarquer des sections autour d’elle, et réduisez-le lorsque la page doit paraître comme un flux plus continu.
Paramètres d’arrière-plan de section
Section intitulée « Paramètres d’arrière-plan de section »Utilisez les Paramètres d’arrière-plan de section partagés pour ajouter une couleur, un dégradé, une image ou une vidéo derrière le contenu. Ces paramètres peuvent donner à une page simple un aspect plus de marque ou éditorial, mais ils ont aussi l’effet le plus marqué sur la lisibilité.
Les paramètres de dégradé remplacent les paramètres de couleur unie, et les dégradés de superposition remplacent les couleurs de superposition. Vous pouvez également fournir un média d’arrière-plan spécifique au mobile lorsque la version ordinateur ne se recadre pas bien sur les petits écrans.
Paramètres de séparateur
Section intitulée « Paramètres de séparateur »Utilisez les Paramètres de séparateur partagés pour ajouter une ligne au-dessus ou en dessous de la section. C’est une façon simple de séparer le contenu de la page des sections voisines sans s’appuyer sur de grands changements d’espacement ou sur un traitement d’arrière-plan complet.
Si vous laissez la couleur du séparateur transparente, la section utilise la couleur de bordure du thème. C’est généralement le choix le plus simple lorsque vous souhaitez un séparateur discret qui reste visuellement cohérent sur toute la page.
Paramètres de largeur
Section intitulée « Paramètres de largeur »Utilisez les Paramètres de largeur partagés pour contrôler la largeur du contenu et la largeur extérieure de la section. Pour cette section, la largeur du contenu est généralement la plus importante, car elle influence directement la longueur des lignes et le confort de lecture.
Des largeurs de contenu plus étroites conviennent souvent mieux aux pages de politique, aux pages de récit et aux autres mises en page riches en texte. La largeur de section devient plus visible lorsque vous ajoutez un arrière-plan, car elle modifie l’étendue de cet arrière-plan au-delà de la colonne de texte.
Notes d’utilisation
Section intitulée « Notes d’utilisation »- Gardez le titre de la page clair. Utilisez le titre intégré sauf si une autre section fournit déjà un H1 clair.
- Optimisez pour la lecture. Choisissez une largeur de contenu et une couleur de texte qui rendent les longs paragraphes confortables à parcourir.
- Utilisez les arrière-plans avec parcimonie. Ajoutez des médias d’arrière-plan uniquement lorsqu’ils soutiennent la page sans entrer en concurrence avec le contenu.
- Adaptez l’espacement à l’objectif de la page. Accordez plus d’espace aux pages éditoriales et serrez davantage les pages utilitaires pour un balayage plus rapide.
- Vérifiez l’affichage sur mobile. Examinez l’espacement, la largeur et le comportement de l’arrière-plan sur les petits écrans avant de publier.
- Comparez les deux affichages. Les paramètres pour ordinateur et mobile peuvent produire des comportements différents d’alignement, de visibilité et de média, alors examinez la section dans les deux formats avant de la finaliser.
- Traitez les remplacements intentionnellement. Les valeurs vides ou transparentes conservent généralement le style de secours du thème, tandis que des couleurs, dégradés ou médias explicites rendent cette section plus autonome.
- Examinez attentivement les médias configurés. Lorsque les médias pour ordinateur et mobile sont définis séparément, confirmez que le recadrage, le chargement, le comportement de secours et la lisibilité du texte fonctionnent toujours bien dans les deux versions.