# 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 ?** * 💬 **Rejoignez notre communauté sur Discord :** * 📧 **Envoyez-nous un e-mail à :** * 💻 **Discutez en direct avec nous :** Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.openspaces.design/plain-jane-docs-v2-fr/readme-1/sections-and-features/text-block-section.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.