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.

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.