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á de fato o editor de artigos padrão do WordPress. Eu pude testá-lo e percebi rapidamente que muitos usuários se perderão com esse novo editor, daí o motivo deste tutorial. Então, vamos juntos analisar o básico da editora Gutenberg e cobrir 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 Gutenberg e testá-lo em sua versão do WordPress (eu inicio um ambiente experimental novamente). Admito, no entanto, ficar um pouco surpreso ao olhar para as classificações dadas a este novo editor, mais da metade dos usuários deram uma classificação de 1 / 5.

preview gutenberg rating wordpress.jpeg

Eu não vou parar nisso e testar para ter uma ideia.

Apresentação da interface

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

Gutenberg presentation.jpeg

O que eu notei no jogo é que o editor dependia muito da falta de distração e explorava toda a largura da página.

versão antiga wordpress.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]

Mesmo que tenhamos que admitir que há 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 do Calypso (WordPress.com).

editor de calypso wordpress.jpeg

Localização dos elementos

Seção de backup

O layout mudou muito. A área de salvamento dos itens agora está no topo. Esta é 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 à direita. Para visualizar o artigo, você deve clicar no olho antes do botão "Publicar ...".

controle avançado gutenberg.jpeg

A seção de seleção da imagem para uma das categorias e visibilidade do artigo está à direita, como de costume. Você precisa garantir 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 como um bloqueio. Os blocos têm essa possibilidade de serem singularmente ajustáveis, mas também podem ser movidos facilmente por todo o documento.

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]

Quando você colocou o cursor no seu parágrafo, para acessar os recursos do bloco selecionado, você deve clicar na guia de bloco à direita.

bloqueie gutenberg wordpress.jpeg

Com essas configurações, você pode, por exemplo, definir uma cor de fundo que se aplique somente ao bloco e alterar o tamanho da fonte do bloco. Eu 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 clicando na opção Editor e, em seguida, clicando em "Corrigir barra de ferramentas na parte superior".

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

Como adicionar blocos personalizados

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

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. [FREE]

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 oferecem temas e plugins. Você ainda terá a possibilidade de salvar seus próprios blocos personalizados. Acho que isso facilitará a edição de artigos semelhantes.

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

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.

Cool WordPress temas que eu encontrei em
E há mais temas e modelos 50 000 para você escolher!

De volta ao topo
28 ações
ação20
chilrear2
Enregistrer6
Whatsapp