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 superior 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).

  1. 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.
  1. 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
  1. 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.

  1. Clique no ícone + preto na lateral do bloco vazio.
imagem do ícone "mais".

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

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

  • tipos de blocos
  1. Blocos de TEXTO

Parágrafo

Image 1 of 8

Comece com o bloco fundamental de toda a narrativa.

  1. Blocos de MÍDIA

Imagem

Image 1 of 6

Insira uma imagem para ilustrar o conteúdo.

imagem do ícone  nextGEN Gallery.

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:

  1. 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.

  1. Outros Blocos de destaque
imagem do ícone contact form 7.

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:

imagem do ícone html personalizado.

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.

  1. 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
  1. 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.

Utilizamos cookies para permitir uma melhor experiência em nosso website e para nos ajudar a compreender quais informações são mais úteis e relevantes para você. Por isso é importante que você concorde com a política de uso de cookies deste site.