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 (O Que Há de Novo)
- O Que a Comunidade Pensa Sobre o Gutenberg
- Data Oficial de Lançamento do WordPress 5.0
- Como se Preparar e Atualizar o WordPress 5.0
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:
- Gutenberg, o novo editor do WordPress
- 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:
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.
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.
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:
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. 😉
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.
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.
We want to know, what do you think about the new #Gutenberg WordPress editor? Read more: https://t.co/bkJvrMmfNE
— Kinsta (@kinsta) October 23, 2018
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.
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.
2. Faça um Backup do Seu Site WordPress
Se você não estiver fazendo os testes em um site de produção 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.
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.
Você receberá um aviso para atualizar seu banco de dados do WordPress.
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.
- Está com problemas com a tela branca da morte? Isso costuma ser resolvido ao simplesmente restaurar o PHP e excluir o cache de página inteira em seu site WordPress.
- Está vendo uma tela com a mensagem “Momentaneamente indisponível para manutenção programada. Confira novamente em um minuto” que nunca vai embora? Seu site pode estar preso no modo de manutenção.
- Tente desativar todos os seus plugins para ver se isso corrige seu problema. Em seguida, ative-os um por um até que encontre qual plugin precisa de uma atualização do desenvolvedor.
- Tente alterar para um tema padrão do WordPress, como o Twenty Nineteen (quando ele estiver disponível). Se isso corrigir seu problema, talvez você deva entrar em contato com o desenvolvedor do seu tema.
- Solucione e faça o diagnóstico de problemas de JavaScript em seu navegador. Isso pode ser especialmente útil se um componente crucial como o Editor Visual (TinyMCE) parar de funcionar.
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”.
Assim, tudo será convertido automaticamente para os novos blocos do 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 teste. Ele foi colocado no editor clássico usando um shortcode. Assim, no editor Gutenberg, selecionamos novamente a opção “Converter para blocos”.
Dessa forma, ele é transformado em um bloco de shortcode no Gutenberg. O formulário de contato continua carregando normalmente no front-end.
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.
Brian tem uma enorme paixão pelo WordPress, e tem utilizado há mais de uma década e até desenvolve alguns plugins premium. Brian gosta de blogs, filmes e caminhadas. Conecte-se com Brian no Twitter.
Muito bom, muitos detalhes interessantes.
Achei o WP 5.0 ótimo, em termos de configurações, muitas coisas mudaram de lugar e agora é só acostumar.
Acho que vai evoluir muito e ter muitos outros recursos diferentes para blocos e tornar muito interessante.
No painel + aonde é procurado por um tipo de bloco que se deseja, está ainda repetindo outros, deve ser mais organizado.
O mais grave que estou tentando resolver é ser lento, o salvamento automático atrapalha muito, acho que fica salvando a cada dez segundos. Se alguém souber aonde desabilita isso, vai ser ótimo.
Ele trava e temos que ficar esperando. Talvez seja os plugins não serem compatíveis ainda. Ainda não tive tempo de testar ele com o tema oficial e sem plugins.
Acho que muitos deles poderão ser desativados definitivamente por já vir com os mesmos recursos incluídos.
O negócio é deixar o clássico e ir testando em um site pequeno até estar rápido e sem travar.