Ir para o conteúdo principal

Como usar o WordPress Gutenberg Editor 5.0: Parte Um

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Está confirmado, o editor Gutenberg será realmente o editor de artigos padrão do WordPress. Eu pude testá-lo e rapidamente percebi que muitos usuários se perderão com este novo editor, daí o motivo deste tutorial. Então, nós estamos indo juntos para passar pelo básico da editora Gutenberg e abordar alguns pontos avançados.

Antes de começar

Se você não tem a opção de instalar a versão 5.0 do WordPress (que ainda está em desenvolvimento), você já pode download grátis Gutenberg e testá-lo na sua versão do WordPress (inicio um ambiente experimental novamente). Admito, no entanto, que fique um pouco surpreso ao olhar para as classificações atribuídas a esse novo editor, mais da metade dos meus usuários deram uma classificação de 1 / 5.

preview gutenberg rating wordpress.jpeg

Não vou parar nisso e testar para ter uma idéia.

Apresentação da interface

Para usar o Gutenberg, você precisa escrever um artigo (obviamente), como fez no passado, ou seja, " Artigos> Adicionar".

Gutenberg presentation.jpeg

O que notei no jogo é que a editora confiava muito na falta de distração e explorava toda a largura da página.

versão antiga wordpress.jpeg

Mesmo que tenhamos que admitir que existem algumas margens extras em Gutenberg, o fundo branco, penso eu, é uma cor que causa menos distração. Você notará que Gutenberg se parece muito com o editor de artigos da Calypso (WordPress.com).

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

editor de calypso wordpress.jpeg

Localização dos elementos

Seção de backup

O layout mudou drasticamente. A área de salvamento de itens está agora no topo. É uma seção de acesso rápido ao botão de backup.

seção de backup gutenberg.jpeg

O botão com o ícone de configuração permite fechar o painel abaixo. Os botões que nos permitiram alternar entre o editor visual e o editor de texto agora estão localizados no mesmo painel no lado direito. Para visualizar o artigo, você deve clicar no olho antes do botão "Publicar ...".

controle avançado gutenberg.jpeg

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

A seção de seleção da imagem para uma das categorias e a visibilidade do artigo está à direita, como de costume. Você precisa se certificar de que a guia " documento Está selecionado.

categoria de seção de gutenberg e imagem no primeiro.jpeg

Seção de bloco

Essa é a inovação que Gutenberg traz. Você deve saber que, a partir de agora, qualquer parágrafo sobre Gutenberg deve ser considerado um bloco. Os blocos têm essa possibilidade de serem singularmente ajustáveis, mas também podem ser movidos facilmente sobre todo o documento.

Quando você posicionar o cursor no seu parágrafo, para acessar os recursos do bloco selecionado, clique na guia do bloco à direita.

bloqueie gutenberg wordpress.jpeg

Com essas configurações, você pode, por exemplo, definir uma cor de fundo que se aplique apenas ao bloco e alterar o tamanho da fonte do bloco. Acho isso bastante prático.

Opções de formatação

A formatação aparecerá acima de cada bloco.

opção formatting.jpeg

Você também exibirá as opções de layout na parte superior da página, clicando na opção Editor e em "Corrigir barra de ferramentas na parte superior".

exibir opções de formatação no top.jpeg

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [Recomendado]

Como adicionar blocos personalizados

Você não está limitado a usar o bloco de parágrafos. Para adicionar mais blocos, você deve clicar no ícone + localizado no canto superior esquerdo.

bloco diferente gutenberg.jpeg

Isso permite que você acesse os diferentes blocos disponíveis. É também neste local que você pode acessar os diferentes blocos que oferecerão temas e plugins. Você ainda terá a possibilidade de salvar seus próprios blocos personalizados. Eu acho que facilitará a edição de artigos semelhantes.

Isso é tudo para este tutorial, continuaremos em um próximo, colocando em prática tudo o que observamos neste tutorial.

Este artigo contém comentários 0

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
26 ações
ação20
chilrear
Enregistrer6