Usar visualização em lista

A visualização em lista, também chamada de Visão geral do documento, é uma funcionalidade indispensável do editor do WordPress que facilita o trabalho com blocos no seu site. Este guia mostrará como aproveitar ao máximo a visualização em lista.

Para acessar a visualização em lista, clique no ícone de três linhas horizontais, na parte superior esquerda do editor:

Depois de abrir a visualização em lista, você verá uma lista de todos os blocos na página em ordem:

Alguns blocos são aninhados (ou seja, contidos) dentro de outros. Clique no símbolo > à esquerda do nome de um bloco para revelar os blocos contidos nele. Clique no símbolo > novamente para recolher a lista.

Para selecionar vários blocos na visualização em lista, siga estas etapas:

1. Abra a visualização em lista clicando no ícone de três linhas horizontais no canto superior esquerdo do editor.
2. Clique no primeiro bloco.
3. Mantenha pressionada a tecla Shift no teclado e clique no último bloco. Isso selecionará todos os blocos entre o primeiro e o último bloco.

Para selecionar todos os blocos na visualização em lista, use os comandos CTRL + A no PC ou CMD + A no Mac.

A visualização em lista tem vários benefícios:

• É possível ver a ordem e a estrutura exatas de cada bloco na página, o que é bastante útil quando você tem muito conteúdo nela.
• Você pode selecionar blocos que tenham outros aninhados neles, como cada coluna dentro de um bloco de colunas.
• Clicar e arrastar blocos para movê-los para uma parte diferente da página. Saiba mais sobre como mover blocos.
• Clicar no ícone de três pontos ao lado de qualquer bloco na visualização em lista para:
  • Copiar o bloco.
  • Criar uma cópia do bloco.
  • Inserir um novo bloco antes ou depois do bloco selecionado.
  • Copiar os estilos do bloco.
  • Agrupar o bloco.
  • Impedir que o bloco seja editado.
  • Criar um bloco de padrão usando o bloco selecionado.
  • Renomear o bloco.
  • Mover o bloco para uma nova parte da página.
  • Editar o bloco como HTML.
  • Excluir o bloco.

Ao trabalhar com conteúdo de demonstração adicionado pelo tema ou usar layouts de página e padrões de bloco, talvez você tenha se deparado sem querer com uma confusão de blocos desnecessários. Isso pode causar problemas na exibição do seu site, ainda mais ao trabalhar com blocos de layout, como o de colunas, o de grupo e o de grade.

Você pode usar a visualização em lista para limpar a estrutura dos blocos, mantendo apenas os blocos necessários e nada mais:

1. Primeiro, abra a visualização em lista clicando no ícone de três linhas horizontais, na parte superior esquerda do editor.
2. Veja sua lista de blocos na página para identificar o bloco ou blocos que podem estar causando problemas.
3. Clique nos três pontos ao lado de um bloco e escolha a opção Excluir para remover esse bloco.
   • Se um bloco tiver vários outros aninhados nele, a exclusão também removerá esses blocos aninhados. Antes de excluir o bloco principal, remova os que estão contidos nele primeiro.

Veja a seguir um vídeo de demonstração desse processo: