Como mover blocos no editor WordPress Gutenberg?

Publicados: 2022-08-22

Você está se perguntando como mover blocos no WordPress Gutenberg Editor ? Se for esse o caso, então você veio ao lugar certo para dominar isso.

Pode haver momentos em que você publicou sua postagem e deseja reorganizá-la posteriormente para obter uma aparência melhor. Bem, não é um problema com o editor de blocos WordPress Gutenberg. Com a ajuda do editor Gutenberg , você pode mover facilmente blocos com seu conteúdo.

No entanto, existem 5 métodos diferentes para mover blocos ao redor de sua postagem. Agora, você pode estar se perguntando o que eles poderiam ser. Aqui, vamos orientá-lo através de todos os métodos. Portanto, fique conosco enquanto o guiamos até o final deste artigo.

Agora, vamos começar!

NESTE ARTIGO: ocultar
Movendo Blocos no WordPress – Tutorial em Vídeo
O que é o Editor Gutenberg?
O que são blocos no WordPress?
Como mover blocos no editor WordPress Gutenberg?
Método 1: usando alças de movimentação
Método 2: Usando arrastar e soltar
Método 3: usando a opção Mover para navegação
Método 4: Usando o Editor de Blocos 'Exibição de Lista'
Método 5: Usando o atalho do teclado
Conclusão

Movendo Blocos no WordPress – Tutorial em Vídeo

Deseja assistir ao nosso tutorial em vídeo?

Se você quiser saber mais sobre os blocos do Gutenberg e o processo passo a passo para movê-los, continue lendo o conteúdo abaixo.


O que é o Editor Gutenberg?

Antes de aprender como mover blocos no editor WordPress Gutenberg, vamos saber o que é o editor Gutenberg.

O Editor Gutenberg é um novo construtor de páginas conhecido como editor de blocos do WordPress . Então, é uma parte do núcleo do WordPress. Você pode usar este editor para criar conteúdo como posts, páginas, etc., no site WordPress. Este editor ajuda você a adicionar blocos de conteúdo e funcionalidades do construtor de páginas a cada site WordPress.

Editor Gutenberg (Editor de Blocos do WordPress)
Editor do WordPress Gutenberg

Além disso, oferece novos blocos WordPress que incluem tudo, como parágrafos, títulos, listas, imagens e muito mais. Além disso, este editor adicionará seu conteúdo em blocos individuais em vez de dentro de uma grande área de conteúdo.

No entanto, se você é novo no editor de blocos do Gutenberg, precisará aprender o básico do editor de blocos do WordPress . Considerando que, se você tiver alguma experiência, poderá trabalhar facilmente com ela. Você também aprenderá mais sobre seus atalhos de teclado disponíveis e várias maneiras de personalizar o editor de blocos .

Principais recursos do Editor Gutenberg:

  • Você pode adicionar um bloco que ajuda a exibir o conteúdo em várias colunas.
  • Também permite adicionar uma imagem ou vídeo com uma sobreposição de texto.
  • Permite criar uma lista com marcadores ou numerada.
  • Além disso, vem com um espaçador onde você pode adicionar espaço em branco entre os blocos e personalizar a altura.
  • Incorpore facilmente um player de áudio simples.
  • Capaz de adicionar botões ao seu conteúdo.
  • Você poderá inserir elementos personalizados adicionais com códigos de acesso do WordPress.

Você também pode conferir nosso artigo sobre como criar um site do zero para construir seu site e experimentar o editor WordPress Gutenberg.

Dito isso, vamos entender o que são blocos no WordPress.


O que são blocos no WordPress?

Ao usar o WordPress versão 5.0 ou a mais recente, você deve ter encontrado bloqueios. Então, pode estar se perguntando quais são os blocos no WordPress.

Basicamente, os blocos são a maneira atualizada do WordPress para ajudá-lo a organizar o conteúdo dentro de seus blogs ou páginas. Portanto, se você criar uma nova postagem no painel do WordPress, encontrará um painel de edição de conteúdo baseado em blocos. Anteriormente, costumava ser uma grande área de conteúdo com controles padrão para sua formatação de texto.

Blocos do WordPress
Blocos do WordPress

Além disso, você terá blocos para título, parágrafo, imagem, citação, etc. Ao mesmo tempo, cada bloco funciona como uma estrutura para seus respectivos conteúdos. Portanto, você pode editar um único bloco sem ter que se preocupar com outros blocos do seu conteúdo.

Você também pode conferir nosso artigo sobre os melhores plugins de blocos do Gutenberg para WordPress que ajudam a adicionar novos tipos de blocos ao Gutenberg.


Como mover blocos no editor WordPress Gutenberg?

