Editor de Blocos

Você pode usar o editor do WordPress para criar páginas e posts repletos de conteúdos de mídia, além de controlar o layout com facilidade. Em vez de você se preocupar com o alinhamento e a organização do texto, das citações e das imagens, agora todos os elementos de um post ou página terão seu próprio bloco. E você pode se concentrar na criação deles.

Sumário

Elementos do editor do WordPress
- Opções do Menu Superior
- Menu da Barra Lateral do Editor WordPress
Elementos do Editor de Bloco

Elementos do Editor do WordPress

Menu superior do editor do WordPress

Adicionar blocos

Image 1 of 8

Descubra todos os blocos, padrões de bloco e blocos reutilizáveis disponíveis.

Caso você não veja um menu da barra lateral no editor de blocos,
clique em um dos três ícones no menu superior, ao lado do botão Publicar/Atualizar.

No menu da barra lateral, você encontra as configurações do Post ou Página, e do Bloco (com o bloco selecionado).

Página:
- Status e visibilidade: altere a visibilidade da página para Público, Privado ou Protegida por senha, e programe ou publique a página imediatamente.
- ~~Modelo~~
- Revisões: compare e/ou volte a uma edição anterior a atual da página.
- Link permanente: edite o subdomínio do link (Slug do URL).
- ~~Imagem Destacada~~
- ~~Discussão~~
- Atributos da página: atribua a página a uma outra página (página mãe) caso seja necessário e defina a ordem numérica.

Post:
- Status e visibilidade: altere a visibilidade do post para Público, Privado ou Protegida por senha, e programe ou publique o post imediatamente.
- Link permanente: edite o subdomínio do link (Slug do URL).
- Categorias: selecione a categoria de assunto do post ou adicione uma nova em Adicionar nova categoria.
- Tags: para que seu post apareça no carrossel de posts da página inicial escreva e selecione a palavra Destaque e de um enter.
- Imagem Destacada: defina a imagem de capa do post, seguindo o Manual de Tamanhos de Imagens: 636px de largura por 342px de altura.
- Revisões: compare e/ou volte a uma edição anterior a atual do post.
- ~~Discussão~~

Bloco:

Ao clicar em um bloco específico, o menu Configurações da barra lateral exibirá configurações adicionais do bloco específicas para cada tipo de bloco.

Elementos do Editor de Bloco

Você passará a maior parte do tempo no terceiro elemento do editor do WordPress. Essa é a seção principal do editor, onde é possível adicionar blocos de conteúdo.

O editor oferece uma experiência simples de criação de páginas e posts. Com os blocos, é possível adicionar e personalizar com rapidez várias mídias e elementos visuais.

Há um bloco para cada tipo de elemento que você quiser adicionar: texto, imagens, vídeo, áudio, colunas, espaços, botões, entre outros.
A seguir confira os blocos mais relevantes e utilizados para criar o conteúdo de uma página ou post:

adicionar um bloco

A maneira mais rápida de adicionar um bloco é pelo ícone “+” na tela. Sempre que este ícone aparecer na tela, você poderá adicionar um novo bloco.
Ou, começar a escrever em uma área em branco e um bloco de parágrafo será criado automaticamente.

Clique no ícone + preto na lateral do bloco vazio.

Clique no ícone + na parte superior esquerda do editor. Esta é uma ótima opção para visualizar diferentes estilos de blocos.

Aperte a tecla Enter em um bloco selecionado, para criar um bloco abaixo dele.

tipos de blocos

Blocos de TEXTO

Parágrafo

Image 1 of 8

Comece com o bloco fundamental de toda a narrativa.

Blocos de MÍDIA

Imagem

Image 1 of 6

Insira uma imagem para ilustrar o conteúdo.

Para incluir uma galeria de fotos, opte por utilizar o plugin NextGEN Gallery.
Saiba mais e solicite o plugin para o seu site caso não tenha, clicando no link abaixo:

Plugin de Galeria de Fotos Next GEN Gallery

Blocos de APRESENTAÇÃO

Botões

Image 1 of 6

Solicite que os visitantes tomem uma ação com botões com estilos de links.

Outros Blocos de destaque

Para incluir uma galeria de fotos, opte por utilizar o plugin NextGEN Gallery.
Para incluir um formulário, use o Contact Form 7
Solicite o plugin para o seu site caso não tenha, clicando no link abaixo:

Plugin de Formulário Contact Form 7

Adicione um código HTML personalizado: localização do Google Maps e vídeo do Youtube, por exemplo.

barra superior de ferramentas do bloco

Cada bloco tem suas próprias configurações. Para encontrá-las, clique em um bloco. Uma barra de ferramentas será exibida na parte superior do bloco.

Por exemplo, se usarmos o bloco Parágrafo, as opções incluem: transformar o bloco (em lista, título, colunas, grupo, etc.), mover o bloco, alinhar o texto (à esquerda, centro e à direita), negrito, itálico, incluir link, e outras ferramentas do bloco.

Mover bloco

Para mover os blocos, use as setas para cima e para baixo para mover um bloco nessas direções.

imagem do ícone de setas para cima e para baixo

Configurações do bloco
- Esconder mais configurações: fecha o menu de configurações.
- Copiar: copie o bloco.
- Duplicar: cria outro bloco abaixo com o mesmo conteúdo.
- Inserir antes/depois: adiciona um novo bloco antes ou depois do bloco atual.
- Mover para: mover o bloco.
- Editar como HTML: muda o bloco para a versão HTML, de modo que você possa editar o HTML diretamente. Ao editar como HTML, essa opção muda para Editar visualmente.
- Adicionar aos blocos reutilizáveis: permite criar um bloco que pode ser usado em outras páginas sem perder o conteúdo e o estilo.
- Agrupar: agrupe o bloco com outros blocos.
- Remover ____: exclui o bloco da sua página/post.

imagem do menu de configurações do bloco.

barra lateral de ferramentas do bloco

As configurações do bloco, à direita do seu editor, mostrarão opções diferentes conforme o bloco usado.

Por exemplo, se usarmos o bloco Parágrafo, as opções incluem alterar a cor da fonte e do plano de fundo, letra capitular, tipografia (aparência, letra maiúscula/minúscula, espaçamento entre letras e redefinir) e o tamanho da fonte.