Guias/Use o editor/Selecionar e mover blocos

Selecionar e mover blocos

Ao trabalhar no conteúdo do seu site, pode ser necessário mover um bloco (ou vários blocos) para outra parte da página. Este guia mostra vários métodos para selecionar e mover os blocos corretos.

Tutorial em vídeo

Neste vídeo, você vai aprender a selecionar e mover blocos no editor do WordPress. Ele mostra como selecionar um bloco clicando nele ou usando a Lista, e como mover um ou mais blocos com as setas da Barra de ferramentas ou arrastando-os na Lista.

Como selecionar o bloco certo

Antes de mover um bloco, certifique-se de que selecionou o bloco correto. Embora seja possível selecionar a maioria dos blocos clicando neles uma vez, alguns ficam dentro de outros blocos. Vamos ver diferentes formas de selecionar o bloco certo que você quer mover.

Como selecionar blocos usando a Lista

Para acessar a Lista, clique no ícone com três linhas horizontais na parte superior esquerda da tela:

Três linhas verticais deslocadas e empilhadas, representando a Visualização em lista.

Será exibida uma lista de todos os blocos inseridos nessa página ou post para que você selecione o bloco em que deseja trabalhar.

Na imagem à direita, vemos vários blocos aninhados dentro de uma única coluna, que por sua vez fica dentro de um bloco Colunas. Então, se quisermos mover o bloco Colunas e todo o conteúdo dentro dele, clicaremos no bloco Colunas que engloba tudo.

Para mais dicas sobre a Lista, consulte nosso guia da Lista.

A Visualização em lista mostra uma lista de todos os blocos na página.

Como selecionar blocos usando migalhas de navegação

Outra forma de confirmar que você selecionou o bloco certo é olhar as breadcrumbs na parte inferior da tela, destacadas em laranja na imagem abaixo. Elas recebem esse nome porque funcionam como uma trilha que mostra o caminho até o bloco selecionado:breadcrumbs

Vários blocos são exibidos, com a trilha de navegação destacada em laranja na parte inferior da tela. Ela mostra um Título dentro de uma Coluna dentro de um bloco de Colunas.

O bloco selecionado será o último na lista de breadcrumbs. Se quiser selecionar um bloco diferente, clique no nome dele para selecioná-lo.

Como selecionar blocos usando o seletor de bloco pai

Alguns blocos são aninhados dentro de outros blocos, chamados de bloco “pai”. Por isso, é útil ter uma maneira simples de selecionar o bloco pai. 

Outra forma de fazer isso é usar o seletor de bloco pai, mostrado na Barra de ferramentas de alguns blocos:

Destaque do botão de seleção do elemento pai, deslocado à esquerda da barra de ferramentas de configurações do bloco.
A Barra de ferramentas do bloco Coluna

Ao clicar em um bloco que tem um bloco pai, você verá um botão à esquerda da Barra de ferramentas do bloco, conforme destacado em laranja na imagem acima. Ao clicar nesse botão, você seleciona o bloco pai (nesse caso, o bloco Colunas.)

Isso pode ser útil em vários casos, por exemplo, se você tiver texto dentro de uma coluna e precisar selecionar o bloco Colunas, ou se tiver vários botões dentro de um bloco Botões e precisar selecionar o bloco Botões inteiro.

Como mover um bloco

Existem vários métodos para mover o bloco que você selecionou.

Como mover um bloco usando a Barra de ferramentas

Para mover um bloco, selecione-o para exibir a Barra de ferramentas logo acima ou abaixo dele. Depois, use as setas para cima e para baixo para mover o bloco uma posição para cima ou para baixo.

Também é possível arrastar um bloco para outro local usando o ícone de seis pontos na Barra de ferramentas.

A animação a seguir demonstra os dois métodos:

Um GIF mostrando como clicar e segurar o ícone de arrastar, o ícone com 6 pontos em duas colunas. Um bloco é então arrastado para cima com a alça.
Como mover blocos

