Découvrir et utiliser le Rich Text sur Webflow

L'outil no code Webflow nous permet d'utiliser de nombreux éléments pour structurer et développer notre site web. L'éditeur de Rich Text en fait parti.

Cet élément va nous permettre de créer et styliser facilement  un bloc de contenu pour un site web. La particularité de ce bloc de contenu Rich Text est qu'il est possible d'ajouter des éléments de types différents. Tels que du texte, des images, des vidéos, des liens, des embed code, des listes, etc.

Nous allons voir ensemble les avantages de cet élément et comment s'en servir.

Les avantages d'un Rich Text dans un projet Webflow

• Facilité d'utilisation: Vous pouvez rapidement et facilement mettre en forme votre texte grâce à la barre d'outils de mise en forme intégrée

• Collaboration: Vous pouvez facilement partager votre projet Webflow avec d'autres personnes et travailler ensemble sur le contenu de votre site Web.
  Le Rich Text est compatible avec de nombreux formats de fichier courants, ce qui facilite le partage et la collaboration sur des projets.

• Flexibilité en ce qui concerne la mise en forme du texte, vous permettant de mettre des couleurs, des polices de caractères différentes, des tailles de texte variables, des soulignements, du gras, de l'italique, des listes à puces, des alignements, des marges et de nombreux autres éléments de mise en forme, pour donner vie à votre contenu.
  

Comment appliquer un Rich Text dans Webflow ?

Accéder à l'éditeur de Rich Text et ajouter un rich text

Dans votre projet Webflow :

• sélectionnez la page (statique ou dynamique) souhaitée

Dans la barre latérale gauche du designer :

• cliquez sur l'icône "Ajouter un élément"
• sélectionnez l'élément Rich text. Ou "Ctrl + K"

Un bloc de texte vide apparaîtra sur votre page :

• cliquez dans ce bloc et commencez à saisir votre texte.

2 façons de personnaliser l'apparence du Rich Text

Pour personnaliser l'apparence de votre rich text, vous pouvez appliquer des styles de paragraphe en accédant aux icônes de formatage situées dans la barre d'outils au-dessus du bloc de texte :

• changer la police, la taille et la couleur du texte
• mettre le texte en gras ("Ctrl + B"), en italique ("Ctrl + I")
• ajout du soulignement

vous pouvez intégrer :

• des listes à puces
• des images
• des vidéos
• des liens
• des embed code
• et bien d'autres éléments de mise en forme

Il est également possible d'appliquer les styles de paragraphe et de caractère disponibles dans Webflow :

• large gamme de polices de caractère, de tailles de police et de couleurs
• ajout des bordures, des ombres
• et d'autres effets visuels à vos éléments de texte

→ N'oubliez pas d'enregistrer vos modifications et de publier votre site.

Quelles sont les utilisations courantes du Rich Text dans Webflow ?

Dans les différentes pages statiques du site

L'éditeur de Rich Text de Webflow est particulièrement utile pour la création de contenu à l'intérieur des pages statiques de tout le site..

Par exemple, vous pouvez :

• créer du contenu pour votre page "À propos" ou "mentions légales"
• mettre en forme des listes à puces et des liens

Dans les collections (pages dynamiques)

Dans vos collections vous pouvez ajouter un champ Rich Text dans un item et le compléter avec du texte. Il est ensuite possible de le connecter le champ Rich Text au champ dynamique Rich Text d'une page dynamique

• si vous souhaitez mettre en forme votre texte de manière avancée,
• si vous avez besoin de flexibilité dans la création d'éléments de collection
• si vous cherchez une solution de mise en forme facile à utiliser
• pour réduire considérablement le nombre de champs

→ En effet, la création de champs de texte mis en forme dans votre collection peut être pratique si vous avez besoin de créer des éléments de collection avec du contenu différent à chaque fois. Par exemple, si vous avez une collection d'articles de blog et que vous souhaitez avoir des articles avec du texte mis en forme, vous pouvez ajouter un champ de texte Rich Text pour chaque article.

Un élément à découvrir et tester sur Webflow

Lors de la conception du site internet, le Rich Text peut être utile si vous souhaitez mettre en forme votre texte de manière avancée, si vous cherchez une solution de mise en forme facile d'utilisation et si vous avez besoin de partager et de collaborer sur votre projet avec d'autres personnes.

Pour une personnalisation avancée et sur tous les éléments existants de webflow (boutons, formulaires, slider, etc.). Il existe les attributs Finsweet qui permettent d'avoir un Rich Text sans limites de création.

→ Découvrez notre article sur les composants personnalisés d'un Rich Text.