Criação de temas de bloco do WordPress e edição full-stack

Se você tem acompanhado os fóruns e notícias do WordPress ultimamente, certamente já ouviu falar em edição de site completo (FSE), ou pelo menos viu referências a ela, como a criação de temas de bloco. Mesmo que você não saiba o que é, provavelmente já ouviu falar sobre isso e talvez até se perguntou o que isso pode significar para você.

Se você usa o WordPress com frequência ou é um desenvolvedor, há excelentes notícias para você. O verdadeiro kicker é que você não deve ter medo disso e que tudo vai dar certo para você, facilitando o processo para você.

Com base em que afirmamos isso? Primeiro vem primeiro. Vamos primeiro entender um pouco sobre a edição completa de sites do WordPress antes de nos aprofundarmos em aprender o que abordamos no título.

Edição de site completo do WordPress (FSE) é…?

Em essência, a edição completa do site evita a ideia de blocos. Anteriormente, os blocos podiam ser usados ​​para editar a área de conteúdo do site. Cada seção do seu site agora será considerada um bloco quando você usar a edição completa do site.

Os usuários agora podem interagir com a página e os elementos globais em uma única plataforma graças a essa melhoria significativa. Além disso, adicionou novos arquivos de configuração de temas e ferramentas de desenvolvimento.

Depois de atualizar o WordPress para a versão mais recente, você deve habilitar um tema FSE, como Twenty Twenty-Two. Depois disso, você pode usar apenas os blocos Gutenberg para construir um site inteiro.

Como a FSE pode ajudá-lo?

Construir e desenvolver um site WordPress agora é mais fácil do que nunca, graças à edição completa do site. Os elementos globais e quaisquer atualizações de página podem ser feitos usando o mesmo editor.

E elementos globais, o que são? Quando alocados, elementos globais, contêineres e colunas podem ser usados ​​em todo o site.

Essa técnica inovadora permite editar a página da web ou qualquer página específica, o que economiza tempo. Você não precisa alternar entre os editores para descobrir o que está acontecendo porque você pode ver todos eles em tempo real durante a edição. O resultado? O design do seu site melhora à medida que você opera simultaneamente na página e nos níveis globais.

A versão do WordPress 6.0 não tem o FSE ativado por padrão. Portanto, para utilizar o recurso de edição de site completo ao usar uma edição do WordPress anterior à 6.0, você deve primeiro atualizar o WordPress antes de ativar um tema FSE. O painel do seu site é onde você lida com tudo isso.

O ambiente WordPress está evoluindo mais uma vez

Esse tipo de mudança no WordPress ocorreu no período anterior. Todos nós conhecemos Gutenberg há cerca de três anos (é difícil lembrar devido ao fato de que um, se não mais, desses últimos anos desapareceu abruptamente). Agora você pode se referir a ele como o editor de blocos.

No entanto, quando foi inicialmente incorporado ao núcleo do WordPress, recebeu o codinome Gutenberg. A mudança é difícil. Assim, a maioria das pessoas reagiu com algum surto. Bem, quase todos. Gutenberg hoje, alguns anos depois, é percebido como sendo razoavelmente útil, frequentemente agradável de usar e em desenvolvimento contínuo. Por isso, estamos confiantes de que essa mudança será bem-sucedida. Mas a mudança é mais significativa do que antes.

Mudança de foco: de usuários a construtores

Quando esse editor de blocos foi introduzido pela primeira vez, os desenvolvedores mudaram a maneira como produziam o material. Para aqueles que estavam produzindo postagens no blog, não foi tão perturbador quanto seria para aqueles que estavam criando sites e desenvolvendo páginas da web. A mudança para blocos foi vantajosa para os usuários, e muitos recursos interessantes se seguiram, como a capacidade de definir um bloco de material e colocá-lo dinamicamente em qualquer lugar (e em qualquer lugar) do site. Qualquer um e todos agora podem fazer isso sem usar nenhum código.

Mas essa mudança é um pouco distinta. Não é simplesmente como você modifica seu site que mudou com a edição completa do site. Tem a ver com a estrutura fundamental do seu site. Não apenas seu cabeçalho ou rodapé é definido aqui. Diz respeito aos componentes de um tema. Em outras palavras, o FSE deve eventualmente beneficiar os usuários, mas, por enquanto, parece mais uma ênfase em melhorar as coisas para os construtores - tanto aqueles que criam páginas da Web quanto aqueles que criam temas.

Esteja você usando construtores de páginas, ou seja, concluindo o projeto de lançar um site com uma plataforma fácil de usar entre os melhores construtores de sites de membros ou construindo-os, muitos de vocês se acostumaram com essa fase da vida. Suas páginas podem ser projetadas como você quiser. Mas mais tarde, você fica ciente dos problemas de desempenho. O Google reduziu seus rankings e afirmou que seu DOM era muito grande (o que quer que fosse). Como todos sabemos que o desempenho é fundamental, agora é o momento perfeito para aprender mais sobre o FSE e como ele pode alterar os sites que você cria.

