WordPress 5.0 e Gutenberg: O que você precisa saber

Você está sem dúvida ciente do WordPress 5.0, uma atualização massiva que muda completamente a forma como criamos conteúdo através do WordPress.

Se você usa o WordPress há algum tempo, provavelmente sabe o quanto a plataforma mudou ao longo do tempo. O que antes era uma simples ferramenta de blog se tornou uma plataforma abrangente de criação e gerenciamento de sites.

O WordPress 5.0 (chamado “Bebo”) é uma grande mudança na forma como usamos a plataforma. Com esta atualização, a equipe do WordPress focou na usabilidade e acessibilidade. Eles querem que todos possam criar sites visualmente deslumbrantes e responsivos para dispositivos móveis, *sem* escrever código.

Neste artigo, gostaríamos de repassar as novidades do WordPress 5.0, explicar o Gutenberg e como usá-lo, e então abordar como isso afeta seu plugin de pagamentos favorito, o WP Simple Pay.

Recursos do WordPress 5.0

A equipe do WordPress tinha três objetivos ao desenvolver o WordPress 5.0:

1. Encontrar uma maneira para os usuários criarem mais conteúdo com mídia rica e elementos de design, em vez de criar páginas simples com muito texto.
2. Criar *um padrão* para interagir com a interface do usuário, para que a criação de sites seja intuitiva. Eles não querem que você misture texto rico, shortcodes, HTML, código colado de outras plataformas e outros formatos. Eles querem que você use *apenas* o sistema de blocos deles.
3. Tornar os recursos principais descobertos. Eles querem que você veja os diferentes tipos de conteúdo bem na sua frente (vídeo, imagens, divisores, colunas, etc.), para que você não precise procurar no WordPress ou improvisar com plugins de terceiros.

Esses são objetivos ambiciosos, mas o WordPress 5.0 os atinge todos. Confira o vídeo promocional deles:

Aqui está uma lista das principais atualizações que vêm com o WordPress 5.0.

• O WordPress agora suporta oficialmente a versão 7.3 do PHP.
• O novo pacote de idioma JavaScript permite adicionar strings traduzíveis diretamente ao código JS.
• As meta boxes são salvas quando você clica no botão "visualizar".
• O rascunho é salvo quando você clica no botão "visualizar".
• Otimização móvel aprimorada.
• Você pode cortar imagens de fundo antes de publicá-las.
• A classe CSS wp-image foi adicionada para que você possa usar atributos de tamanho para imagens.
• Vários aprimoramentos significativos na WordPress Rest API (que ajuda os desenvolvedores a criar aplicativos que se integram ao WordPress).
• O editor clássico foi substituído pelo editor Gutenberg (mais sobre isso em um momento).

Por que a equipe do WordPress fez essas mudanças?

Simplesmente, o WordPress tem que competir com outras soluções de criação de sites, como Squarespace, Wix, Shopify, etc. Sim, essas plataformas atraem comunidades de nicho, mas ainda são concorrentes para o WordPress. A participação de mercado do WordPress continua a crescer, mas a de seus concorrentes também.

Novo Tema: Twenty Nineteen

Os designers do WordPress gostam de introduzir um novo tema todos os anos. O WordPress 5.0 também incluiu o tema padrão mais recente, o Twenty Nineteen.

Como a maioria dos temas da equipe do WordPress, o Twenty Nineteen é moderno, minimalista, leve e profissional. Ele é altamente personalizável e fica ótimo em dispositivos móveis.

Mais importante ainda, o novo tema foi projetado especificamente para o novo editor de blocos Gutenberg. Como o editor Gutenberg é novíssimo, ele é um dos poucos temas disponíveis que funcionam perfeitamente. A equipe do WordPress afirma que atualizará temas mais antigos do WordPress (desde o Twenty Ten) ao longo do tempo para acomodar o Gutenberg.

Editor de Blocos Gutenberg

O novo editor é a mudança mais drástica no WordPress 5.0. Ele reformula completamente a forma como criamos conteúdo para páginas e posts. O Gutenberg está disponível como um plugin autônomo há vários meses, então você pode já ter experimentado. Agora ele é o editor padrão do WordPress.

“O objetivo abrangente do Gutenberg é uma experiência de criação de posts e páginas que facilita a criação de layouts ricos”, diz a equipe do WordPress.

