Voltar para o suporte Conteúdo e mídia Blocos Bloco de parágrafo

Bloco de parágrafo

O bloco de parágrafo é o tipo de bloco padrão para adicionar texto ao editor. É provável que ele seja o bloco que você mais utilizará.

Adicionar bloco de parágrafo

Para adicionar um bloco de parágrafo, comece a digitar ou colar o texto e cada parágrafo será transformado em um bloco de parágrafo automaticamente.

Adicionar ou escrever texto cria um bloco de parágrafo automaticamente.
Adicionar ou escrever texto cria um bloco de parágrafo automaticamente.

Você também pode clicar no ícone de adição de blocos (+) e pesquisar “parágrafo”. Clique no bloco para adicioná-lo ao post ou à página.

Adicionar um bloco de parágrafo usando o ícone de adição de blocos (+).
Adicionar um bloco de parágrafo usando o ícone de adição de blocos (+).

Você encontra instruções detalhadas sobre como adicionar blocos neste link.

Barra de ferramentas do bloco

Ao clicar no bloco, uma barra de ferramentas com opções aparecerá acima dele:

A barra de ferramentas primária do bloco de parágrafo.
A barra de ferramentas primária do bloco de parágrafo.

A barra de ferramentas do bloco de parágrafo oferece as seguintes opções:

Formatação de texto

A opção Mais do bloco de parágrafo inclui:

  • Destaque
  • Código embutido
  • Imagem embutida
  • Justificar
  • Entrada do teclado
  • Riscado
  • Subescrito
  • Superescrito
  • Sublinhado

Use essas opções para aplicar formatação ao texto ou conjunto de caracteres em um bloco de parágrafo da seguinte forma:

  1. No bloco de parágrafo, destaque as palavras ou caracteres aos quais você deseja aplicar a formatação.
  2. Para aplicar, selecione a opção desejada na barra de ferramentas.

Imagem embutida e Destaque precisam de etapas adicionais, conforme descrito abaixo:

Destaque

Use a opção Destaque para alterar a cor de algumas palavras ou caracteres específicos ou defina um plano de fundo colorido atrás de palavras ou caracteres específicos em um bloco de parágrafo.

  1. Selecione o texto que deseja formatar.
  2. Clique na seta para baixo na barra de ferramentas do bloco.
  3. Clique em Destaque.
  4. Uma pequena janela com opções de cor para texto e plano de fundo será exibida. Isso mostra um conjunto de opções de cores predefinidas a escolher e um seletor de cores no qual você pode escolher a cor específica desejada.
Usar a opção de destaque para alterar a cor do texto e aplicar a cor de fundo no bloco de parágrafo.
Use a opção Destaque para alterar a cor do texto e aplicar a cor de fundo no bloco de parágrafo.
Imagem embutida

A opção Imagem embutida é ótima se você deseja adicionar um ícone em particular ⚙️ ou mesmo um emoji na mesma linha do bloco de parágrafo.

Para adicionar uma imagem embutida no bloco de parágrafo:

  1. Clique na seta para baixo na barra de ferramentas do bloco.
  2. Escolha Imagem embutida.
  3. Selecione a imagem que deseja usar na janela Biblioteca de mídia.
  4. Clique no botão Inserir para adicionar a imagem embutida.
Adicione uma imagem embutida em um bloco de parágrafo.

Para mudar o tamanho da imagem embutida:

  1. Clique na imagem.
  2. Digite ou selecione um número para a largura da imagem.
  3. Use o botão de seta curva para aplicar as alterações.
Mude o tamanho da imagem embutida.
Entrada do teclado

Usar a opção Entrada do teclado permite adicionar a tag HTML ao texto selecionado.

Quando você adiciona a tag , o conteúdo dentro dela é exibido na fonte com espaçamento simples padrão do navegador. Normalmente, isso é usado ao escrever um comando de teclado, por exemplo:

Para copiar o conteúdo, destaque-o e pressione CTRL + C no teclado.

Linha nova em bloco existente

