Mettre en forme un texte

Utilisez la barre d’outils de texte pour mettre en forme votre texte.

Dernière mise à jour le 30 avril 2024

Vous pouvez mettre en forme le texte dans le même éditeur que celui où vous ajoutez du texte, comme dans les blocs texte ou les légendes des blocs Image.

Ce guide présente les différentes façons de mettre en forme le texte : configuration du texte de l'en-tête ou du paragraphe, création de listes, ajout de retraits, mise en gras ou en italique.

Astuce

pour en savoir plus sur la personnalisation du style du texte, notamment sur les polices, les couleurs et l’espacement, consultez l’article Personnaliser le texte.

Formater du texte

Vous pouvez appliquer la mise en forme au texte pendant que vous le modifiez ou que vous l’ajoutez.

Pour mettre en forme votre texte dans des zones de texte telles que les légendes des blocs Texte et des blocs Image, procédez comme suit :

  1. Surlignez le texte que vous souhaitez mettre en forme.
  2. Utilisez les icônes de la barre d’outils pour appliquer la mise en forme voulue à votre texte.

Après avoir utilisé une barre d’outils Texte à plusieurs reprises, elle peut se réduire en une version condensée. Cliquez sur pour la développer.

expand_toolbar.png

Notez que certaines zones de texte, comme celles dans les panneaux et les paramètres de la page, disposent d’options de mise en forme différentes. Par exemple :

  • L’icône couleurs apparaît uniquement dans les blocs Texte de la version 7.1.
  • La barre d'outils du texte du bloc Image de la version 7.0 comprend des icônes pour mettre en gras, mettre en italique, lier, coller en tant que texte brut et effacer la mise en forme. Les autres options de format ne sont pas prises en charge
  • L’icône presse-papiers permettant de coller sous forme de texte brut n’apparaît pas dans les zones qui suppriment automatiquement la mise en forme.

Consultez les sections ci-dessous pour en savoir plus sur les étapes propres à chaque type de mise en forme.

Alignement

Dans la barre d’outils Texte, cliquez sur l’icône d’alignement des paragraphes pour aligner le texte à gauche, au centre, à droite ou le justifier.

Text_toolbar_align_text_drop-down_menu.jpg

Gras

Dans la barre d'outils Texte, cliquez sur le B pour mettre le texte en gras.

Remarque

si votre pack de polices n’inclut pas de versions en gras, l’apparence de votre texte en gras variera peut-être d’un navigateur à un autre. Pour améliorer la cohérence du texte en gras sur différents navigateurs, choisissez une police avec davantage de styles.

Bold_icon_Squarespace_text_toolbar_large_letter_B.png

Code

La méthode d'affichage du code dépend de la version de votre site.

La barre d’outils Texte ne met pas en forme le texte en tant que code. Pour afficher des exemples de code dans votre texte, utilisez l’option Afficher la source dans un bloc Code.

Dans la barre d’outils Texte, utilisez le menu déroulant Mise en forme pour sélectionner Code. Vous pouvez ainsi afficher des exemples de code dans le bloc Texte sans qu’ils soient interprétés.

En fonction de vos besoins, vous pouvez préférer utiliser l’option Afficher la source dans un bloc Code, car le bloc Code met automatiquement en forme les extraits de code pour une meilleure lisibilité.

code.png

Titres

Dans la barre d’outils Texte, utilisez le menu déroulant Mise en forme pour créer des titres. Les options de titre varient en fonction de la version de votre site.

Headings_drop-down_Squarespace_text_toolbar.png

Choisissez parmi quatre niveaux de titres :

  • Titre 1 (h1)
  • Titre 2 (h2)
  • Titre 3 (h3)
  • Titre 4 (t4)

Faites votre choix parmi les trois niveaux de titre suivants :

  • Titre 1 (h1)
  • Titre 2 (h2)
  • Titre 3 (h3)

Astuce

créez une accroche en mélangeant plusieurs styles de titres et en combinant un bloc Texte avec un autre.

Mettre en évidence

Accéder à cette fonctionnalité

La mise en évidence du texte n’est prise en charge que dans les blocs Texte des sites de la version 7.1.

