Création d’une citation en exergue en enveloppant le texte dans l’éditeur classique

Surlignez un texte important en créant une citation en exergue.

Dernière mise à jour le 21 mai 2024

Dans l’éditeur classique de Squarespace, vous pouvez créer des citations en exergue en faisant glisser des blocs Texte sur d’autres blocs Texte. Cette action revient à entourer du texte avec du texte ou à faire flotter des blocs Texte.

Une citation en exergue est une citation ou un extrait de page mis en évidence par rapport au reste du contenu. Ce type de citation permet d’aérer les paragraphes longs et de rendre la page plus attrayante, en particulier si vous variez la taille ou la police des caractères.

Une citation en exergue fonctionne différemment de l'option de citation dans un bloc de texte ou un bloc Citation. Le texte mis en forme de citation ou ajouté à un bloc Citation possède sa propre mise en forme. Cependant, les citations en exergue peuvent être formatées de n'importe quelle manière comme pour un bloc Texte.

Vous pouvez utiliser des citations en exergue pour partager :

  • Les informations les plus importantes d’un document commercial
  • Les meilleures citations d’une interview
  • Des témoignages client sur un produit

Accéder à cette fonctionnalité

Ce guide concerne une option de design disponible uniquement dans l’éditeur classique. Il n’est pas possible d’envelopper du texte autour d’autres blocs dans l’Éditeur intuitif.

Regarder une vidéo

Ajouter et mettre en forme un texte

La première étape consiste à ajouter du texte pour la citation en exergue :

  1. Créez un nouveau bloc Texte et ajoutez le texte que vous utiliserez pour la citation en exergue. Assurez-vous que cette dernière se trouve dans son propre bloc Texte et ne fait pas partie d’un autre.
  2. Sélectionnez le texte, puis un format dans le menu déroulant. Les sites version 7.1 disposent de plusieurs options de mise en forme de paragraphe pour faire ressortir le texte. Si votre site est sur la version 7.0, nous vous recommandons de sélectionner un format de titre pour mettre le texte en valeur par rapport à du texte normal.

Si vous utilisez une mise en forme de titre, vérifiez que votre citation en exergue comporte un contenu important pour la page (comme des mots-clés), car cela peut avoir un impact sur votre SEO.

format-text.png

Positionner la citation en exergue

Ensuite, vous allez glisser-déposer le bloc Texte à l’emplacement souhaité.

  1. Survolez le bord du bloc jusqu’à ce que votre curseur se transforme en main.
  2. Cliquez sur le bloc et faites-le glisser pour le déplacer sur la page.
  3. Lorsque vous faites glisser le bloc, une zone grisée indique l’endroit où il apparaîtra dans le texte. Déposez-le à l’endroit souhaité. Vous trouverez plus d’informations sur le déplacement des blocs dans ce guide.

Astuce

si vos blocs Texte ont été fusionnés, ajoutez un bloc Espaceur pour les séparer. Vous pourrez le supprimer ultérieurement.

wrap-text.png

Voici à quoi ressemblera la citation en exergue :

pull-quote-final.png

Astuce

si vous avez plusieurs citations en exergue, utilisez la même option de format pour chacune d’entre elles afin de garantir une apparence cohérente.

Personnaliser la citation en exergue

Vous pouvez faire ressortir la citation en exergue en lui attribuant une autre couleur ou un autre style dans le panneau Design.

  1. Sur la page que vous modifiez, ouvrez le panneau Styles du site, puis cliquez sur Polices pour modifier les polices.
  2. Cliquez sur styles de Site, puis cliquez sur Couleurs pour modifier les couleurs.
  3. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez aussi cliquer sur Quitter puis sur Enregistrer pour fermer l’éditeur.
  1. Lorsque vous êtes sur la page que vous modifiez, revenez dans le panneau Site web.
  2. Cliquez sur Design, puis sur Styles du site.
  3. Utilisez les ajustements de style du panneau Styles du site pour modifier le style de la citation. Par exemple, si vous avez appliqué le format Titre 3 à la citation, modifiez l’ajustement Titre 3.

Faire flotter d’autres blocs dans le texte

Vous pouvez faire flotter n’importe quel type de bloc dans un bloc Texte pour créer un effet d’encadrement. Vous pouvez le faire avec un bloc Image, par exemple pour diviser de grandes quantités de texte.

Pour ce faire, cliquez sur le bloc et faites-le glisser sur un bloc Texte. Un cadre gris apparaît à l’endroit où le bloc s’affichera dans le texte. Pour en savoir plus, suivez les étapes décrites plus haut dans le guide.

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é.

Création d’une citation en exergue en enveloppant le texte dans l’éditeur classique