Voltar para o suporte Conteúdo e mídia Blocos Bloco Lista

Bloco Lista

O bloco Lista permite que você organize conteúdo em listas numeradas ou com marcadores.

Adicionar o bloco Lista

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

💡

Usando o teclado, você também pode digitar /lista em uma nova linha e pressionar Enter para adicionar rapidamente um novo bloco Lista.

A opção de digitar /lista para mostrar a lista suspensa do seletor de bloco e escolher a lista no menu.
Substitua este GIF pelo seu e deixe-o alinhado no centro.

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 que aparece acima do bloco Lista.
Barra de ferramentas do bloco Lista

O bloco Lista oferece as seguintes opções na barra de ferramentas:

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
Cor

A opção Cor permite definir as cores do texto, do plano de fundo e dos links usados no bloco Lista.

Clique no círculo ao lado da seção que deseja alterar e você verá opções para escolher entre as cores do seu tema ou padrão.

Clique na seção acima dessas opções para escolher uma cor personalizada arrastando o mouse em uma amostra de cor ou inserindo códigos de cores hexadecimais, RGB ou HSL

A opção Cor do texto selecionada com as opções de amostra e código hexadecimal abertas.
Clique para ampliar
A opções de cor na barra lateral do bloco Link.
As amostras de cores que podem ser selecionadas para cada opção de cor na barra lateral Link.
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 lista ordenada

Quando você escolher uma lista ordenada (numérica), opções adicionais aparecerão na barra lateral Configurações do bloco.

Uma lista ordenada com uma seta apontando para Configurações de lista ordenada na barra lateral de configurações do bloco.
Configurações de lista ordenada.

Você pode selecionar o Valor inicial da lista. Essa opção é útil se você precisar inserir um conteúdo que não seja parte da lista (como uma imagem) e continuar a lista numérica abaixo.

Use a Numeração de lista inversa para inverter a ordem da lista. Por exemplo, se você quiser criar uma lista de contagem regressiva que começasse com 10, use a opção Numeração de lista inversa.

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.

Converter texto para lista

Você pode alterar qualquer bloco de texto para um bloco Lista selecionando ele, clicando no botão à esquerda na barra de ferramentas do bloco e selecionando Lista no menu Transformar em. Se você destacar vários blocos de texto ao mesmo tempo e selecionar Lista, cada um deles será transformado em um item em uma única lista.

Usando a opção "Transformar em" em vários parágrafos para converter o conteúdo em uma lista.

Listas recuadas

Você pode usar os ícones de recuo na barra de ferramentas para recuar suas listas ou usar a barra de espaço no teclado para recuar um item.

Ícone Aumentar recuo destacado.
Aumente o recuo das listas com os ícones de recuo.

💡

Depois que um item da lista é recuado, você pode reduzir o recuo novamente usando o ícone à esquerda do ícone de recuo ou pressionar a tecla backspace no teclado.

Listas misturadas

As listas também podem ser ordenadas de modo misto, como números seguidos de marcações e vice-versa.

É possível até mesmo mesclar as listas.

Estenografia de listas

Para adicionar listas com marcadores, digite um hífen, escreva um item da lista e pressione uma vez a tecla Enter. Da maneira semelhante, para adicionar uma lista numerada, digite 1 e ponto (.), escreva um item da lista e pressione uma vez a tecla Enter.

É possível escrever listas numeradas ou com marcadores.
É possível escrever listas numeradas ou com marcadores.
Copied to clipboard!