Se você já usou um construtor de páginas como Thrive Architect, Elementor, Visual Composer ou Beaver Builder, reconhecerá o novo sistema padrão do WordPress.

O Gutenberg é um editor sofisticado baseado em blocos. Em vez de digitar ou colar seu conteúdo em uma grande caixa de texto, você "constrói" o conteúdo com blocos modulares.

Diferentes blocos têm propósitos diferentes. Por exemplo, o bloco de imagem é para imagens. O bloco de título é para títulos. O bloco de parágrafo é para – você adivinhou – parágrafos. Cada bloco tem um propósito específico e você não pode usá-los de outras maneiras.

O WordPress 5.0 vem com mais de 40 blocos padrão. Você pode instalar plugins adicionais de fontes de terceiros com seus próprios blocos. Se você quiser mais blocos, confira Atomic Blocks, Stackable, Advanced Gutenberg Blocks ou CoBlocks.

Como Funciona o Gutenberg?

Para adicionar um bloco, basta selecioná-lo no menu ou clicando em um dos ícones de “+” em sua página. Você pode mover blocos simplesmente arrastando-os para um novo local.

Este método de empilhamento de blocos de conteúdo lhe dá controle sobre o design final sem tocar no código. Quer mover essa imagem acima de outro parágrafo? Isso é um simples arrastar do mouse sem nenhuma reformatação ou código duplicado deixado no HTML.

Além disso, os blocos de layout oferecem mais funcionalidades do que jamais tivemos antes. Você pode criar colunas, divisões, botões e widgets (para shortcodes) de forma rápida e fácil.

Cada bloco vem com seu próprio painel de configurações para que você possa construir seu conteúdo exatamente como deseja. Quando você clica em um bloco, um menu no lado direito da sua interface muda para exibir as configurações desse bloco.

Se você criar um bloco que gostaria de usar em outro lugar (seja nessa página ou em outro lugar do seu site), você pode salvá-lo como reutilizável. Isso lhe dá a capacidade de adicionar rapidamente o bloco com essas configurações nessa página ou em qualquer outra página.

Você pode pensar que este novo estilo de “construção” de conteúdo é mais complicado do que simplesmente digitar em uma caixa de texto, mas o WordPress o simplificou ainda mais, adicionando muitos atalhos de teclado. Esses comandos ajudam você a adicionar, remover e manipular blocos rapidamente para que possa criar conteúdo de forma ágil.

Sem dúvida, veremos muitas atualizações em seus plugins e temas favoritos nos próximos meses (se já não aconteceram). Eles vão querer fazer alterações para acomodar o Gutenberg.

Gutenberg e WP Simple Pay

Então, como o Gutenberg afeta o WP Simple Pay?

Felizmente, não afeta muito. Se você quiser adicionar um formulário WP Simple Pay a uma página, basta adicionar um novo bloco, encontrar o bloco Shortcode na categoria Widgets e, em seguida, colar seu shortcode.

Alternativamente, você pode colar seu shortcode em um bloco de parágrafo. O bloco deve se converter automaticamente em um bloco de shortcode.

A beleza do Gutenberg é que o sistema de blocos manterá seu formulário de pagamento em sua própria linha, para que não haja conflito de formatação com outros elementos na página.

Seguindo em Frente

Embora seja possível instalar um plugin que traz de volta o editor clássico, recomendamos que você se familiarize com o editor de blocos o mais rápido possível. Assim que você pegar o jeito, perceberá que pode criar rapidamente páginas e posts incríveis sem tocar em código.

Francamente, achamos que o Gutenberg e o WordPress 5.0 são apenas o começo de uma mudança em direção à acessibilidade e ao design de nível profissional. O WordPress — e outros sistemas de gerenciamento de conteúdo — querem que você construa todo o seu site em sua plataforma, com o mínimo possível de ferramentas de terceiros.

Você encontrará muitas críticas na web sobre o lançamento do Gutenberg e do WordPress 5.0, mas estamos animados para ver como as pessoas o usarão e pelo futuro do WordPress.

Ah, e se você encontrar um bug, certifique-se de relatá-lo! O WordPress depende de sua comunidade dedicada para feedback, para que eles possam iterar continuamente em seu produto.