{"id":20519,"date":"2018-08-07T02:10:52","date_gmt":"2018-08-07T02:10:52","guid":{"rendered":"https:\/\/kinqsta.com\/?p=11648"},"modified":"2025-02-13T08:37:02","modified_gmt":"2025-02-13T11:37:02","slug":"editor-gutenberg-wordpress","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/pt\/blog\/editor-gutenberg-wordpress\/","title":{"rendered":"An\u00e1lise Aprofundada do Gutenberg, o Editor do WordPress"},"content":{"rendered":"

Quando o editor de blocos do WordPress, ou Gutenberg, foi lan\u00e7ado em dezembro de 2018<\/a>, n\u00e3o sab\u00edamos o que esperar. Claro, t\u00ednhamos muito tempo para brincar com sua vers\u00e3o beta, mas n\u00e3o pod\u00edamos prever o qu\u00e3o tranquilo seria o lan\u00e7amento real ou o qu\u00e3o ansiosos os usu\u00e1rios e desenvolvedores abra\u00e7ariam o novo editor.<\/p>\n

Temos visto o editor do Gutenberg sofrer um tremendo crescimento nos mais de dois anos desde que publicamos este artigo pela primeira vez. Ele passou de um lan\u00e7amento de produto m\u00ednimo vi\u00e1vel (MVP) para um projeto mais maduro que est\u00e1 se aproximando do objetivo de criar uma experi\u00eancia unificada de Full Site Editing (Edi\u00e7\u00e3o completa do site)<\/a> para WordPress.<\/p>\n

Para explicar estas mudan\u00e7as, revisitamos o editor Gutenberg para lev\u00e1-lo atrav\u00e9s do seu novo rosto, inclusive para onde ele ir\u00e1 em breve.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

O que \u00e9 o editor de blocos Gutenberg?<\/h2>\n

Gutenberg, alternativamente conhecido como o “editor de blocos WordPress” ou apenas o “editor WordPress”, \u00e9 o editor de conte\u00fado WordPress introduzido no WordPress 5.0<\/a>, lan\u00e7ado em 6 de dezembro de 2018.<\/p>\n

Se voc\u00ea ainda n\u00e3o ouviu esse termo, \u00e9 o editor padr\u00e3o que todos os sites WordPress usam, a menos que voc\u00ea o tenha especificamente desativado. \u00c9 algo parecido com isto:<\/p>\n

\"
O editor Gutenberg WordPress.<\/figcaption><\/figure>\n

A grande diferen\u00e7a entre o editor Gutenberg WordPress e o editor WordPress anterior (agora chamado de “editor cl\u00e1ssico” ou “editor TinyMCE”) \u00e9 uma nova abordagem baseada em blocos para a cria\u00e7\u00e3o de conte\u00fado.<\/p>\n

Com Gutenberg, cada elemento do seu conte\u00fado \u00e9 um bloco, o que torna f\u00e1cil a manipula\u00e7\u00e3o do conte\u00fado. Cada par\u00e1grafo \u00e9 um bloco, cada imagem \u00e9 um bloco, cada bot\u00e3o \u00e9 um bloco – voc\u00ea percebe a id\u00e9ia!<\/p>\n

Os desenvolvedores terceirizados tamb\u00e9m podem criar blocos personalizados, o que est\u00e1 ajudando a encerrar o caso do WordPress com atalhos<\/a>. Digamos que voc\u00ea queira incorporar um formul\u00e1rio de contato<\/a>. Em vez de precisar adicionar um c\u00f3digo de atalho (por exemplo, “seu c\u00f3digo de forma”) como voc\u00ea fazia no passado, agora voc\u00ea pode simplesmente inserir o bloco do plugin do seu formul\u00e1rio.<\/p>\n

Al\u00e9m disso, voc\u00ea tamb\u00e9m pode usar blocos para criar layouts mais complexos, por exemplo, para montar um projeto multicoluna ou agrupar blocos para criar uma se\u00e7\u00e3o coerente.<\/p>\n

\u00c0 medida que nos aprofundamos em mostrar como usar o editor de blocos, voc\u00ea ter\u00e1 uma id\u00e9ia melhor de como voc\u00ea pode usar os blocos para melhorar a forma como voc\u00ea cria conte\u00fado.<\/p>\n\n

Gutenberg n\u00e3o \u00e9 apenas um editor de conte\u00fado<\/h3>\n

Uma coisa importante a entender \u00e9 que o projeto Gutenberg visa ser mais do que apenas um editor de conte\u00fado.<\/p>\n

Em julho de 2021, Gutenberg ainda \u00e9 apenas um editor de conte\u00fado (na sua maioria). Mas o objetivo a longo prazo para Gutenberg \u00e9 mov\u00ea-lo para algo chamado Full Site Editing (Edi\u00e7\u00e3o completa do site)<\/strong>.<\/p>\n

A id\u00e9ia com o Full Site Editing \u00e9 que voc\u00ea poder\u00e1 projetar 100% do seu site usando o editor Gutenberg. Por exemplo, em vez de ficar limitado \u00e0s op\u00e7\u00f5es de cabe\u00e7alho que v\u00eam com seu tema WordPress<\/a>, voc\u00ea poder\u00e1 usar o Gutenberg para projetar cabe\u00e7alhos personalizados usando o editor de blocos.<\/p>\n

Este tipo de funcionalidade ainda <\/em>n\u00e3o est\u00e1 dispon\u00edvel, mas est\u00e1 a caminho, e temos alguns projetos de “prova de conceito” que lhe daremos uma olhada quase no final deste artigo.<\/p>\n

Pr\u00f3s e contras de Gutenberg vs alternativas populares<\/h2>\n

Agora que podemos usar o editor de blocos do WordPress h\u00e1 mais de dois anos, temos uma boa id\u00e9ia de alguns dos pr\u00f3s e contras do Gutenberg em rela\u00e7\u00e3o a outras solu\u00e7\u00f5es.<\/p>\n

Existem duas alternativas principais que voc\u00ea tem para criar conte\u00fado<\/a> no WordPress:<\/p>\n