Voltar para o suporte Conteúdo e mídia Blocos Bloco de título

Bloco de título

Use títulos para introduzir novas seções e subseções, dividir o texto, organizar o conteúdo e preencher o índice. Os títulos ajudam a organizar e estruturar seu conteúdo e torná-lo legível para visitantes e mecanismos de busca.

Adicionar o bloco de título

Para adicionar o bloco de título, clique no ícone + Adicionar bloco e pesquise “título”. Clique no bloco para adicioná-lo ao post ou à página.

Adicionar um bloco de título
Adicionar um bloco de título

💡

Usando o teclado, você também tem a opção de digitar /heading em uma nova linha e pressionar Enter para adicionar rapidamente um novo bloco de título.

Como adicionar um bloco de título usando uma barra.
Como adicionar um bloco de título usando uma barra.

Para adicionar um nível de título específico, você também pode digitar /h1 /h2 /h3 /h4 /h5 /h6 e pressionar Enter para inserir os diferentes níveis de títulos.

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

Níveis de título

Os títulos seguem uma hierarquia de seis níveis para classificá-los por importância e ordenar seu conteúdo. O título mais importante tem a classificação de nível 1 (H1) e o menos importante tem o nível 6 (H6).

Títulos H1 devem ser reservados para o título da página, a fim de garantir a otimização para mecanismos de busca. O WordPress atribui automaticamente H1 ao título de suas páginas e posts. Portanto, o primeiro título na página será H2. Títulos H3 são subtítulos, títulos H4 são subsubtítulos e assim por diante.

Você pode escolher seu nível de título na barra de ferramentas. Se você quiser ajustar o tamanho e a aparência do texto do título, use as configurações de bloco.

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 título.
A barra de ferramentas primária do bloco de título.

O bloco de título oferece as seguintes opções na barra de ferramentas:

Mais opções do bloco de título

Mais opções do bloco de título incluem:

Captura de tela das opções de formatação do bloco de título.

Você pode usar as opções acima para aplicar formatação ao texto ou conjunto de caracteres em um bloco de título. Para fazer isso:

  1. Destaque as palavras ou os caracteres aos quais você deseja aplicar a formatação.
  2. Na barra de ferramentas, selecione a opção desejada para aplicá-la.
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 título.

  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.
Gifs animados ou usar a opção de destaque para alterar a cor do texto e aplicar a cor de fundo no bloco de título.
Usar a opção Destaque para alterar a cor do texto e aplicar a cor de fundo no bloco de título.
Imagem embutida

A imagem em linha adiciona uma imagem ao título. Para adicionar uma imagem embutida no bloco de título:

  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.
Adicionar uma imagem embutida no bloco de título
Adicionar uma imagem embutida no bloco de título

Para alterar o tamanho de uma imagem embutida, clique na imagem, digite ou selecione um número para a largura da imagem e use o botão de seta curvada para aplicar as alterações.

Mudar o tamanho da imagem embutida.
Mudar o tamanho de uma imagem embutida.
Entrada do teclado

Use a opção de entrada do teclado para adicionar a tag HTML  ao texto selecionado.

A tag é usada para definir a entrada do teclado. Normalmente, isso é usado ao escrever um comando de teclado. O conteúdo dentro da tag é exibido na fonte com espaçamento uniforme padrão do navegador. Por exemplo, o texto CTRL + C é uma entrada do teclado:

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

Configurações do bloco

Ao clicar no bloco, serão exibidas configurações adicionais na barra lateral direita. Se você não estiver vendo a barra lateral, clique no ícone ⚙️ (engrenagem) no canto superior direito para exibir as configurações.

As configurações do bloco estão na barra lateral direita.
Clique no ícone ⚙️ para abrir as configurações do bloco
Configurações de cor

Com as configurações de cor, é possível alterar as cores do texto, do plano de fundo e do link do bloco de título.

Use as configurações de cor para alterar as cores do texto, do plano de fundo e dos links em todo o bloco de título.
Use as configurações de cor para alterar as cores do texto, do plano de fundo e dos links em todo o bloco de título.
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.

Configurações de dimensão

Em determinados temas, o bloco de título incluirá uma configuração de Dimensões:

Clique no ícone + próximo a Dimensões para selecionar e ativar a configuração de dimensão Margem do bloco de título. A configuração de margem afeta o espaço ao redor do bloco selecionado. Você poderá digitar um valor personalizado no campo de texto se desejar o mesmo espaçamento em todo o bloco.

Configurações de dimensão do bloco de título.

Clique no ícone de link próximo a Dimensões para definir diferentes valores de espaçamento para a parte superior, inferior, direita e esquerda do bloco.

Definir valores de espaçamento personalizados para o bloco de título usando as configurações de margem de dimensão.

Para alterar a unidade das configurações de margem, clique em PX para exibir uma lista suspensa com as outras unidades compatíveis: %, EM, REM, VW e VH.

Alterar as unidades das configurações de margem de dimensão do bloco de título.

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.
Copied to clipboard!