Gutenberg Hub lança um aplicativo de construtor de páginas online usando padrões do WordPress – WP Tavern

Eu tenho delirado sobre o poder dos padrões pelo que parece uma eternidade neste momento. E, quando começo a me perguntar como será esse recurso a seguir, alguém me surpreende com uma nova ideia. Muitas vezes essa pessoa é Munir Kamal.

Ele mencionou que compartilharia um “pequeno” aplicativo de geração de páginas que se conecta à biblioteca de padrões do WordPress no início desta semana. Hoje, ele anunciou publicamente que estava ao vivo no Gutenberg Hub.

O aplicativo ainda está em fase de conceito, mas a versão online atual funciona bem. Essencialmente, é uma interface que permite aos usuários juntar padrões para construir páginas inteiras. Ao contrário do próprio editor de blocos, os usuários não podem editar diretamente o conteúdo. Em vez disso, eles podem misturar e combinar padrões, copiar o código de bloco e colá-lo no editor em sua instalação do WordPress.

Ao visitar pela primeira vez o subsite do Builder no Gutenberg Hub, os usuários verão uma tela vazia com uma lista de categorias de padrões principais no painel da barra lateral esquerda. Inserir um novo padrão na página é tão simples quanto selecionar uma categoria, procurar um design preferido e clicar nele:

Site com uma tela de conteúdo e padrão de bloco WordPress nele.  Na lateral há uma lista de categorias de padrões com um inspetor aberto, exibindo várias opções de padrões.
Inserindo um padrão no aplicativo Builder.

Os usuários não precisam parar depois de inserir um único padrão. A ideia por trás deste projeto é construir uma página inteira a partir de vários padrões. Em seguida, pegue o código de bloco resultante através do botão “Copiar código” e cole-o no editor do WordPress. É uma maneira conveniente de brincar e experimentar novas ideias.

Por padrão, os padrões são apresentados para uma visualização da área de trabalho. No entanto, os usuários podem verificar como o design responde a tablets e dispositivos móveis.

O Construtor extrai todos os seus padrões atuais diretamente do Diretório de Padrões do WordPress. A API é pública e permite que outros criem aplicativos sobre ela.

Embora Kamal não tenha dado nenhuma indicação de que apresentaria padrões de fora do diretório oficial, isso provavelmente não está fora de questão. A interface do usuário do Builder tem uma seção chamada “Core” na barra lateral. Estou apenas especulando, mas suponho que ele planeja estender isso no futuro.

Um botão de menu fica no canto superior direito da interface do Builder. Isso abre a interface do Navegador. Ele permite que os visitantes personalizem o layout da página:

Aplicativo Builder com uma barra lateral esquerda mostrando uma lista de categorias de padrões de bloco do WordPress, no centro uma tela de conteúdo e à direita um navegador de padrões inseridos.
Painel do navegador à direita.

Existem opções para mover padrões inteiros para cima ou para baixo, descartá-los ou duplicá-los. Com base na minha experiência até agora, essa foi uma maneira mais fácil de fazer ajustes do que ao tentar selecionar grandes grupos de blocos no editor do WordPress.

O único recurso que eu solicitaria é um botão “voltar”. É bastante fácil abrir o navegador e descartar um padrão inserido, mas seria mais rápido desfazer essa ação por meio de um botão dedicado na área da barra de ferramentas.

O Gutenberg Hub’s Builder não permite que os visitantes personalizem o conteúdo dos padrões. Seu propósito se inclina mais para a criação de layout. A personalização acontece quando os usuários colam tudo de volta em seu próprio editor WordPress.

Talvez meu recurso favorito do aplicativo seja que os usuários possam compartilhar suas criações com outras pessoas. O Builder cria um URL personalizado para cada variação e facilita o compartilhamento nas mídias sociais:

App Builder com uma sobreposição para compartilhar um link direto e selecionar entre várias redes sociais.
Popover depois de clicar no botão de compartilhamento.

O conceito de compartilhamento está quase embutido no sistema de blocos do WordPress. Como tudo é construído com base em um conjunto completo de padrões, as ferramentas que outros criam em cima dele facilitam o pagamento futuro.

Enquanto este projeto ainda está em fase de conceito, estou ansioso para ver onde Kamal o levará no futuro. Ele também compartilhou um pequeno clipe no YouTube do Construtor em ação.

Deixe um comentário

O seu endereço de e-mail não será publicado.