Então, por que criar um tema de site completo é importante?

O Beaver Builder veio antes do Elementor, lembra? Muitos de vocês o usaram sozinhos ou nas empresas onde trabalharam para criar sites substanciais para clientes empresariais. No entanto, eles exigiram outro produto, Beaver Themer. Caso contrário, você teria que fornecer assistência com um tema que suportasse cabeçalhos e rodapés personalizados (e dinâmicos) quando eles precisassem modificar o cabeçalho e o rodapé de páginas da web (ou postagens).

Foi emocionante quando temas como Blocksy, Kadence e Astra começaram a desenvolver esses recursos. Mas também levou a algum bloqueio. E você reconhece o que acontece a seguir: depois que um cliente instala um plug-in em seu site, ele descobre que não é compatível com o tema ou o construtor de páginas.

De repente, todo mundo está apontando o dedo. As empresas temáticas afirmam que não são elas. De acordo com os construtores de páginas, também não são eles. Adivinha? Novos jogadores no jogo, as empresas de hospedagem, afirmam que não são eles. Os construtores (empreiteiros e agências) que inicialmente construíram o local foram culpados.

A mesma coisa aconteceu quando os usuários começaram a reclamar sobre a lentidão com que essas páginas carregavam, graças ao código que esses mesmos construtores de páginas haviam gerado. Agências e freelancers receberam críticas.

Solução

Essa mudança para bloquear temas, que dão suporte à personalização completa do site, representa uma mudança fundamental na maneira como os sites são criados. Com essa mudança, cada elemento na página e em todo o site é um bloco: conteúdo, menus, barras laterais, cabeçalhos e rodapés. Cada bloco. Os temas podem, portanto, ser mais leves como resultado.

O tema ainda precisa concluir algumas tarefas, como unificar o estilo universal para blocos em todo o site ou corrigir erros tipográficos. Os desenvolvedores podem configurar tudo isso no novo arquivo themes.json. Mas não é usado apenas para estabelecer parâmetros. É também uma maneira de um desenvolvedor alterar a maneira como um cliente usa o editor.

Além disso, não há muitos elementos de interface do usuário nos temas. É fácil imaginar que a próxima iteração do que você está acostumado – usando o construtor customizado – será conduzida pelo configurador JSON como está hoje.

Em poucas palavras, esta é a futura geração de temas e os meios pelos quais você poderá limitar o que os usuários podem realizar com esses novos temas.

Como fazer sentido lógico de tudo isso?

Mesmo que pareça emocionante, a maior dificuldade é determinar como todos vocês vão resolver isso. Ninguém quer desenvolver um novo conceito que acaba sendo bastante simples. Ninguém quer desenvolver um tema totalmente novo que irrite os usuários.

Você quer o conforto do 'testado e comprovado com a força do 'novo'. E há mais perguntas do que soluções…

Você está procurando um curso de desenvolvedor para integração e criação de temas de blocos

Imagine fazer um curso que explica tudo o que você precisa entender em detalhes sobre a construção de Temas de Blocos e FSE. Estamos nos referindo aos 14 itens a seguir, além de outros:

• Saiba mais sobre a edição de site completo para ver como isso afeta o desenvolvimento do tema.
• Crie o modelo de índice básico e, em seguida, empregue blocos para recuperar postagens do banco de dados.
• Sem codificar uma única linha, implemente um modelo de página inicial de blog inteiro.
• Cabeçalhos e rodapés para o tema devem ser adicionados.
• Entenda como a edição de site completo trata os menus de navegação.
• Saiba como pré-organizar as preferências do editor de blocos usando o arquivo theme.json.
• Descubra como usar os controles de padrão integrados para criar layouts versáteis.
• Usando theme.json, aplique a tipografia universal e os esquemas de cores.
• Gerencie o preenchimento e as margens usando os controles de espaçamento.
• Aprenda como configurar o editor de blocos para que suas configurações estejam de acordo com o tema.
• Adicione seleção de fontes, gradientes, paletas de cores e outras opções de personalização.
• Para limitar o quanto seus clientes podem variar do design básico, saiba como eliminar opções de personalização indesejáveis ​​dos blocos.
• Saiba como empregar padrões para ajudar você e seus clientes a criar páginas mais rapidamente.
• Utilize elementos de modelo para evitar o uso de componentes de bloco novamente em modelos diferentes.

Essa é uma lista impressionante de lições para aprender. E a boa notícia é que não é o treinamento que se concentra apenas na transmissão de conhecimento. Você é encorajado a sujar seus dedos e unhas neste treinamento. A prática o torna perfeito.

E ei, você não precisa imaginar isso, o que é uma notícia maravilhosa. O programa é criado. Está tudo pronto. Embora não fosse o tópico pretendido do post, vamos divulgá-lo mesmo assim porque nos deparamos com ele enquanto coletamos informações para o artigo. Frank Klein, um desenvolvedor conhecido e conceituado pelos profissionais do WordPress, criou o curso.

Então, pessoal, boa sorte na construção de temas de blocos e fazendo FSE!