A partir de 06 de dezembro de 2018, WordPress 5.0 “Bebo” está aqui! Se você ignorou todas as outras atualizações este ano, agora é a hora de dar uma olhada e esta é a maior atualização para 2018. O WordPress está reformulando completamente como os usuários e desenvolvedores usam o CMS com seu novo editor Gutenberg. Agora é tudo sobre blocos. Também temos um novo tema Twenty Nineteen, que é o padrão em novas instalações.

Atualização: O que há de novo no WordPress 5.3

Assim como em qualquer nova versão do WordPress, sempre recomendamos que você faça testes. Isso pode soar repetitivo, mas como este lançamento impacta tudo, desde o editor até plugins de terceiros e até mesmo seu tema, testar não é algo opcional! Se você não fizer os testes, as coisas podem facilmente parar de funcionar. Esse é um lançamento que você não vai querer esperar até o último minuto para agir.

Dito isto, vamos nos aprofundar sobre tudo o que você pode esperar com o lançamento do WordPress 5.0.

O WordPress 5.0 muda tudo! 💥Confira o que há de novo no maior lançamento do ano. Click to Tweet

O WordPress 5.0 Muda Tudo (O Que Há de Novo)

Com o WordPress 4.8 (Evans), recebemos uma enxurrada de widgets novos e melhorias, juntamente com um conveniente aperfeiçoamento na forma como os links funcionam no editor visual.

No WordPress 4.9 (Tipton), vimos um passo significativo em direção a uma forma mais centrada no usuário para personalizar e gerenciar websites, com grandes melhorias no Customizer, novas funcionalidades excitantes para widgets e um editor de texto poderoso para edição de código.

A maioria das atualizações anteriores foi relativamente menor e para muitos de nós, não causou grande impacto. O WordPress 5.0 é diferente. Ao invés de adicionar pequenas melhorias aqui e ali, este lançamento é completamente focado em duas coisas:

  1. Gutenberg, o novo editor do WordPress
  2. O tema WordPress Twenty Nineteen

Fora isso, mudanças menores e correções de bugs estão sendo observadas apenas caso a caso. Na verdade, tudo de trata do Gutenberg. 📇

Embora possa parecer que não há tantas mudanças à primeira vista, isso está longe de ser verdade! Gutenberg é uma tentativa de alçar o WordPress como um CMS em direção ao espaço da construção de websites. Na verdade, a equipe WordPress planeja se afastar do velho ciclo de lançamentos, nos quais nós recebemos apenas atualizações pequenas, para um em que veremos grandes mudanças acontecerem de uma vez só. No entanto, eles também disseram que o plano é ter uma versão menor do WordPress duas vezes por mês, agora que o WordPress 5.0 é lançado. Você pode conferir o que eles planejaram para a Fase 2 de Gutenberg.

Então, o que exatamente é o Gutenberg?  O manual do Gutenberg faz um bom trabalho resumindo essa questão:

O Gutenberg começou como uma transformação do editor do WordPress – uma nova interface para adicionar, editar e manipular o conteúdo. Ele busca facilitar e permitir que qualquer pessoa crie camadas de conteúdo rico e flexível, através de uma interface de usuário baseada em blocos. Todos os tipos de componentes de páginas são representados por blocos modulares, o que significa que eles podem ser acessados através de um menu de blocos unificado, posicionados em qualquer lugar da página e editados diretamente para criar a apresentação personalizada que o usuário deseja.

Trata-se de uma modernização e transformação fundamental de como a experiência no WordPress funciona, criando novas oportunidades tanto para usuários quanto para desenvolvedores. Gutenberg introduz novos frameworks, padrões de interação, funcionalidades e experiências de usuário ao WordPress…

Em outras palavras, no WordPress 5.0 você não terá mais o mesmo editor WordPress clássico ou o editor de texto que você se acostumou a usar na última década. 😱 Ele se parecerá com este aqui:

Editor Gutenberg

Editor Gutenberg

De fato, você talvez já tenha visto um anúncio sobre isto no seu painel WordPress. Ele foi adicionado no lançamento do WordPress 4.9.8 como uma forma de comunicar os usuários sobre o que realmente está acontecendo.

Anúncio sobre o WordPress 5.0 Gutenberg

Anúncio sobre o WordPress 5.0 Gutenberg

Gutenberg é o editor padrão e único nas instalações do WordPress 5.0. Não se preocupe, você ainda conseguirá instalar o plugin do Editor Clássico se quiser. Isso possibilitará que você continue a utilizá-lo em conjunto com o novo editor Gutenberg. Teremos outro post nesta semana com um passo a passo completo de como continuar usando o Editor Clássico.