Dans la barre d’outils Texte, utilisez l’outil de Surbrillance du texte pour mettre en évidence votre texte. Dans le menu déroulant, sélectionnez une option de surlignage du texte :

  • Souligné
  • Main levée
  • Onde
  • Barrer en croix
  • Double
  • Irrégulier
  • Circle
  • Gribouiller
  • Ligne au-dessus et au-dessous
  • Barrer en diagonale
  • Barré

Personnalisez le surlignage du texte à l’aide des options de style suivantes :

  • Animation - Choisissez un style d’animation : dessin, fondu ou fondu et mise à l’échelle. Utilisez le curseur Durée pour définir la durée de l’animation. Si vous choisissez le style d’animation dessin, utilisez Direction pour sélectionner si l’animation va de gauche à droite ou de droite à gauche.
  • Passer au premier plan - Activez cette option pour mettre le texte en surbrillance. Lorsque cette option est désactivée, la surbrillance apparaît derrière le texte.
  • Couleur - Sélectionnez une couleur dans la palette de votre site ou une couleur personnalisée. Utilisez le curseur pour régler l’opacité.
  • Extrémités - Définissez une forme carrée ou ronde pour les extrémités de la surbrillance.
  • Épaisseur - Ajustez l’épaisseur de la surbrillance.
Text_highlit_icon_in_the_Squarespace_text_toolbar_letter_a_with_a_squiggle_under_it.png

Décalage

Dans la barre d’outils Texte, cliquez sur les icônes d’augmentation ou de diminution du retrait pour mettre le texte en retrait à gauche ou à droite. Cette opération concerne tout le paragraphe ; il n’est pas possible de mettre en retrait une seule ligne.

Indent_icon_Squarespace_text_toolbar.png

Italique

Dans la barre d'outils Texte, cliquez sur le bouton I pour mettre le texte en italique.

Italic_icon_Squarespace_text_toolbar.png

Lien

Dans la barre d'outils Texte, cliquez sur l'icône lien. Vous pouvez créer un lien vers :

  • Une page externe
  • Une page interne
  • Un fichier
  • Une adresse e-mail
  • Un numéro de téléphone

Pour des étapes plus détaillées, rendez-vous sur Ajouter des liens sur votre site.

Link_icon_Squarespace_text_toolbar.png

Liste

Dans la barre d’outils Texte, cliquez sur les icônes numérotation et liste à puces pour créer des listes.

List_icons_Squarespace_text_toolbar.png

Texte monospace ou texte de code

Le texte monospace dispose du même espacement horizontal entre chaque caractère. La dénomination de ce texte dépend de la version de votre site.

Dans la barre d'outils Texte, cliquez sur le menu déroulant Mise en forme et sélectionnez Monospace.

Pour en savoir plus sur les options de taille, de police et de couleur disponibles pour le texte monospace, consultez l’article Personnaliser le texte.

Monospace_drop-down_Squarespace_text_toolbar.png

Dans la barre d'outils Texte, cliquez sur le menu déroulant Mise en forme et sélectionnez Code.

Pour en savoir plus sur les options de taille et de couleur disponibles pour le texte de code, consultez l’article Personnaliser le texte. Il n’est pas possible de modifier le style de police.

code.png

Paragraphe ou texte normal

Mettez en forme le corps de texte principal de votre site à l’aide de la barre d’outils Texte. La dénomination de ce texte dépend de la version de votre site.

Dans la barre d’outils Texte, ouvrez le menu déroulant, sélectionnez l’option Paragraphe et ajoutez un corps de texte. Vous disposez de trois niveaux de texte de paragraphe :

  • Paragraphe 1
  • Paragraphe 2
  • Paragraphe 3

Pour en savoir plus sur les options de taille, de police et de couleur disponibles pour le texte de paragraphe, consultez l’article Personnaliser le texte.

Paragraph_drop-down_Squarespace_text_toolbar.png

Dans la barre d’outils Texte, sélectionnez Normal dans le menu déroulant pour ajouter un corps de texte sans mise en forme.

Pour savoir quels ajustements de style permettent de modifier la police, la taille et la couleur du corps de texte, consultez l’article Personnaliser le texte.

normal.png

Coller du contenu comme du texte clair

Si vous avez copié un texte qui se trouvait dans un programme tiers, collez-le dans le bloc sous forme de texte brut en cliquant sur l’icône presse-papiers dans la barre d’outils Texte.

Paste_as_plain_text_icon_Squarespace_text_toolbar.png

Citation