A capacidade de mover blocos no WordPress é o principal recurso útil ao criar seu site.

No entanto, você pode usar métodos diferentes para mover blocos no editor WordPress Gutenberg. Vamos olhar para eles profundamente abaixo.

Método 1: usando alças de movimentação

O primeiro método é usar alças de movimento e é muito simples. Então, vamos verificá-lo em 2 etapas fáceis.

Passo I) Você pode simplesmente clicar no bloco que deseja mover.

Usando alças para cima e para baixo
Usando alças de movimentação

Passo II) Depois disso, uma barra de ferramentas aparecerá. Agora clique nos botões de seta para cima e para baixo para mover os blocos.

Mover blocos usando alças de movimento
Movendo Blocos com Alças

E pronto!


Método 2: Usando arrastar e soltar

Outra maneira fácil de mover os blocos em sua postagem do WordPress é usar um arrastar e soltar. Vamos verificá-los abaixo.

Passo I) Primeiro, clique no bloco que deseja mover e uma barra de ferramentas aparecerá.

Segure a barra de ferramentas para arrastar o bloco
Usando arrastar e soltar na barra de ferramentas

Passo II) Agora pegue os blocos clicando com o mouse na barra de ferramentas. Depois disso, arraste um bloco de um lugar e solte-o em outro.

Mover blocos usando arrastar e soltar
Movendo blocos por arrastar e soltar

Agora, você moveu os blocos com sucesso.


Método 3: usando a opção Mover para navegação

Neste método, você pode mover o bloco no editor com a ajuda da opção Move to e algumas teclas.

Passo I) Clique no bloco de sua escolha.

Mover para opção nas configurações
Usando Mover para a opção

Passo II) Clique nos três pontos verticais e na opção Mover para . Depois disso, um destaque azul aparecerá sobre o bloco.

Barra destacada azul
Localização destacada

Etapa III) Pressione e segure o botão Ctrl seguido pela seta para cima ou para baixo , seguido pelo mesmo destaque azul.

Mover blocos usando a opção Mover para
Movendo blocos com a opção Mover para

Etapa IV) Por fim, pressione Enter no local desejado para mover os blocos.

É assim que você pode mover um bloco usando a navegação Move to.


Método 4: Usando o Editor de Blocos 'Exibição de Lista'

Além disso, você pode navegar facilmente entre os blocos e movê-los usando o modo de exibição de lista. É como uma tabela de referências para todos os blocos do seu post WordPress.

Passo I) Vá para a barra superior do seu editor WordPress e clique no botão List View .

Usando a opção de exibição de lista para mover blocos do WordPress
Usando a visualização de lista

Etapa II) Clique e segure o bloco que deseja mover.

Mover blocos usando a opção de exibição de lista
Movendo Blocos da Visualização de Lista

Passo III) Arraste e solte o bloco na posição desejada do poste.

Com isso, você moveu o bloco com sucesso.


Método 5: Usando o atalho do teclado

Este é um método fácil de mover os blocos usando apenas o teclado. Além disso, esse método economiza muito tempo.

Etapa I) Vá para o bloco desejado.

Mover blocos usando o atalho do teclado
Movendo um bloco usando atalhos de teclado

Etapa II) No Windows e no Linux, pressione Ctrl + Shift + Alt + T para mover para cima e Ctrl + Shift + Alt + Y para mover o bloco para baixo.

E você moveu os blocos no editor do WordPress apenas usando o teclado.

Seguindo qualquer um desses métodos acima, você pode facilmente mover blocos para cima e para baixo em sua postagem para reorganizar o conteúdo. Além disso, ajuda você a manter o conteúdo igual e simplesmente reordenar os blocos em sua postagem ou página.


Conclusão

Bem isso é tudo por agora! Neste artigo, mencionamos como mover blocos no editor WordPress Gutenberg . Esperamos que isso ajude você a conhecer todos os métodos de movimentação de blocos no editor WordPress Gutenberg.

Portanto, se você tiver alguma dúvida ou sugestão sobre este artigo, informe-nos no comentário abaixo. Você também pode compartilhar sua experiência de mover blocos no editor WordPress Gutenberg.

Você também pode conferir nosso artigo sobre os melhores temas de bloco do WordPress para edição completa do site e padrões de bloco do WordPress – como usá-los para projetar suas páginas.

Além disso, não se esqueça de nos seguir no Facebook e Twitter para atualizações mais úteis.

Alguns dos links neste artigo/página são links afiliados. Se você clicar em um link de afiliado e comprar o produto, ganharemos uma comissão percentual específica do vendedor. Mas isso não afetará o preço que você pagará.