Imagem do artigo Introdução ao Gutenberg e novos editores de bloco

30. Introdução ao Gutenberg e novos editores de bloco

Página 45 | Ouça em áudio

```html Introdução ao Gutenberg e Novos Editores de Bloco

Introdução ao Gutenberg e Novos Editores de Bloco

Com o lançamento do WordPress 5.0, chegou ao mundo do desenvolvimento web um novo paradigma na criação de conteúdo: o editor Gutenberg. Este editor de blocos trouxe uma abordagem revolucionária para a construção de páginas e posts, permitindo aos usuários uma experiência mais intuitiva e visual na hora de criar seus websites. Neste artigo, vamos explorar o que é o Gutenberg, como ele funciona e o que o diferencia dos editores clássicos.

O que é o Gutenberg?

Gutenberg é o nome dado ao novo editor de blocos do WordPress, uma referência ao inventor da prensa móvel, Johannes Gutenberg, que revolucionou a publicação de livros no século XV. Da mesma forma, o editor Gutenberg busca transformar a maneira como os conteúdos são criados e gerenciados no WordPress.

Antes do Gutenberg, o WordPress utilizava um editor baseado em uma área única de texto, conhecido como TinyMCE. Este editor era simples e funcional, mas limitava a criatividade e a flexibilidade na hora de estruturar o conteúdo. Com o editor de blocos, cada parte do conteúdo - seja um parágrafo, uma imagem ou um botão - é tratada como um bloco independente, o que oferece aos usuários uma liberdade sem precedentes para montar e organizar suas páginas.

Como Funciona o Editor de Blocos?

O editor Gutenberg é baseado em blocos, que são unidades de conteúdo individuais. Cada bloco pode ser editado, movido e personalizado de forma independente. Isso significa que você pode inserir, por exemplo, um bloco de texto, seguido por um bloco de imagem, e depois um bloco de galeria, cada um com suas próprias configurações e opções de estilo.

Para adicionar um novo bloco, basta clicar no ícone de adição (+) que aparece ao passar o cursor sobre a área do editor ou no canto superior esquerdo da interface. Uma vez adicionado, cada bloco pode ser configurado através de uma barra de ferramentas específica e um painel de configurações laterais. Além disso, os blocos podem ser facilmente rearranjados arrastando e soltando-os na posição desejada.

Principais Vantagens do Gutenberg

Uma das principais vantagens do Gutenberg é sua acessibilidade. Com um editor visual que reflete mais fielmente o resultado final na página, usuários com menos conhecimento técnico podem criar conteúdo de forma mais autônoma. Além disso, o Gutenberg é altamente extensível, permitindo que desenvolvedores criem seus próprios blocos personalizados, ampliando ainda mais as possibilidades de criação.

Outro ponto forte é a consistência no design. Como cada bloco tem suas próprias configurações de estilo, é possível manter um visual uniforme em todo o site. Isso é especialmente útil para marcas e empresas que precisam de uma identidade visual coesa em sua presença online.

Transição para o Gutenberg

Para aqueles que estão acostumados com o editor clássico, a transição para o Gutenberg pode parecer desafiadora no início. No entanto, o WordPress oferece recursos para facilitar essa mudança. Um deles é o plugin "Classic Editor", que permite aos usuários alternar entre os dois editores. Isso dá tempo para os usuários se familiarizarem com o novo sistema sem pressa.

Além disso, a comunidade WordPress tem criado extensos recursos educacionais, como tutoriais, guias e fóruns de discussão, para ajudar na adaptação ao Gutenberg. Com o tempo, a maioria dos usuários tende a apreciar a flexibilidade e o poder que o editor de blocos oferece.

Conclusão

O editor Gutenberg é uma evolução natural do WordPress, proporcionando aos usuários uma ferramenta poderosa e flexível para a criação de conteúdo. Com sua interface intuitiva e a capacidade de personalizar cada bloco, ele abre um novo mundo de possibilidades para criadores de conteúdo de todos os níveis de habilidade. À medida que o WordPress continua a evoluir, o Gutenberg desempenhará um papel central em moldar o futuro da criação de sites.

```

Agora responda o exercício sobre o conteúdo:

Qual é o nome do novo editor de blocos do WordPress mencionado no artigo e a quem ele faz referência?

Você acertou! Parabéns, agora siga para a próxima página

Você errou! Tente novamente.

Imagem do artigo Trabalhando com shortcodes

Próxima página do Ebook Gratuito:

46Trabalhando com shortcodes

5 minutos

Ganhe seu Certificado deste Curso Gratuitamente! ao baixar o aplicativo Cursa e ler o ebook por lá. Disponível na Google Play ou App Store!

Disponível no Google Play Disponível no App Store

+ de 6,5 milhões
de alunos

Certificado Gratuito e
Válido em todo o Brasil

48 mil exercícios
gratuitos

4,8/5 classificação
nas lojas de apps

Cursos gratuitos em
vídeo, áudio e texto