Formatação de texto

Use a barra de ferramentas de texto para formatar os textos.

Ultima atualização 30 de Abril de 2024

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:

  1. Destacar o texto que você deseja formatar.
  2. 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.

expand_toolbar.png

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.

Text_toolbar_align_text_drop-down_menu.jpg

Negrito

Na barra de ferramentas de texto, clique no B para texto em negrito.

Anotaçã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.

Bold_icon_Squarespace_text_toolbar_large_letter_B.png

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.

code.png

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.

Headings_drop-down_Squarespace_text_toolbar.png

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

Acessando o recurso

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.
Text_highlit_icon_in_the_Squarespace_text_toolbar_letter_a_with_a_squiggle_under_it.png

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.

Indent_icon_Squarespace_text_toolbar.png

Itálico

Na barra de ferramentas de texto, clique em I para colocar o texto em itálico.

Italic_icon_Squarespace_text_toolbar.png

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.

Link_icon_Squarespace_text_toolbar.png

List (Lista)

Na barra de ferramentas de texto, clique nos ícones de listas numeradas e com marcadores para criar listas.

List_icons_Squarespace_text_toolbar.png

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.

Monospace_drop-down_Squarespace_text_toolbar.png

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.

code.png

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.

Paragraph_drop-down_Squarespace_text_toolbar.png

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.

normal.png

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.

Paste_as_plain_text_icon_Squarespace_text_toolbar.png

Citação

Na barra de ferramentas de texto, clique no ícone de aspas para adicionar formatação de citação.

Quote_icon_Squarespace_text_toolbar.png

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.

Squarespace_text_toolbar_clear_text_formatting_button.jpg

Ajuste o tamanho

Acessando o recurso

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. 

Scaling_text_icon_Squarespace_text_toolbar.png

Tachado

Na barra de ferramentas de texto, clique no ícone tachado para adicionar a formatação tachada.

Strikethrough_icon_Squarespace_text_toolbar.png

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.

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.