Entendendo a hifenização automática na versão 7.0

Ultima atualização 22 de Agosto de 2024

Os sites da versão 7.0 usam hífen para ligar uma palavra de uma linha a outra.

O hífen (-) separa as palavras que passam da margem de uma área de texto. Poucos browsers fazem isso automaticamente. Se uma palavra no site passar do limite do browser, os visitantes talvez tenham que rolar a tela para o lado para lerem a palavra.

Para manter o texto visível, o Squarespace quebra automaticamente as palavras longas demais para a linha seguinte. Como parte dessa quebra, adicionamos um hífen aos cabeçalhos para mostrar quando uma palavra se divide em duas linhas. Com isso, o seu site se adapta aos aparelhos móveis e aos browsers estreitos.

Acessando o recurso

Este guia é para a versão 7.0. Na versão 7.1, o texto não é hifenizado.

long-header.png

Não quero meu texto hifenizado

Não há como desativar a hifenização automática; se você não gostar desse recurso, tente estas opções.

Encurte o texto

Para evitar ao máximo a hifenização nos cabeçalhos, ajuste o texto para ocupar menos espaço:

Amplie o contêiner

Contêiner é a caixa invisível na qual o texto aparece. Se o bloco de texto estiver em uma barra lateral, por exemplo, o contêiner terá a largura dessa barra.

Quanto mais estreito o contêiner, mais provável que haja hifenização. Confira algumas opções para ajustar a largura dos contêineres onde o texto aparece:

Use um código personalizado para desativar a hifenização

Se você souber codificação, é possível adicionar um código personalizado ao CSS para excluir os hifens. Atenção: essa modificação é avançada; como todo código personalizado, não é garantido que ele funcione, e essa ação pode interferir no design do site.

Esse tema já foi abordado no Squarespace Forum; leia esta publicação aqui para saber mais e para ver um exemplo de código.

Anotação

nosso suporte não cobre modificações no código personalizado; ou seja, não ajudamos na configuração nem na solução de problemas. Além disso, não garantimos a funcionalidade ou compatibilidade integral de nenhuma solução em código com o Squarespace. Isso inclui o funcionamento dele com nosso design responsivo, principalmente como ele aparece na versão móvel, e se ele funciona em todos os templates. O código personalizado também pode causar problemas de exibição nas futuras versões da nossa plataforma. Ainda assim, há muitos recursos para auxiliar você:

O texto não está sendo hifenizado

Em alguns casos, o texto do site não é automaticamente hifenizado:

  • Títulos do site
  • Texto principal
  • URL
  • Endereço de e-mail

Alguns templates também impedem a quebra de determinados textos, como o texto do banner no York.

Nesse caso, adicione manualmente um hífen e um espaço; ou siga as sugestões acima para otimizar ou trocar o texto e ampliar o contêiner.

Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.

Entendendo a hifenização automática na versão 7.0