Section bloc de texte

Ce que vous apprendrez

  • Comment ajouter et formater le sous-titre et le texte principal

  • Comment contrôler l'alignement, la taille de la police et les couleurs

  • Comment activer les effets d'animation

  • Comment télécharger et appliquer des polices personnalisées


🧩 Présentation de la section

La section Bloc de texte est parfaite pour raconter une histoire, des déclarations de mission ou des descriptions de marque. Vous pouvez ajouter un sous-titre, un bloc de texte principal, et personnaliser la disposition, la typographie et les espacements pour ordinateur et mobile.


Comment ajouter la section

  1. Dans le éditeur de thème Shopify, cliquez Ajouter une section

  2. Choisissez Bloc de texte

  3. Positionnez-le dans votre mise en page selon vos besoins


Contenu et données

  • Sous-titre : Une petite étiquette ou ligne d'introduction (par ex. « ABOUT US »)

  • Texte principal : Le texte de paragraphe principal

  • Les deux champs prennent en charge uniquement du texte brut (pas de HTML ni de mise en forme enrichie)


Mise en page et affichage

  • Alignement du sous-titre : Choisissez gauche, centre ou droite

  • Alignement du texte : Choisissez gauche, centre ou droite

💡 Astuce : L'alignement centré fonctionne bien pour de courtes déclarations de mission ou des citations


Paramètres de typographie

Polices

Vous pouvez choisir parmi les polices intégrées ou télécharger la vôtre.

  • Police du sous-titre et Police du texte : Sélectionnez dans la liste déroulante

  • Activer la police personnalisée : Activez ceci pour utiliser la vôtre

Pour utiliser une police personnalisée, suivez ces étapes :

🛠️ Comment ajouter une police personnalisée

  1. Téléversez votre fichier de police (généralement .woff2) vers Paramètres > Fichiers dans l'administration Shopify

  2. Copiez l'URL du fichier

  3. Dans les paramètres du Bloc de texte :

    • Collez le nom de la police (par ex., "MyCustomFont") dans Nom de police personnalisée pour le sous-titre ou Nom de police personnalisée pour le texte

    • Collez le URL du fichier dans URL de la police personnalisée pour le sous-titre ou URL de la police personnalisée pour le texte

Une fois enregistré, votre texte s'affichera avec la police personnalisée que vous avez téléchargée.


Tailles de police

Ajustez les tailles de police séparément pour ordinateur et mobile :

  • Taille de police du sous-titre (Ordinateur / Mobile)

  • Taille de la police du texte (Ordinateur / Mobile)

  • Basculer Sous-titre en gras ou Texte en gras pour plus d'emphase


Couleurs

  • Couleur d'arrière-plan : Fond uni ou dégradé

  • Couleur du sous-titre

  • Couleur du texte

Toutes les couleurs sont définies à l'aide de codes hexadécimaux ou du sélecteur de couleurs de Shopify.


Style

  • Animation du texte : Choisissez parmi :

    • Pas d'animation

    • Machine à écrire

    • Fondu vers le haut

    • Révéler

Les animations s'appliquent uniquement au texte principal et se déclenchent lorsque la section défile dans la vue.


Espacement

Contrôlez le padding supérieur et inférieur pour ordinateur et mobile :

  • Espacement supérieur (Ordinateur / Mobile)

  • Espacement inférieur (Ordinateur / Mobile)

  • Basculer Supprimer le padding de la section pour étendre la section d'un bord à l'autre

💡 Utilisez un espacement augmenté lorsque vous empilez cette section entre des blocs lourds en médias.


Besoin d’aide ?

Mis à jour