Entretanto, aviso justo, a equipe do WordPress disse que o plugin Classic Editor só será oficialmente suportado até 31 de dezembro de 2021. Por isso, recomendamos que você se aprofunde no Gutenberg e no WordPress 5.0 com antecedência.

Por que isso está acontecendo? Existem alguns motivos distintos.

1. O WordPress Precisa Competir

O primeiro motivo é que, apesar de a versão auto-hospedada ser de código aberto, a Automattic, empresa por trás do WordPress.com, ainda é um negócio. Ela precisa competir com todos as outras soluções de construtores de websites, como Wix e Squarespace. Se olharmos para a participação de mercado do WordPress de 2017 a 2018, podemos observar um crescimento anual de cerca de 17,3%. Embora pareça um bom número, veja alguns dos concorrentes. Squarespace cresceu 180% e o construtor Wix aumentou sua participação em 233%.

E apesar do projeto de código aberto e os negócios serem tecnicamente separados, eles andam de mãos dadas um com o outro. Em outras palavras, o WordPress precisa correr atrás! Por que você acha que todos os plugins extravagantes de construtores de páginas estão crescendo em um ritmo inacreditável? É porque as pessoas precisam de formas mais fáceis de criar seus websites e escrever o conteúdo. Até mesmo outras plataformas de publicação, como Medium e Ghost, apresentam experiências melhores de redação se você deseja apenas ter um blog.

Quando se trata de WordPress, sempre se trata também da participação de mercado. 📈 Click to Tweet

Isso não é necessariamente algo ruim. Afinal de contas, a concorrência é o que faz o produto e a comunidade apresentarem avanços mais rapidamente.

2. Ele Precisava Ser Reescrito

Segundo motivo: Gutenberg agora é desenvolvido no React, um framework em JavaScript muito popular usado e mantido por empresas como Facebook e Instagram. Nossos desenvolvedores aqui na Kinsta adoram o React e de fato, começamos a utilizá-lo quando decidimos implantar nosso próprio sistema de afiliados. Além disso, Gutenberg tira proveito de muitas outras tecnologias modernas, como API REST, ESnext + JSX, WebPack, entre outras. Riad Benguella escreveu um ótimo post sobre como Gutenberg está mudando o desenvolvimento com WordPress.

Por causa da forma como ele é estruturado, um mundo totalmente novo é aberto aos desenvolvedores em termos de “desenvolvimento em blocos”. Lembre-se, tudo com Gutenberg é resumido a blocos. Por isso, você provavelmente vai ouvir muito este termo.

