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.
Neste guia
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](https://cdn.statically.io/img/en-support.files.wordpress.com/2022/06/add-heading-block.gif?w=690)
💡
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.](https://cdn.statically.io/img/en-support.files.wordpress.com/2022/06/add-heading-block-using-slash.png?w=816)
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.
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.
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.](https://cdn.statically.io/img/en-support.files.wordpress.com/2022/06/heading-block-toolbar.png?w=712)
O bloco de título oferece as seguintes opções na barra de ferramentas:
- Transformar em outro tipo de bloco
- Arrastar o bloco para alterar a posição
- Mover o bloco para cima ou para baixo
- Alterar o alinhamento (largura ampla e total, se compatível com o tema)
- Selecione o nível de título (tags de nível de título H1, H2, H3, H4, H5 e H6)
- Alinhar o texto à esquerda, ao centro ou à direita
- Formatação de texto (negrito e itálico)
- Inserir hyperlink
- Mais opções de texto
- Opções do bloco
Mais opções do bloco de título incluem:
- Destaque (cor do texto)
- Código embutido
- Imagem embutida
- Entrada do teclado
- Riscado
- Subescrito
- Superescrito
- Sublinhado
![Captura de tela das opções de formatação do bloco de título.](https://cdn.statically.io/img/en-support.files.wordpress.com/2022/06/heading-block-toolbar-more-options.png?w=874)
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:
- Destaque as palavras ou os caracteres aos quais você deseja aplicar a formatação.
- Na barra de ferramentas, selecione a opção desejada para aplicá-la.
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.
- Selecione o texto que deseja formatar.
- Clique na seta para baixo na barra de ferramentas do bloco.
- Clique em Destaque.
- 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.](https://cdn.statically.io/img/en-support.files.wordpress.com/2022/07/heading-block-highlight-option.gif?w=690)
A imagem em linha adiciona uma imagem ao título. Para adicionar uma imagem embutida no bloco de título:
- Clique na seta para baixo na barra de ferramentas do bloco.
- Escolha Imagem embutida.
- Selecione a imagem que deseja usar na janela Biblioteca de mídia.
- Clique no botão Inserir para adicionar a imagem embutida.
![Adicionar uma imagem embutida no bloco de título](https://cdn.statically.io/img/en-support.files.wordpress.com/2022/06/heading-block-add-inline-image.gif?w=690)
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.](https://cdn.statically.io/img/en-support.files.wordpress.com/2022/06/heading-block-resize-inline-image.png?w=1012)
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.
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.](https://cdn.statically.io/img/en-support.files.wordpress.com/2021/07/block-settings.png?w=399)
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.](https://cdn.statically.io/img/en-support.files.wordpress.com/2022/07/heading-block-settings-color.gif?w=690)
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](https://cdn.statically.io/img/en-support.files.wordpress.com/2022/09/typography-dropdown-2.png)
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](https://cdn.statically.io/img/en-support.files.wordpress.com/2022/09/font-size-settings-2.png)
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.
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.](https://cdn.statically.io/img/en-support.files.wordpress.com/2022/07/heading-block-settings-dimension-margin.png?w=558)
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.](https://cdn.statically.io/img/en-support.files.wordpress.com/2022/07/heading-block-settings-dimension-margin-custom.png?w=558)
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.](https://cdn.statically.io/img/en-support.files.wordpress.com/2022/07/heading-block-settings-dimension-margin-unit.gif?w=519)
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.](https://cdn.statically.io/img/en-support.files.wordpress.com/2018/12/image3.png)