Você pode iniciar uma nova linha com espaçamento simples em vez de adicionar um novo bloco de parágrafo pressionando ao mesmo tempo as teclas Shift e Return/Enter no teclado.

Configurações do bloco

Ao selecionar um bloco, serão exibidas configurações adicionais na barra lateral direita. Se você não estiver vendo a barra lateral, clique no ícone Configurações, no canto superior direito, para exibi-las. Esse ícone se parece com um quadrado com duas colunas irregulares:

O ícone de configurações no editor com a dica de ferramenta "Configurações" abaixo dele.
Clique no ícone Configurações para abrir as configurações do bloco

O bloco de parágrafo tem as seguintes configurações:

Configurações de cor

A configuração Cor permite alterar a cor do texto, do plano de fundo e dos links de todo o bloco de parágrafo. Isso pode ser usado para chamar atenção para seu conteúdo mais importante.

Use as configurações de cor para alterar as cores do texto, do plano de fundo e dos links em todo o bloco de parágrafo.
Use as configurações de cor para alterar as cores do texto, do plano de fundo e dos links em todo o bloco de parágrafo.

Há parâmetros de acessibilidade integrados ao editor para avisar você quando o texto estiver ilegível para pessoas com dificuldades visuais.

📌

Se desejar alterar a cor de apenas algumas palavras em um bloco de parágrafo, use a opção Destaque.

Configurações de tipografia

Ajuste a aparência do texto do bloco com as seguintes configurações.

Se você não vir a configuração, clique nos três pontos à direita de Tipografia (conforme mostrado à direita). Você poderá então escolher a opção que deseja acessar:

  • Tamanho da fonte
  • Família de fontes
  • Aparência
  • Altura da linha
  • Decoração
  • Letra maiúscula/minúscula
  • Espaçamento entre letras
Menu suspenso Tipografia
Tipografia na barra lateral Configurações do bloco, com as opções adicionais expandidas.

A opção Tamanho da fonte permite que você ajuste o tamanho do texto. Você pode escolher entre tamanhos predefinidos, como pequeno, médio e grande.

Você também pode definir um valor específico clicando no ícone do controle deslizante diretamente acima das seleções padrão, marcadas com 1 na captura de tela abaixo. Você pode mudar as unidades clicando onde um número 2 está marcado na captura de tela abaixo. As opções são pixels, em ou rem.

Configurações do tamanho da fonte de tipografia

A opção Família de fontes permite que você altere o estilo de fonte usado. Escolha entre uma lista de fontes no menu suspenso.

A opção Aparência permite alterar o estilo do texto entre normal e itálico, variando de fino a extra negrito.

A opção Altura da linha define o espaçamento acima e abaixo do texto. Se você selecionar zero, confira o seu site em um dispositivo móvel.

Decoração inclui opções para sublinhado e tachado.

Letra maiúscula/minúscula permite que você defina o texto todo em letras maiúsculas, somente a primeira letra maiúscula ou todo o texto em letras minúsculas.

Espaçamento entre letras define o espaço entre cada caractere do texto. Você pode alterar as unidades do padrão (pixels) para percentual, em, rem, vw e vh. Saiba mais sobre unidades relativas aqui.

A opção Letra capitular faz com que a primeira letra do parágrafo fique muito grande.

Avançado

Na guia Avançado, você adiciona uma classe CSS ao seu bloco, permitindo a gravação de CSS personalizado e a estilização do bloco conforme você julgar melhor.

A seção Avançado permite que você adicione uma classe CSS ao seu bloco.
A seção Avançado permite que você adicione uma classe CSS ao seu bloco.

Como aumentar o recuo do texto

Você pode aumentar o recuo do texto primeiro agrupando os respectivos blocos de parágrafo e depois seguindo as etapas para adicionar preenchimento em um bloco de grupo. Isso acrescentará um espaço vazio dentro da borda do bloco de grupo e ao redor do texto dentro dele. Essa opção permite adicionar um recuo a uma seção inteira de texto ou preencher uma pequena quantidade de texto para obter um grande efeito.

Copied to clipboard!