Éditeur Studio : Ajouter et personnaliser du texte réductible
4 min
Dans cet article
- Ajout de texte réductible
- Ajuster la mise en page du texte réductible
- Modifier le texte réductible
- Concevoir le design de la zone de texte réductible
Le texte réductible est une excellente option si vous avez beaucoup d'informations que vous souhaitez afficher. Certaines parties du texte sont masquées et les visiteurs peuvent afficher le texte complet en cliquant sur un bouton d'agrandissement ou sur un lien vers l'intégralité du texte.
Ajout de texte réductible
En fonction de vos besoins, vous pouvez ajouter différents styles de texte réductible à la page. Certains éléments prédéfini comprennent un bouton de développement de texte sur la page actuelle, d'autres affichent un lien qui redirige les visiteurs vers une autre page pour lire l'intégralité du texte.
Pour ajouter du texte réductible :
- Cliquez sur Ajouter des éléments
à gauche de l'éditeur. - Cliquez sur Texte.
- Cliquez sur Texte réductible.
- Faites glisser la zone de texte de votre choix sur la page.
Ajuster la mise en page du texte réductible
Choisissez la façon dont les visiteurs peuvent lire le corps du texte. Ajoutez un bouton qui ouvre le texte complet sur la page actuelle, ou un lien qui redirige les visiteurs vers l'élément complet.
Vous pouvez également définir l'alignement, l'espacement et le nombre de lignes qui apparaissent avant qu'un visiteur ne doive cliquer dessus.
Pour ajuster la mise en page du texte :
- Cliquez sur la zone de texte réductible.
- Cliquez sur l'icône Mise en page
.
- Personnalisez la mise en page à l'aide des options :
- Choisir la façon dont le texte apparaît : Sélectionnez l'apparence du texte sur le site en ligne :
- Réduisez : Les visiteurs voient un aperçu du texte et ils doivent cliquer sur un bouton ou un lien pour lire le corps complet du texte. Vous pouvez le personnaliser pour qu'il ait l'aspect que vous souhaitez :
- Nombre de lignes affichées : Paramétrez le nombre de lignes de texte affichées dans l'aperçu.
- Espace entre le texte et le bouton : Agrandissez ou réduisez l'espace entre l'aperçu du texte et le bouton/lien pour agrandir.
- Afficher tout : L'ensemble du texte est affiché sur la page et n'est pas réduit.
- Réduisez : Les visiteurs voient un aperçu du texte et ils doivent cliquer sur un bouton ou un lien pour lire le corps complet du texte. Vous pouvez le personnaliser pour qu'il ait l'aspect que vous souhaitez :
- Direction : Sélectionnez si le texte se lit de gauche à droite ou de droite à gauche.
- Alignement : Alignez le texte à gauche, au centre ou à droite de la zone de texte.
- Avancé : Formatez le ou les boutons et le texte individuellement en sélectionnant leur direction et leur alignement.
- Choisir la façon dont le texte apparaît : Sélectionnez l'apparence du texte sur le site en ligne :
Modifier le texte réductible
Après avoir ajouté une zone de texte réductible, cliquez sur Modifier le texte pour saisir le corps complet du texte (jusqu'à 120 000 caractères) et mettre à jour ses paramètres. Vous pouvez également modifier le texte des boutons agrandir / lien pour dire ce que vous souhaitez.
Pour modifier le texte :
- Cliquez sur la zone de texte réductible.
- Cliquez sur Modifier le texte.
- Saisissez ou collez le texte complet sous Modifier le texte.
- Décidez de l'action du bouton :
- Développer : Cliquer sur le bouton développe la zone de texte sur la page actuelle pour afficher la totalité du texte.
- Lien : Cliquer sur le bouton redirige les visiteurs vers une autre page avec le texte complet. Assurez-vous de choisir la destination sous Liens vers.
- Saisissez le texte que vous souhaitez voir apparaître sur le(s) bouton(s).
- Mettez à jour les paramètres du texte :
- Nom d'accessibilité : Saisissez un titre bref et descriptif qui décrit le type et le contenu du texte.
- Choisir une balise HTML : Choisissez une balise titre pour définir le type de texte pour les moteurs de recherche et les technologies d'assistance.
Concevoir le design de la zone de texte réductible
Personnalisez le design de la zone de texte réductible en fonction de l'esthétique de la page. Vous pouvez ajuster l'apparence de la zone elle-même (par exemple sa couleur d'arrière-plan), formater le texte et personnaliser le bouton/lien menant au texte intégral.
Pour concevoir le design de la zone de texte réductible :
- Cliquez sur la zone de texte réductible.
- Cliquez sur la flèche Ouvrir l'inspecteur
en haut à droite de l'Éditeur. - Faites défiler la page jusqu'à Design.
- Sélectionnez une option sous Que souhaitez-vous concevoir ?:
- Texte : Personnalisez la boîte qui contient le texte (p. ex. couleur d'arrière-plan, bordures, ombre), ainsi que le texte lui-même (police, taille et plus).
- Bouton : Personnalisez le lien ou le bouton sur lequel les visiteurs cliquent pour afficher le texte complet. Vous pouvez l'ajuster sur 3 états différents: Normal, Survol et Désactivé.
Remarque :
Pour le moment, l'option de mise à l'échelle du texte n'est pas disponible pour le texte réductible.