Dans la barre d'outils Texte, cliquez sur l'icône citation pour mettre en forme les citations.

Quote_icon_Squarespace_text_toolbar.png

Supprimer le formatage

Dans la barre d’outils Texte, cliquez sur l’icône de suppression de la mise en forme pour supprimer toute la mise en forme du texte. Cette fonction peut être utile si vous collez un texte que vous avez copié dans d’autres sources ou si vous souhaitez repartir de zéro. Dans les blocs Texte de la version 7.1, cela supprime également toutes les couleurs de texte personnalisées.

Squarespace_text_toolbar_clear_text_formatting_button.jpg

Échelle

Accéder à cette fonctionnalité

La mise à l’échelle du texte n’est prise en charge que dans certaines familles de templates de la version 7.0 et dans les blocs Texte des sites utilisant la version 7.1.

Pour définir la taille du texte afin de remplir la largeur du bloc sans saut de ligne, quelle que soit la taille du navigateur, cliquez sur l’icône Mettre le texte à l’échelle dans la barre d’outils de texte. Cette option est idéale pour les textes courts (titres, en-têtes) ; un texte plus long peut s’afficher en taille trop petite, en particulier sur les navigateurs mobiles.

Lorsqu’un texte est mis à l’échelle, les autres paramètres de taille ne s’appliqueront pas à lui.Vous pouvez utiliser la mise en forme des en-têtes ou des paragraphes pour conserver le même style, comme la police, et pour optimiser votre texte pour le SEO.Lorsqu’un texte est mis à l’échelle, vous pouvez tout de même le mettre en gras, en italique ou en barré, et en modifier la couleur, mais les options telles que les listes et les citations en exergue ne fonctionneront pas.

Scaling_text_icon_Squarespace_text_toolbar.png

Barré

Dans la barre d’outils Texte, cliquez sur l’icône barré pour barrer le texte.

Strikethrough_icon_Squarespace_text_toolbar.png

Souligné

Les options de soulignement varient en fonction de la version de votre site.

Certains éléments de page, comme les écrans de verrouillage ou les fenêtres contextuelles promotionnelles, présentent des options de soulignement du texte. Or, les blocs Texte ne permettent pas de souligner depuis la barre d'outils Texte.

Vous pouvez également sélectionner du texte et utiliser le raccourci clavier + U sur un Mac ou Ctrl + U sous Windows pour ajouter un soulignement.

Choisissez soigneusement le texte que vous allez souligner, car les visiteurs supposent souvent qu’un texte souligné contient un lien et peuvent essayer de cliquer dessus.

Dans le panneau Styles du site, certains templates permettent de souligner des types de texte spécifiques. Utilisez le tableau ci-dessous pour consulter le type de texte que vous pouvez souligner dans ces familles de templates.

Vous pouvez également sélectionner du texte et utiliser le raccourci clavier + U sur un Mac ou Ctrl + U sous Windows pour ajouter un soulignement.

Choisissez soigneusement le texte que vous allez souligner, car les visiteurs supposent souvent qu’un texte souligné contient un lien et peuvent essayer de cliquer dessus.

Famille de templates

Texte que vous pouvez souligner

Adirondack

Titres des pages et des articles de blog

Avenue

Liens dans le corps

Aviator

Aucun

Bedford

Aucun

Brine

Barre de recherche dans l'en-tête

Farro

Barre de recherche dans l'en-tête

Five

Titre de la barre latérale et texte T3

Flatiron

Aucun

Forte

Liens dans le corps

Galapagos

Aucun

Ishimoto

Aucun

Momentum

Liens dans le corps

Montauk

Aucun

Native

Liens dans le corps

Pacific

Aucun

Skye

Liens dans le corps

Supply

Aucun

Tremont

Liens de navigation et liens de menu indexés

Wells

Aucun

Wexley

Liens dans le corps

York

Aucun

Dépannage

Si vous copiez-collez un contenu à partir de programmes tels que Microsoft Word ou Google Drive, le texte peut avoir des options de style cachées qui interfèrent avec la mise en forme Squarespace. Si vous rencontrez des problèmes d’espacement ou de titres lorsque vous collez du texte, consultez l’article Résoudre les problèmes liés à la mise en forme du texte.

N’hésitez pas à faire appel à un designer indépendant via Squarespace Marketplace afin de personnaliser le texte de votre site.

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.