Mas isso também pode complicar as coisas, já que usualmente os desenvolvedores precisariam aprender novas linguagens. Entretanto, felizmente, a comunidade WordPress veio ao resgate e existem ótimos projetos de código aberto, como o create-guten-block. Basicamente, ele é uma ferramenta para desenvolvedores sem configuração (#0CJS) para desenvolver blocos Gutenberg no WordPress em questão de minutos, sem configurar o React, WebPack, ES6/7/8/Next, ESLint, Babel, entre outros.

Você talvez também queira dar uma olhada em:

Atomic Blocks

Atomic Blocks

Talvez você pense que, com tudo isso, o objetivo seria melhorar o desempenho. Embora nossa expectativa seja essa, muitos relatórios até agora estão apontando performances mais lentas.

Observação: Alguns deles devem ser considerados com ponderação, pois a equipe Gutenberg está trazendo atualizações sem parar e o produto final poderá variar bastante. Apenas o tempo dirá.

Outra desvantagem disso é que a maioria (não todos) dos temas e plugins WordPress terão que ser reescritos para que funcionem com Gutenberg. Principalmente aqueles que interagirem com o editor do WordPress. Yoast SEO é um ótimo exemplo de desenvolvedor de plugins WordPress que embarcou na novidade rapidamente! Eles fizeram a primeira atualização para Gutenberg em julho de 2017 e têm lançado novas desde então. Mesmo que estivessem preocupados, primeiramente, com a acessibilidade. A equipe WordPress emitiu um comunicado a respeito da acessibilidade no Gutenberg.

Se você quiser ir afundo em todos os recursos do Gutenberg e ver como ele realmente funciona, veja nossa análise sobre o editor WordPress Gutenberg.

Se você não estiver preparado ainda, é possível adiar essa mudança desabilitando o editor WordPress Gutenberg.

Twenty Nineteen Theme

O WordPress 5.0 também inclui o novo tema minimalista Twenty Nineteen. Ele acompanha suporte total para Gutenberg, tanto no front-end quanto no back-end. Falaremos sobre este tema de forma mais aprofundada em um post futuro. 😉

Tema WordPress Twenty Nineteen

Tema WordPress Twenty Nineteen

O Que a Comunidade Pensa Sobre o Gutenberg

Com o WordPress impulsionando mais de 32% de todos os websites na Internet, qualquer grande mudança como esta é fadada a causar algumas polêmicas. Afinal de contas, sejamos honestos, o editor do WordPress não mudou muita na última década.

Se você der uma olhada no plugin WordPress Gutenberg com mais de 500 mil instalações ativas, verá que sua classificação é de 2,3 estrelas entre cinco possíveis, com direito a mais de 800 avaliações de apenas uma estrela. Apesar de isso não parecer bom, é importante destacar que as pessoas têm avaliado o Gutenberg desde que estava na versão beta. Além disso, por se tratar de uma alteração tão grande, não há como evitar que algumas classificações sejam de usuários que são simplesmente resistentes às mudanças.

Avaliações do Gutenberg no WordPress

Avaliações do Gutenberg no WordPress

Fizemos uma enquete no Twitter para ver o que os usuários pensam sobre Gutenberg neste momento. Com mais de 450 votos até agora, 42% dos usuários disseram que ainda não o utilizaram muito e assim, não podem dar uma opinião. Com a chegada do WordPress 5.0 e do Gutenberg se aproximando rapidamente, isso é algo um pouco assustador. Outros 28% disseram que odiaram, 19% que amaram e 11% que estão se acostumando.

Ian, do Delicious Brains, também tem um post muito bom, no qual ele compartilha diversas preocupações válidas sobre o Gutenberg. Não importa a forma como você olhe, pelo fato como o WordPress está publicando todas essas novas linguagens e tecnologias, os sites simplesmente pararão de funcionar quando forem atualizamos para o WordPress 5.0. Não há como impedir isso. A menos que cada plugin e tema que você esteja utilizando tenha sido completamente atualizado, o que não costuma ser o caso, é possível que você entre num mundo de dor tentando solucionar os problemas.

E quem são os maiores impactados por isso? Agências, freelancers e desenvolvedores. E é por isso que a data de lançamento do WordPress 5.0 (sobre a qual falaremos mais adiante) realmente nos preocupa.

E como se tudo isso não fosse suficiente, o ClassicPress emergiu. Esta é uma variação do WordPress (sem Gutenberg) que serve ao mercado de websites corporativos baseados em CMS. A preocupação aqui é: vamos começar a nos fragmentar? Até mesmo a equipe deles ainda não sabe como lidar com a compatibilidade de plugins e temas. De qualquer forma, este com certeza é projeto ao qual deve-se prestar atenção.

ClassicPress

ClassicPress

Data Oficial de Lançamento do WordPress 5.0

Então agora a pergunta que você provavelmente tem, quando o WordPress 5.0 será lançado? A equipe principal do WordPress originalmente definiu uma data de lançamento prevista para 19 de novembro de 2018. No entanto, essa foi uma data provisória.

A partir de 6 de dezembro de 2018, o WordPress 5.0 está agora oficialmente aqui!

Se você está trabalhando com clientes cujos sites rodam no WordPress, isso é algo a se ter em mente. Obviamente, você pode instalar o Editor Clássico ou simplesmente adiar a atualização por algum tempo.

De qualquer forma, você deveria ter um plano de ação para os feriados! A última coisa que você quer é que seu cliente te ligue para fazer uma reclamação sobre seu site ter parado de funcionar após ter sido atualizado para o WordPress 5.0.

Como Se Preparar e Atualizar o WordPress 5.0

Não nos cansamos de dizer o quão importante é testar o WordPress 5.0 e o Gutenberg com antecedência. Você precisa ter certeza que todos os seus plugins e temas funcionarão de forma adequada. Se você tem uma solução de desenvolvimento personalizada, certifique-se de procurar um desenvolvedor WordPress para que ela seja atualizada. Isso não é algo que sua hospedagem WordPress será capaz de ajustar para você.

1. Faça Download do Plugin Gutenberg

É altamente recomendável instalar o Gutenberg em um site de testes ou utilizar o ambiente de testes de sua hospedagem. Desta forma, você não afetará seu site que está no ar. Se você é um cliente Kinsta, pode criar com facilidade uma cópia do seu site para uma versão de testes em apenas alguns cliques.

Ambiente de testes no WordPress

Ambiente de testes no WordPress

2. Faça um Backup do Seu Site WordPress

Se você não estiver fazendo os testes em um site de desenvolvimento ou de testes (algo que deveria fazer), certifique-se de fazer um backup completo do seu site WordPress. Existem muitos plugins de backup para WordPress excelentes que podem ser usados. Se você é um cliente Kinsta, tem acesso a um site de testes, além de quatro tipos diferentes de backups, incluindo os backups automáticos que são armazenados durante 14 dias.

Entretanto, pelo fato de o WordPress 5.0 ser uma mudança tão grande, também recomendamos que você faça o download do backup do seu site inteiro. Isso inclui todos os seus arquivos e banco de dados MySQL. Nunca se sabe, talvez você perca algo depois que os 14 dias tiverem passado. É sempre conveniente conseguir restaurar um backup se for necessário. Os clientes Kinsta podem fazer o download do backup completo com apenas um clique e a qualquer momento no painel MyKinsta.

Download completo de backup do WordPress

Download completo de backup do WordPress

3. Verifique os Plugins e Temas (Eles São Impactados pelo Gutenberg)

Como parte de seus testes com Gutenberg, você deve se certificar de que todos os plugins e temas de terceiros funcionem com ele. Tudo o que interage com o editor do WordPress provavelmente será afetado. O Yoast SEO é um bom exemplo disso, pois ele possui caixas de informações (meta boxes) personalizadas. O Advanced Custom Fields seria mais um exemplo.

Verifique com os desenvolvedores dos seus plugins e temas. Muitos já começaram a anunciar suporte para Gutenberg ou a informar a partir de quando passarão a fornecê-lo. Vários desenvolvedores de temas também estão lançando seus próprios blocos Gutenberg.

Atualizar para o WordPress 5.0

Atualizar para o WordPress 5.0

Você receberá um aviso para atualizar seu banco de dados do WordPress.

Atualização do banco de dados do WordPress 5.0 necessária

Atualização do banco de dados do WordPress 5.0 necessária

Se tudo correr bem com a atualização, você deverá visualizar a tela “O que há de novo”. E pronto! Fácil e rápido.

Resolução de Problemas com a Atualização do WordPress

A cada novo lançamento do WordPress, sempre há alguns problemas na experiência e isso ocorre devido aos milhares de plugins e temas que coexistem no mercado. Aqui estão algumas formas para solucionar problemas comuns.

O Que Acontece com o Conteúdo Atual?

O que acontece com o conteúdo que você criou no editor clássico quando ele é aberto no novo editor Gutenberg? Basicamente, o post inteiro será exibido como uma grande caixa de edição TinyMCE. Isso foi feito para preservar a formatação do conteúdo em todos os seus posts e páginas. Para tirar proveito do editor Gutenberg, você pode selecionar a opção “Converter para blocos”.

Opção no Gutenberg – converter para blocos

Opção no Gutenberg – converter para blocos

Assim, tudo será convertido automaticamente para os novos blocos do Gutenberg.

Blocos convertidos no Gutenberg

Blocos convertidos no Gutenberg

O Que Acontece com os Shortcodes?

O mesmo vale para os shortcodes. Neste exemplo, já tínhamos um formulário de contato NinjaForm em nosso site de desenvolvimento. Ele foi colocado no editor clássico usando um shortcode. Assim, no editor Gutenberg, selecionamos novamente a opção “Converter para blocos”.

Shortcodes no Gutenberg

Shortcodes no Gutenberg

Dessa forma, ele é transformado em um bloco de shortcode no Gutenberg. O formulário de contato continua carregando normalmente no front-end.

Bloco de shortcode convertido no Gutenberg

Bloco de shortcode convertido no Gutenberg

Resumo

WordPress 5.0 e Gutenberg são a maior atualização do WordPress que temos em muito tempo. Ela afeta a todos, desde a forma como os usuários interagem com o editor e escrevem conteúdo até a maneira com a qual os desenvolvedores codificam plugins e temas. Só o tempo dirá se o projeto Gutenberg será um sucesso. Mas independentemente disso, o melhor a fazer é começar os testes o mais breve possível para garantir que nada vai parar de funcionar no seu site WordPress.

Qual a sua opinião sobre WordPress 5.0 ou Gutenberg? Adoraríamos ouvir o que você tem a dizer sobre eles.

24
Shares