Use a barra de ferramentas de texto para formatar os textos.
Você pode formatar texto no mesmo editor em que adiciona texto, como em blocos de texto ou legendas de blocos de imagens.
Este guia analisa as diferentes maneiras de formatar textos, incluindo a definição de cabeçalho ou texto de parágrafo, criação de listas, adição de recuos e negrito ou itálico.
Dica: para saber mais sobre o estilo do texto, incluindo fontes, cores e espaçamento, acesse Estilizar texto.
Formatar texto
É possível formatar o texto quando ele está sendo digitado ou editado.
Para formatar o texto em áreas de texto como a legenda no bloco de texto e de imagem:
- Destacar o texto que você deseja formatar.
- Use os ícones da barra de ferramentas para aplicar formatação ao texto.
Depois de usar uma barra de ferramentas de texto algumas vezes, ela pode entrar em colapso em uma versão condensada. Clique em... para expandi-la.
Observe que certas áreas de texto, como as de painéis e configurações de página, têm opções de formatação diferentes. Por exemplo:
- O ícone de cor só aparece em blocos de texto na versão 7.1.
- A barra de ferramentas para texto em bloco de imagem na versão 7.0 inclui ícones para negrito, itálico, link, colar como texto simples e formatação clara. Outras opções de formatação não são suportadas.
- O ícone da área de transferência para colar como texto simples não aparece em áreas que removem automaticamente a formatação.
Use as seções abaixo para conferir as etapas específicas em cada tipo de formatação.
Alinhamento
Na barra de ferramentas de texto, clique no ícone do alinhamento de parágrafo para alinhar o texto à esquerda, ao centro, à direita ou justificado.
Cor de fundo do bloco
Na barra de ferramentas de texto, clique no ícone de fundo do bloco para adicionar uma cor ao fundo do bloco de texto. A cor é definida pelo tema de cores da seção. Para alterá-la, confira Alterando as cores.
Negrito
Na barra de ferramentas de texto, clique no B para texto em negrito.
Atenção: se o pacote de fontes não incluir pesos maiores, o texto em negrito poderá aparecer de forma diferente no browser. Para deixar o texto em negrito uniforme nos browsers, escolha uma fonte com mais estilos.
Código
A forma de exibição do código depende da versão do site.
A barra de ferramentas do texto não formata texto como código. Para mostrar exemplos de código no texto, use a opção Mostrar origem em um bloco de código.
Na barra de ferramentas do texto, use o menu suspenso Formatar para selecionar Código. Isso evita que códigos sejam processados no bloco de texto, e você pode mostrar exemplos de código.
Se necessário, você pode usar a opção Mostrar fonte em um bloco de código, já que esse bloco formata automaticamente os trechos de código para facilitar a leitura.
Títulos
Na barra de ferramentas de texto, use o Formato menu suspenso para criar títulos. As opções de cabeçalho são diferentes dependendo da versão do seu site.
Escolha entre quatro níveis de títulos:
- Heading 1 / h1 (Título 1)
- Heading 2 / h2 (Título 2)
- Heading 3 / h3 (Título 3)
- Título 4 (h4)
Escolha entre três níveis de cabeçalhos:
- Heading 1 / h1 (Título 1)
- Heading 2 / h2 (Título 2)
- Heading 3 / h3 (Título 3)
Dica: para criar uma citação em destaque, basta combinar estilos de título e integrar um Bloco de Texto a outro.
Destaque
Só é possível realçar o texto no bloco de texto nos sites da versão 7.1.
Na barra de ferramentas do texto, use a ferramenta Realce do texto para dar ênfase ao texto. No menu suspenso, selecione uma opção de realce do texto:
- Sublinhado
- Mão livre
- Onda
- Cruz
- Duplo
- Áspero
- Circle
- Rabisco
- Por cima e sublinhado
- Diagonal
- Tachado
Para personalizar o realce do texto, use as seguintes opções de estilo:
- Animação - escolha um estilo de animação: desenhar, desbotar ou desbotar e aumentar. Use o controle Duração para fixar quanto tempo dura a animação. Na animação de desenho, você pode usar Direção para selecionar se a animação vai da esquerda para a direita ou vice-versa.
- Trazer para frente - o realce fica na frente do texto. Quando desativado, o realce aparece por trás do texto.
- Cor - selecione uma cor da paleta do seu site ou uma cor personalizada. Use o controle para ajustar a opacidade.
- Pontas - deixe as pontas do realce na forma quadrada ou redonda.
- Espessura - ajuste a espessura do realce.
Aumentar Recuo
Na barra de ferramentas do texto, clique nos ícones de aumento ou de redução de recuo para recuar o texto para a esquerda ou para a direita. O recuo sempre recuará o parágrafo inteiro. Não é possível recuar somente uma linha.
Itálico
Na barra de ferramentas de texto, clique em I para colocar o texto em itálico.
Link
Na barra de ferramentas de texto, clique no ícone de link. Você pode criar um link para:
- Uma página externa
- Uma página interna
- Um arquivo
- Um endereço de e-mail
- Um número de telefone
Para passos detalhados, acesse Adicionar links ao seu site.
List (Lista)
Na barra de ferramentas de texto, clique nos ícones de listas numeradas e com marcadores para criar listas.
Texto monoespacial ou código
O texto monoespacial tem o mesmo espaço horizontal entre cada caractere. O nome do texto depende da versão do site.
Na barra de ferramentas de texto, clique no menu suspenso Formato e selecione Monospace.
Saiba mais sobre as opções de tamanho, fonte e cor do texto monoespacial em Edição do estilo do texto.
Na barra de ferramentas de texto, clique no menu suspenso Formato e selecione Código.
Saiba mais sobre as opções de tamanho e cor do texto de código em Edição do estilo do texto. Não é possível alterar o estilo de fonte.
Parágrafo ou texto normal
Para formatar o texto do corpo principal no site, use a barra de ferramentas do texto. O nome desse texto depende da versão do site.
Na barra de ferramentas do texto, use o menu suspenso para escolher a opção Parágrafo e adicionar um corpo de texto normal. Escolha entre três níveis de texto do parágrafo:
- Parágrafo 1
- Parágrafo 2
- Parágrafo 3
Saiba mais sobre as opções de tamanho, fonte e cor do texto do parágrafo em Edição do estilo do texto.
Na barra de ferramentas de texto, selecione Normal no menu suspenso para adicionar corpo de texto regular.
Para ver quais ajustes de estilo alteram a fonte, o tamanho e a cor do corpo do texto, confira Edição do estilo do texto.
Cole como texto simples
Se o texto foi copiado de um programa externo, cole-o no bloco como texto simples. Para isso, clique no ícone da prancheta na barra de ferramentas de texto.
Citação
Na barra de ferramentas de texto, clique no ícone de aspas para adicionar formatação de citação.
Remover formatação
Na barra de ferramentas de texto, clique no ícone Remover formatação para remover o texto da formatação. Isso pode ser útil se você colar texto de outras fontes ou quiser começar de novo. Nos blocos de texto da versão 7.1, isso também remove todas as cores de texto personalizadas.
Ajuste o tamanho
O ajuste do tamanho do texto só está disponível em algumas famílias de templates da versão 7.0 e nos blocos de texto dos sites da versão 7.1 .
Para fixar o tamanho do texto a fim de preencher a largura do bloco sem quebras de linha, seja qual for o tamanho do browser, clique no ícone de ajustar o tamanho texto na barra de ferramentas do texto. Essa opção é ideal para títulos curtos ou títulos; textos mais longos podem ficar pequenos demais, principalmente na versão móvel.
A alteração no tamanho do texto não afeta outras configurações de tamanho. Você pode usar a formatação dos títulos ou do parágrafo para combinar com outros estilos, como fontes; e para otimizar seu texto para SEO. Após o ajuste no tamanho, você ainda pode usar negrito, itálico e tachado e alterar a cor, mas opções como listas e citação em destaque não funcionarão.
Tachado
Na barra de ferramentas de texto, clique no ícone tachado para adicionar a formatação tachada.
Sublinhado
As opções de sublinhado variam de acordo com a versão do site.
Certas áreas, como telas de bloqueio e pop-ups promocionais, têm opções de sublinhado, mas os Blocos de Texto não suportam texto sublinhado com a barra de ferramentas de texto.
Você também pode destacar o texto e usar o atalho de teclado ⌘ + U em um Mac ou Ctrl + U no Windows para adicionar um sublinhado.
Considere os sublinhados com cuidado, pois os visitantes geralmente acham que o texto sublinhado é um link e podem tentar clicar nele.
Alguns templates têm opções nos estilos do site para sublinhar tipos específicos de texto. Use a tabela abaixo para revisar o tipo de texto que você pode sublinhar nessas famílias de templates.
Você também pode destacar o texto e usar o atalho de teclado ⌘ + U em um Mac ou Ctrl + U no Windows para adicionar um sublinhado.
Considere os sublinhados com cuidado, pois os visitantes geralmente acham que o texto sublinhado é um link e podem tentar clicar nele.
Família de template |
Texto que você pode sublinhar |
Adirondack |
Títulos de páginas e publicações de blog |
Avenue |
Links no corpo |
Aviator |
Nenhum |
Bedford |
Nenhum |
Brine |
Título na barra de pesquisa |
Farro |
Título na barra de pesquisa |
Five |
Título do site da barra lateral e texto H3 da barra lateral |
Flatiron |
Nenhum |
Forte |
Links no corpo |
Galapagos |
Nenhum |
Ishimoto |
Nenhum |
Momentum |
Links no corpo |
Montauk |
Nenhum |
Native |
Links no corpo |
Pacific |
Nenhum |
Skye |
Links no corpo |
Supply |
Nenhum |
Tremont |
Links de navegação e links do menu Índice |
Wells |
Nenhum |
Wexley |
Links no corpo |
York |
Nenhum |
Resolução de problemas
Ao copiar e colar conteúdo de programas como Microsoft Word ou Google Drive, o texto pode carregar um estilo oculto que interfere na formatação no Squarespace. Se houver algum problema no espaçamento ou nos cabeçalhos do texto colado, leia Ajustes na formatação de texto.
Considere contratar um designer independente no Squarespace Marketplace para personalizar o texto do seu site.