widget: Texte et titres (rubriques)

Le texte et le titre widget offrent un large éventail d'options de personnalisation, dont la plupart sont accessibles via la barre d'outils texte. Grâce à cette interface d'édition simple, vous pouvez facilement modifier la police, la couleur, l'alignement et le style de votre texte. La barre d'outils texte vous permet d'effectuer rapidement des ajustements pour mettre en évidence les points clés et organiser efficacement l'information sur votre site.

Il existe trois textes widget qui se trouvent dans la bibliothèque widget:

  • Texte

  • H1 (Grand titre)

  • H3 (Petit titre)

Une fois qu'un texte widget est ajouté à un site, vous pouvez facilement passer d'une option de texte à l'autre. Par exemple, si vous ajoutez un texte widget mais que vous décidez ensuite de le transformer en H2, vous pouvez effectuer ce changement directement dans la barre d'outils texte.

Les types de texte disponibles sont les suivants : Paragraphe, H1, H2, H3, H4, H5 et H6 : Paragraphe, H1, H2, H3, H4, H5 et H6.

Modifier le texte (paragraphes et titres)

Pour modifier du texte sur votre site :

  1. Cliquez sur le texte que vous souhaitez modifier afin d'ouvrir le mode Édition.

  2. Sélectionnez le texte que vous souhaitez modifier en cliquant dessus et en le faisant glisser.

    edit-text.png
  3. Utilisez les options d'édition en ligne dans la barre au-dessus du texte pour modifier les styles de texte, les tailles, les polices, l'alignement, ajouter des liens, etc. Pour plus de détails sur la barre de texte, reportez-vous à la section de cet article intitulée Barre de texte tool .

Texte tool Barre

texte-tool-bar.png

Numéro

Nom du paramètre/de l'option

Description et notes

1

Assistant IA

Générez du contenu rapidement et travaillez plus efficacement grâce à l'assistant IA. Pour plus d'informations, reportez-vous à la section Assistant AI pour l'éditeur de texte.

2

Basic options de formatage

Mettre en gras, en italique et souligner le texte sélectionné.

3

Plus d'options de formatage

Cliquez sur l'icône horizontale à trois points pour trouver les options suivantes à appliquer au texte sélectionné :

  • Espacement des lettres

  • Ombre du texte

  • Barrer

  • Tout en majuscules

4

La couleur du texte

Changez la couleur du texte sélectionné.

5

Formatage clair

Réinitialise le texte sélectionné au format défini dans le thème du site. Pour plus d'informations sur le texte du thème, voir Thème du site.

6

Type de texte

Sélectionnez le type de texte :

  • Paragraphe

  • Rubrique 1 (H1)

  • Rubrique 2 (H2)

  • Rubrique 3 (H3)

  • Rubrique 4 (H4)

  • Rubrique 5 (H5)

  • Rubrique 6 (H6)

Tout le texte sera converti dans le type de texte sélectionné.

Si le style du texte a été modifié manuellement et que vous souhaitez appliquer les changements au texte du thème, utilisez l'option Mettre à jour le thème située au bas de la liste déroulante.

7

Paramètres de typographie

Modifier la famille de polices et la taille du texte sélectionné.

Cette opération permet de déconnecter le texte du thème. Pour le reconnecter, cliquez sur l'icône Effacer le formatage (numéro 5 dans le tableau et la capture d'écran).

8

Texte du lien

Ajoutez un lien au texte sélectionné. Pour plus d'informations sur le sélecteur de liens, reportez-vous à la section Sélecteur de liens.

9

Alignement

Modifiez l'alignement de tout le texte dans le widget.

10

Hauteur de ligne

Modifier la hauteur de ligne du texte sélectionné. Des options prédéfinies sont disponibles, ainsi que des options personnalisées.

11

Liste des options

Transformez le texte sélectionné en liste numérotée ou à puces. Utilisez la flèche vers le bas pour modifier le style de la liste à puces. Pour en savoir plus sur les listes, consultez les listes de puces et de numéros.

12

Orientation du texte

Changer le sens du texte.

13

Connecter aux données

Connectez une chaîne de texte aux données plutôt que le widget texte complet.

14

Annuler et refaire

15

Quitter le mode édition

Cliquez sur la coche pour quitter le mode d'édition du widget.

