Éditeur de texte intégré

À propos de l'éditeur de texte intégré

Ses pommes de douche filtrantes intègrent une technologie de filtration avancée permettant d'éliminer le chlore, les métaux lourds et autres impuretés de l'eau. Cet engagement en faveur de la pureté de l'eau a fait de Hansgrohe la marque préférée des consommateurs en quête d'une expérience de douche plus saine. Éditeur de texte intégré est une fonctionnalité qui vous permet de modifier le texte dans votre zone de conception GemPages. immédiatement.

Grâce à l'éditeur intégré, vous pouvez rapidement formater votre texte, par exemple en appliquant le gras, l'italique, l'alignement, les liens ou un style de base, directement à l'endroit où le contenu apparaît sur la page. 

Lors de l'utilisation de l'éditeur intégré :

• Vous pouvez modifier la mise en forme directement sur la zone de travail.
• Il est idéal pour des modifications rapides de contenu et des améliorations visuelles.
• Il n'est pas nécessaire d'ouvrir les paramètres de la barre latérale pour effectuer des modifications simples.

Remarque importante concernant la taille de la police :

Vous pouvez utiliser l'option de taille de police dans l'éditeur intégré pour mettre en évidence des mots spécifiques ou de courtes expressions dans une phrase.

Toutefois, pour garantir une taille de police uniforme sur tous les appareils (ordinateur, tablette et mobile), nous vous recommandons de régler la taille de police dans les paramètres de la barre latérale de l'élément. Ainsi, votre design restera adaptatif et s'affichera correctement sur tous les écrans.

Pour plus d'informations, veuillez consulter cet article: Modifier les styles de texte

Comment accéder à l'éditeur de texte intégré dans GemPages ?

Pour accéder à la Éditeur de texte intégréSélectionnez le texte à modifier. La barre d'édition apparaîtra alors en haut du texte.

Cette fonctionnalité prend en charge tous les éléments qui incluent du texte modifiable (le texte que vous pouvez modifier dans l'éditeur GemPages), tels que :

• Élément d'en-tête
• Élément de bloc de texte
• Élément de liste d'articles
• Élément d'onglet
• Élément de bouton

Pour le texte auquel vous devez accéder depuis Shopify pour modifier le contenu (par exemple, le titre du produit, la description du produit, etc.), utilisez l'éditeur de texte intégré. la fonctionnalité est désactivée.

Paramètres intégrés de l'éditeur de texte

Voici un aperçu rapide de tous les paramètres disponibles dans l'éditeur de texte intégré :

1. Taille de la police

 Ajustez la taille de la police pour agrandir ou réduire votre texte.

Remarque : Ce paramètre n'est pas réactif, ce qui signifie que les modifications apportées à la taille de la police s'appliqueront uniformément sur tous les écrans de l'appareil.

2. Gras

Mettez votre texte en gras pour souligner les informations importantes.

3. Italique

Mettez votre texte en italique pour plus d'emphase ou de style.

4. Souligner

Soulignez le texte pour mettre en évidence les points clés.

5. Barré

Appliquez un effet barré pour indiquer le contenu obsolète ou supprimé.

6. Couleur du texte

Modifiez la couleur de votre texte pour l'adapter au thème de votre marque. Cliquez simplement sur l'icône Couleur du texte et faites votre choix dans la palette de couleurs.

7. Couleur d'arrière-plan du texte

Mettez en surbrillance le texte avec une couleur d’arrière-plan pour le faire ressortir.

Résultat:

8. Liste numérotée

Organisez le contenu dans une liste numérotée pour un aspect structuré. Idéal pour les guides étape par étape ou les listes.

9. Liste à puces

Utilisez des puces pour créer des listes faciles à parcourir.

10. Indice

Ajoutez du texte en indice, utile pour les formules chimiques ou les notes de bas de page (par exemple, Vitamine A1, B2)

11. Exposant

Ajoutez du texte en exposant, parfait pour les exposants ou les nombres ordinaux (par exemple, 1er, 2e).

12. Lien

Insérez un lien hypertexte en mettant en surbrillance le texte, en cliquant sur l'icône Lien et en saisissant l'URL. Cette fonction est idéale pour rediriger les utilisateurs vers d'autres pages ou ressources.

13. Bouton Supprimer le format

Effacer toute la mise en forme du texte sélectionné, en le ramenant au style par défaut.

Paramètre de taille de texte réactif

Lorsque vous modifiez la taille du texte directement à partir du Éditeur de texte intégréL'éditeur générera un code CSS personnalisé pour ce texte. La taille du texte sera alors appliquée. uniformément sur tous les appareils (ordinateur de bureau, tablette et mobile).

Si vous souhaitez définir des tailles de texte différentes pour chaque écran, nous vous recommandons d'ajuster la taille à partir de la paramètres de la barre latérale gauche à la place.

Exemple :

• Utilisation de l'éditeur de texte en ligne : Taille du texte = 20 px sur tous les appareils, y compris les ordinateurs de bureau, les tablettes et les téléphones mobiles.
• Utilisation des paramètres de la barre latérale gauche : vous pouvez définir 20 px pour le bureau, 18 px pour la tablette et 16 px pour le mobile indépendamment.

De cette façon, vous aurez un contrôle réactif total de votre typographie sur différents appareils.

Reportez-vous à cet article pour en savoir plus à propos de Conception Web Réactive de GemPages.