Como mover um bloco usando a Lista

Outra alternativa é usar a Lista para ver a lista completa de blocos na sua página e clicar e arrastar os blocos para novas posições:

Um GIF animado mostrando a Visualização em lista e a ação de clicar e arrastar blocos para novas posições.
Para acessar a Lista, clique no ícone de três linhas horizontais na parte superior esquerda da tela.

Como mover um bloco arrastando e soltando

Com o mouse, você pode arrastar e soltar um bloco na posição desejada:

Como mover blocos aninhados

Blocos aninhados ficam aninhados dentro de blocos de layout, como colunas, linhas ou pilhas. Você pode mover esses blocos clicando nas setas na Barra de ferramentas do bloco:

GIF mostrando como selecionar e mover um bloco aninhado.
Como mover um bloco aninhado

Como mover vários blocos

Como mover blocos usando a Barra de ferramentas

É possível mover vários blocos de uma vez selecionando todos com o mouse primeiro e depois clicando nas setas da Barra de ferramentas, como mostrado abaixo:

Um GIF animado demonstrando o processo de selecionar dois blocos e movê-los juntos clicando no ícone de seta na barra de ferramentas que aparece.

Como mover blocos usando a Lista

Você pode usar a Lista para selecionar vários blocos de uma vez e clicar e arrastar os blocos para novas posições:

  1. Abra a Lista clicando no ícone de três linhas horizontais na parte superior esquerda do editor.
  2. Clique no primeiro bloco.
  3. Mantenha pressionada a tecla shift no teclado e clique no último bloco. Isso vai selecionar todos os blocos entre o primeiro e o último.
  4. Clique e arraste os blocos para a posição desejada.
Animação mostrando como mover vários blocos na Visualização em lista.

💡

Selecione todos os blocos na Lista usando o atalho de teclado CTRL + A no PC ou CMD + A no Mac.

Como mover blocos lado a lado

Se quiser colocar os blocos um ao lado do outro em vez de um embaixo do outro, insira primeiro o bloco Colunas. Depois, você pode inserir qualquer bloco dentro de cada coluna.

Se quiser colocar um conteúdo já existente dentro de colunas, primeiro insira o bloco Colunas e depois use a Lista para clicar e arrastar os blocos para uma coluna.

Como reorganizar blocos com o Agente do WordPress

The WordPress Agent four-pointed star icon.

Esta seção se aplica a sites criados com o Construtor de sites com IA (todos os planos pagos) ou sites que ativaram o Agente do WordPress (todos os planos pagos). Abra o Agente do WordPress clicando no ícone de IA (uma estrela de quatro pontas) na parte inferior da tela.

O Agente do WordPress pode ajudar você a revisar e melhorar a estrutura e o fluxo do conteúdo da sua página. Veja alguns exemplos de comandos que você pode copiar e usar:

  • “Revise esta página e sugira uma ordem melhor para as seções.”
  • “A estrutura deste post faz sentido para um guia passo a passo?”
  • “Qual conteúdo deveria vir primeiro na página inicial de um portfólio?”
  • “Sugira como reorganizar estas seções para melhorar a legibilidade.”

Como reorganizar blocos com agentes de IA

The WordPress Agent four-pointed star icon.

Você pode usar agentes de IA como Claude, Cursor, ChatGPT, OpenClaw e outros para ler e editar seu site com segurança. Ative o acesso à ferramenta MCP para agentes de IA.

Agentes de IA podem reorganizar e reordenar blocos nas suas páginas e posts a partir de um comando em linguagem natural. Veja alguns comandos para experimentar:

  • “Reordene as seções da minha página Serviços para que a seção de preços fique por último.”
  • “Mova o bloco de imagem destacada para a parte superior do meu post mais recente.”
  • “Troque o primeiro e o segundo parágrafos da minha página Sobre.”
  • “Mova o bloco Botão de contato para logo abaixo da seção hero na minha página inicial.”
Copied to clipboard!