Comprendre la césure automatique dans la version 7.0

Dernière mise à jour le 16 avril 2024

Les sites de la version 7.0 regroupent les mots d’une ligne à l’autre à l’aide de traits d’union.

Les traits d’union (-) séparent les mots qui dépassent les limites d’une zone de texte. Seuls certains navigateurs Web le font automatiquement. Si un mot sur un site dépasse le cadre du navigateur, les visiteurs devront peut-être faire défiler la page vers le côté pour lire le mot.

Pour garantir la visibilité de votre texte, Squarespace coupe automatiquement les mots trop longs et les fait passer à la ligne suivante. Pour ce faire, nous ajoutons des traits d’union aux en-têtes pour indiquer qu’un mot est divisé en deux lignes. Cela permet à votre site de s’adapter aux appareils mobiles et autres navigateurs étroits.

Accéder à cette fonctionnalité

Ce guide concerne la version 7.0. Le texte ne comporte pas de trait d’union dans la version 7.1.

long-header.png

Je ne veux pas que mon texte comporte de traits d’union

Il n’existe aucune méthode intégrée pour désactiver la césure automatique, mais si le résultat ne vous convient pas, essayez les options suivantes.

Raccourcissez votre texte

Pour éviter autant que possible la césure dans les en-têtes, essayez d’ajuster le texte de manière à ce qu’il prenne moins de place :

Élargir le conteneur

Un conteneur est la zone invisible dans laquelle s’affiche votre texte. Par exemple, si votre bloc Texte s’affiche dans une barre latérale, le conteneur aura la largeur de la barre latérale.

Plus le conteneur est étroit, plus le risque de césure est élevé. Voici quelques options pour ajuster la largeur des conteneurs dans lesquels le texte s’affiche :

  • Assurez-vous que votre texte se trouve dans une seule colonne.
  • Pour les éléments d’une grille, diminuez le nombre d’éléments par ligne afin que chaque élément dispose de plus d’espace. Par exemple, dans une page Blog en grille/empilée, vous réduirez le réglage Publications par ligne (max.).
  • Si votre site dispose de réglages qui permettent d’ajuster la largeur du site ou de la page, essayez de l’augmenter. Vous trouverez ces réglages dans la rubrique Styles de site.
  • Si votre site utilise la version 7.0, consultez le guide des templates pour plus d’options, telles que les paramètres d’insertion du contenu.

Utiliser un code personnalisé pour désactiver la césure

Si vous avez des connaissances en matière de codage, vous pouvez ajouter du code personnalisé au CSS pour supprimer les traits d’union. Veuillez noter que cette opération est une modification avancée. Comme pour tout code personnalisé, son bon fonctionnement n’est jamais garanti, et il est susceptible d’interférer avec le design de votre site.

Ce sujet a été abordé dans notre Squarespace Forum. Pour en savoir plus et découvrir un exemple de code, vous pouvez lire cet article.

Remarque

les modifications de code personnalisé ne sont pas prises en charge par notre service d’assistance. Nous ne sommes pas en mesure de vous aider ni pour la configuration ni pour la résolution de problèmes. En outre, si vous utilisez une solution basée sur du code, nous ne pouvons garantir sa fonctionnalité ni son entière compatibilité avec Squarespace, c’est-à-dire son fonctionnement avec notre design réactif et plus particulièrement son affichage sur les appareils mobiles, ainsi que son fonctionnement sur l’ensemble des templates. Le code personnalisé peut également causer des problèmes d’affichage lors des futures mises à jour de notre plateforme. À défaut de pouvoir vous assister pour ces éventuels problèmes, nous vous recommandons les ressources suivantes :

Mon texte ne comporte pas de trait d’union

Dans certains cas, il est possible que le texte de votre site ne comporte pas de trait d’union automatique, notamment :

  • les titres de site
  • un corps de texte
  • les URL
  • les adresses e-mail

Certains templates peuvent également empêcher la rupture de certains textes, comme le texte de la bannière de York.

Dans ce cas, ajoutez manuellement un trait d’union et un espace ou suivez les suggestions ci-dessus pour optimiser votre texte, le remplacer ou élargir le conteneur.

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

Comprendre la césure automatique dans la version 7.0