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.

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

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:

• Ajuste a fonte, o tamanho e o espaçamento.
• Diminua as palavras.
• Se o seu site ajusta do tamanho das fontes, deixe no tamanho mínimo para que o cabeçalho possa diminuir conforme necessário.
• Troque os endereços de e-mail longos por um link para o endereço.
• Troque os URLs longos por um texto com link ou um botã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:

• O texto deve estar em uma coluna simples.
• Nos itens em uma grade, diminua o número de itens por linha para que cada item tenha mais espaço. Em uma página em grade ou empilhada do blog, por exemplo, você deve reduzir o ajuste Publicações por linha (máx.).
• Se der para ajustar a largura do site ou da página, tente aumentá-la. Você encontra esses ajustes em Estilos do site.
• Na versão 7.0, você pode consultar o guia do seu template para ver mais opções, como as configurações de inserção de conteúdo.

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.

Atençã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ê:

• Conheça as recomendações para adicionar um código personalizado.
• Leia o nosso guia geral sobre personalizações baseadas em código.
• Visite nosso Squarespace Forum para clientes e desenvolvedores.
• Contrate um Squarespace Expert para criar um código personalizado para o seu site.

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.