Editor de Blocos

Com o Editor de Blocos, você pode criar páginas e posts incríveis, repletos de conteúdo de mídia, enquanto controla o layout com facilidade. Não há mais necessidade de se preocupar com o alinhamento e organização do texto, citações e imagens, pois cada elemento de um post ou página possui seu próprio bloco. Assim, você pode se concentrar totalmente na criação do conteúdo, sem distrações.

Elementos do Editor do WordPress

> Opções do menu superior

Adicionar Blocos: descubra todos os blocos disponíveis.
Modos: ferramentas que oferecem diversas interações para seleção e edição de blocos.
Desfazer e Refazer: desfaça uma ação ou refaça uma ação desfeita.
Resumo: veja em lista todos os blocos usados. Útil para navegar por diferentes blocos.

Salvar/Mudar para rascunho: edite a página ou post como rascunho.
Visualizar: veja a aparência de sua página ou post ao aplicar o tema.
Atualizar: atualize sua página ou post publicado com o novo conteúdo adicionado.
Configurações: exiba ou oculte o menu da barra lateral do editor WordPress.
Opções: abre as opções de visualização, o estilo do Editor e ferramentas adicionais.

> Menu da barra lateral do editor WordPress

Caso você não veja o menu da barra lateral no editor de blocos, clique no botão Configurações.
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

O editor do WordPress possui uma seção principal onde você pode adicionar e personalizar blocos de conteúdo. Com uma variedade de blocos disponíveis, como texto, imagens, vídeo, áudio, colunas e botões, é fácil criar páginas e posts com diferentes elementos visuais. Abaixo estão 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.

blocos mais utilizados

BLOCOS DE TEXTO

Parágrafo: comece com o bloco fundamental de toda a narrativa.
Título: apresente novas seções e organize os conteúdos para ajudar os visitantes a entender a estrutura do seu conteúdo.
Lista: crie uma lista com marcadores ou numerada.
Tabela: crie conteúdo estruturado em linhas e colunas para exibir informações.

BLOCOS DE MÍDIA

Imagem: insira uma imagem para ilustrar o conteúdo.
Galeria: exibe múltiplas imagens em formato de galeria.
Áudio: incorpora um reprodutor de áudio simples.
Cobertura: adicione uma imagem ou vídeo com um texto sobreposto.
Arquivo: adicione um link para baixar um arquivo.
Mídia e texto: coloque mídia e texto lado a lado para um layout mais elegante.
Vídeo: insira um vídeo da sua biblioteca de mídias ou envie um novo.

BLOCOS DE APRESENTAÇÃO

Botões: insira links em botões.
Colunas: exibe conteúdo em múltiplas colunas, com blocos adicionados a cada coluna.
Grupo: combine blocos em um grupo.
Separador: crie uma divisão entre parágrafos ou seções com uma linha horizontal.
Espaçador: adicione um espaço entre blocos e personalize sua altura/largura.
Mídia e texto: coloque mídia e texto lado a lado para um layout mais elegante.

Outros Blocos

NextGEN Galley: plugin de galeria de fotos
SAIBA MAIS AQUI.
Contact Form 7: bloco do plugin de formulário.
SAIBA MAIS AQUI.
HTML personalizado: Adicione um código HTML personalizado: localização do Google Maps e vídeo do Youtube, por exemplo.

ferramentas e configurações do bloco

Cada bloco tem sua própria barra de ferramenta, e de configurações.
Para encontrá-las, clique em um bloco e será exibido acima a barra de ferramentas, e do lado direito da tela as configurações do bloco.

> Como exemplo a seguir, usaremos o Bloco Parágrafo

Barra de ferramentas do bloco

Parágrafo: altere o bloco selecionado em título, lista, coluna, etc.
Mover: mova os blocos, usando as setas para cima e para baixo.
Alinhar texto: alinhe o texto à esquerda, centro ou direita.
Negrito e Itálico.
Link: insira um link.
Mais: mais ferramentas disponíveis como Destaque (colorir somente palavras selecionadas) e Imagem embutida ((para inserir ícones).
Opções: para copiar, inserir antes ou depois, mover, copiar estilo, excluir, entre outros.

configurações do bloco

Cor: defina a cor do texto, do fundo do texto, e tambem da cor de um texto link.
Tipografia: defina o tamanho do parágrafo, aparência, altura da linha, espaçamento, letra maiúscula/minúscula, entre outros.
Dimensões: defina o recuo e a margem do parágrafo.