Agora você pode criar seu próprio tema de bloco no WordPress

O WordPress Full Site Editing (FSE) nos permite editar vários aspectos de um site sem a necessidade de código. Ele colocou partes previamente ocultas de um tema ao alcance de não designers. E talvez tenha tornado o trabalho de um profissional da web um pouco mais fácil no processo.

Mas isso é apenas arranhar a superfície do potencial da FSE. Recursos mais avançados estão sendo desenvolvidos. Entre eles está a capacidade de criar um tema de bloco inteiro dentro do WordPress.

Vamos pensar sobre isso por um momento. Historicamente, existem dois métodos principais para implementar temas. A primeira é construir o seu próprio do zero usando PHP, HTML, JavaScript e CSS. A outra é baixar um tema de terceiros e ajustá-lo ao seu gosto.

Graças ao plugin Create Block Theme, agora existe um terceiro método: criar um tema de bloco totalmente de dentro do WordPress. A partir daí, você pode exportar sua criação para uso em outro lugar.

Parece revolucionário em termos de como construímos sites com o WordPress. Como funciona? Hoje, vamos dar uma olhada no Create Block Theme e mostrar o que ele pode fazer.

O que o plugin Create Block Theme faz

O lançamento do plugin Create Block Theme ocorre em um momento em que o FSE ainda é uma tecnologia nascente. Desenvolvido por membros da equipe oficial de temas do WordPress, pode muito bem chegar ao software principal algum dia.

À primeira vista, é um software muito simples - mas isso é por design. O plugin não adiciona nenhuma nova funcionalidade radical ao editor do site. Em vez disso, fornece um meio de exportar o trabalho que você já fez. E há algumas outras guloseimas também.

Quando você baixar Create Block Theme e ativá-lo em seu site (também é recomendado executar a versão mais recente do plugin Gutenberg), você notará um novo item de menu localizado em Appearance > Create Block Theme .

Esta tela oferece as seguintes opções:

Exportar tema ativo
Se você já estiver usando um tema de bloco, como o Twenty Twenty-Two, e tiver feito alterações no editor do site, poderá exportar a versão personalizada do tema. Isso pode ser útil se você quiser criar um ponto de partida personalizado para outros projetos que usam o tema.

Criar filho do tema ativo
No passado, os temas filhos eram recomendados para garantir que as personalizações não fossem substituídas quando você baixava atualizações para seu tema. No que diz respeito aos temas de bloco, um filho pode servir como uma forma de distribuir variantes específicas do pai. Por exemplo, um pode conter um esquema tipográfico ou de cores diferente.

Clonar tema ativo
Essa opção copia seu tema ativo e inclui todas as alterações feitas nele no editor do site usando um novo nome. Como é uma cópia separada, isso permite que você trabalhe no novo tema sem danificar acidentalmente o original.

Substituir tema ativo
Se você fez alterações no tema ativo e deseja que elas substituam suas configurações padrão, esta opção permite que você faça isso.

Criando um tema de bloco WordPress personalizado

O processo para criar um tema de bloco personalizado do WordPress envolve fazer as alterações desejadas por meio do editor do site ( Aparência > Editor ). Altere o cabeçalho, o rodapé, as áreas de conteúdo do seu tema e o que mais seu coração desejar.

Mas antes que você possa fazer isso, é importante escolher o tema de bloco certo. Por exemplo, você pode usar uma tela em branco, como Blockbase. Isso permite que você comece do zero e crie uma aparência totalmente personalizada. Isso também significa não ter que derrubar nenhum elemento de tema existente que você não queira.

Se você preferir algo com mais caimento e acabamento, existem vários temas de blocos disponíveis que podem ser um ótimo ponto de partida. Você terá um layout estabelecido e poderá fazer os ajustes necessários para atender às suas necessidades.

Independentemente de como você começa, Create Block Theme permitirá que você exporte seu tema para uso em outra instalação do WordPress.

Exportando seu tema de bloco personalizado

Neste exemplo, fiz algumas customizações básicas no Blockbase. Agora é hora de exportar o tema e instalá-lo em outro site local do WordPress.

Como mencionado anteriormente, Create Block Theme oferece várias opções de exportação. Eu escolhi criar um tema filho e dar um nome personalizado. Isso significa que precisarei ter uma cópia do Blockbase instalada em qualquer outro site em que gostaria de usar meu novo tema filho.

A exportação gera um arquivo ZIP, que posso importar para meu novo site. No novo site WordPress, navegarei até Aparência > Temas e clicarei no botão “ Adicionar novo ”.

Uma vez na página Adicionar temas , posso carregar meu novo tema de bloco clicando no botão “ Carregar tema ” e selecionando o arquivo .ZIP exportado do meu disco rígido. Por fim, ativarei o tema filho.

Os resultados parecem bons. As alterações que fiz sobreviveram ao processo de exportação e pareceram funcionar bem no novo site. Teoricamente, isso forneceria uma vantagem sólida ao trabalhar em projetos futuros.

Este é o futuro da construção de temas WordPress?

A capacidade de criar um tema de bloco de dentro do WordPress e usá-lo em qualquer lugar pode ser um divisor de águas para o seu fluxo de trabalho. Ele potencialmente corta muito tempo gasto lidando com código e contribui para uma experiência de design visual completa.

Ainda assim, a conveniência pode não significar muito se o editor do site não oferecer todas as ferramentas que você precisa. É bastante simples criar layouts diferentes e ajustar cores, etc. Mas provavelmente haverá cenários em que o código é necessário.

Tudo se resume a como você gosta de trabalhar. Alguns de nós ficarão satisfeitos com os processos que temos implementados – e tudo bem. Conforto e estabilidade são importantes – especialmente quando os temas FSE e bloco estão em seus estágios iniciais.

No entanto, a portabilidade oferecida pelo Create Block Theme é uma prévia do futuro. E ter a opção de criar temas de bloco do WordPress dessa maneira será atraente para muitos web designers. É um desenvolvimento que vale a pena ficar de olho à medida que continua a evoluir.