Listes de puces et de numéros

Créez une liste à puces ou numérotée à l'aide des outils de texte dans le widget Texte. Les listes constituent un moyen de regrouper un contenu, des fonctions ou des produits pour que les visiteurs puissent rapidement comprendre et comparer des informations.

Pour ajouter une liste à puces ou numérotée :

  1. Cliquez sur le texte que vous souhaitez intégrer à une liste.

  2. Mettez le texte en surbrillance et cliquez sur la liste à puces (bullet-list-icon.png) ou sur la liste de chiffres (nombre-liste-icône.png) dans la barre d'outils texte.

    • (Facultatif) Pour sélectionner un autre style de puce, cliquez sur la flèche vers le bas située à côté de l'icône Liste de puces (bullet-list-options-flèche.png).

  3. Pour créer des puces et des listes imbriquées, appuyez sur la touche Tabulation de votre clavier. La puce ou le numéro est affiché en retrait à droite.

    Vous pouvez avoir plusieurs listes à puces et à numéros imbriquées.

Rédacteur en chef de la conception

Les options de conception de l'éditeur de conception s'appliquent au widget lui-même, comme l'ajout d'un arrière-plan.

Pour styliser le texte dans le site widget, utilisez la barre d'outils de texte (voir la section Barre de texte tool dans cet article). Toutefois, si le widget est connecté à des données, les paramètres de texte seront disponibles dans l'éditeur de conception. Gardez à l'esprit que lorsque vous personnalisez les paramètres de texte dans l'éditeur de conception pour les sites widget connectés à des données, ces modifications remplacent les paramètres du thème du site et rompent la connexion au thème. Par conséquent, les modifications futures du thème n'affecteront pas le texte de ce widget. Pour plus d'informations, voir Texte du thème. Pour plus d'informations sur les données connectées, reportez-vous à la section Vue d'ensemble du contenu dynamique.

Caractéristiques et limites

  • La taille du texte peut aller jusqu'à 500 px.

  • Plusieurs types de texte peuvent être contenus dans un seul élément de texte. Par exemple, les titres 2, les paragraphes et les titres 3 peuvent tous être utilisés dans le même élément. Le texte doit être sur sa propre ligne, séparé par la touche Entrée.

  • Si une police propose d'autres poids, vous pouvez la sélectionner dans la liste des polices. Pour sélectionner la graisse d'une police, hover sur la police pour voir les options de graisse disponibles (normal, gras).

    font-weights.png
  • Le copier-coller fonctionne en externe et en interne. Le collage à partir d'emplacements externes et à l'intérieur de l'éditeur (interne) applique les styles de texte du thème et tous les styles en ligne qui ont été appliqués au texte dans l'éditeur. Les caractères gras, soulignés et italiques sont conservés dans le texte copié.

  • Hauteur de ligne personnalisée. En plus des hauteurs de ligne par défaut, vous pouvez désormais choisir une hauteur de ligne personnalisée.

  • Spécifiez l'espacement des lettres. Pour sélectionner l'espacement des lettres, cliquez sur l'icône des trois points dans l'éditeur de texte en ligne et sélectionnez l'une des options suivantes :

    • Auto

    • Condensé (-0,05)

    • Étendu (0,2)

    • Personnalisé (entre -2 et 0,5, par incrément de 0,01)

  • Toutes les casquettes. Pour modifier la police en majuscules, cliquez sur l'icône des trois points dans l'éditeur de texte en ligne, puis sur l'option Tout en majuscules.

  • L'ombre. Sélectionnez la couleur et la position.

  • Texte barré.

  • Relier le texte aux données. Cliquez sur l'icône des données connectées dans l'éditeur de texte en ligne.

  • Aucune option ne permet d'ajouter une liste avec un titre.

  • Si plusieurs tailles de police sont utilisées pour des éléments d'une liste à puces, la taille du thème du site s'applique.

Tags HTML

Par respect des bonnes pratiques HTML5, nous n'autorisons pas les mises à jour des informations HTML du texte à l'aide d'un tag non pris en charge.

Pour ajouter un style particulier à un texte, nous vous recommandons de l'ajouter aux CSS.

Les tags suivants sont pris en charge dans le mode développeur : img, sub, sup, blockquote, code