Mudar para um tema de bloco no WordPress oferece uma abordagem moderna e intuitiva ao design do site. Neste guia, você aprenderá por que os temas de bloco são úteis e o que fazer para garantir uma migração suave a partir de um tema clássico.
Neste guia
Os temas de bloco, lançados no WordPress 5.9, são um baita upgrade na experiência do tema clássico. Os temas de bloco eliminam a necessidade de programação personalizada, contratação de desenvolvedores ou busca por novos temas para atender às suas preferências de design. Eles simplificam o processo, tornando as alterações de design acessíveis a todos no editor do WordPress.
Antes de mudar de um tema clássico para um tema de bloco, entenda que mudanças ocorrerão. O estilo e o layout do seu site mudarão, mas o conteúdo das suas páginas e posts não.
Temos algumas ferramentas disponíveis para você testar seu novo tema antes de alterar seu site ativo:
- Experimente e personalize: visualize um tema e faça personalizações antes de ativá-lo no seu site.
- Crie um site de teste: os planos de hospedagem qualificados incluem a capacidade de criar uma réplica exata do seu site ativo.
Seu fluxo de trabalho de edição mudará, então dedique algum tempo para saber como você editará seu tema e conteúdo antes de mudar para um tema de bloco no seu site ativo.
Ao fazer alterações em um tema clássico, você usa o Personalizador. Ele tem uma coleção predefinida de personalizações com base no tema que você escolheu. Com os temas de bloco, o design é ajustado no editor do site, que é muito mais flexível, oferecendo controle total sobre como o tema mostrará seu conteúdo, não importa a opção escolhida.
Além disso, em temas clássicos, você edita seu conteúdo usando o editor clássico. Ele é um campo de texto simples onde você insere o conteúdo da sua página/post. Só que os temas de bloco usam o editor do WordPress, então você pode adicionar todos os tipos de conteúdo e elementos de layout a uma página ou post.
Antes de mudar para um novo tema, defina seu site como privado ou “Em breve” para ter tempo de revisar o novo design e fazer as alterações necessárias antes que seus visitantes o vejam. Saiba como alterar as configurações de privacidade do seu site.
Por último, anote o nome do seu tema atual e se ele foi descontinuado. Se não tiver sido, você poderá voltar para o tema clássico se precisar de mais tempo para mudar para um tema de bloco. Temas descontinuados podem permanecer ativos no seu site, mas não é possível voltar para eles se você mudar para um tema diferente.
Se o seu plano de hospedagem incluir backups do site, você poderá restaurar um backup anterior à alteração do tema.
Agora que você testou seu site com um tema de bloco, é hora de alterar o tema no seu site ativo:
- Acesse o painel do seu site.
- Vá para a seção Aparência → Temas.
- Pesquise o tema escolhido.
- Clique na miniatura do tema e no botão Ativar.
Se quiser, veja uma prévia do tema e faça algumas personalizações antes de ativá-lo. Quando estiver satisfeito com as personalizações do tema, ative-o.
Se você testou seu tema usando um site de teste, poderá mover essas alterações para seu site ativo sincronizando o site de teste com o ambiente de produção.
Depois de mudar para um tema de bloco, as etapas a seguir ajudarão a garantir uma transição suave e a utilizar completamente as funcionalidades do seu novo tema.
Quando você migra para um tema de bloco, a forma de editar sua página inicial muda. Veja algumas mudanças importantes a serem consideradas:
- Você usará o editor do site para criar o conteúdo da sua página inicial.
- Se o seu tema clássico usou uma página inicial estática, ela será transferida para a seção Rascunhos de Páginas no painel do seu site. Você pode copiar o conteúdo que precisa do rascunho para o novo modelo de página inicial no editor do site.
- Se o tema clássico exibia os posts mais recentes em sua página inicial, adicione um bloco de loop de consulta ao modelo de página inicial ou crie uma página separada para posts de blog.
Embora os menus existentes devam ser movidos automaticamente para o novo tema, talvez você queira personalizar o design e o layout do seu menu. Agora é um bom momento para entender como você personalizará o menu do seu site ao usar um tema de bloco.
Você não precisará mais usar o “Personalizador” ou a seção separada “Menus” em Aparência para editar os menus do seu site. Em vez disso, você editará sua navegação pelo editor do site.
Os temas de bloco usam modelos totalmente personalizáveis para diferentes tipos de página (página inicial, páginas em geral, posts, etc.). Você tem controle total sobre onde os elementos no modelo aparecem e sobre o preenchimento e as margens ao redor de cada elemento.
- Saiba mais sobre como editar modelos.
- Aprenda a personalizar os estilos do seu tema, incluindo fontes e cores.
- Aprenda a ajustar o espaço entre blocos.
- Navegue por todos os guias sobre como editar seu tema e modelos no editor do site.
Teste seu site em vários dispositivos e navegadores para garantir que tudo funcione corretamente, incluindo:
- Widgets: se você usa widgets no seu site, verifique se eles foram convertidos em blocos para exibir o conteúdo desejado.
- Plugins: se o seu site usa plugins, verifique se o plugin ainda funciona. Remova todos os plugins desnecessários.
Se você definiu temporariamente seu site como privado, lembre-se de torná-lo público novamente. Este também é um excelente momento para informar seus assinantes e seguidores em redes sociais sobre o novo design do site.
Como os temas de bloco não usam mais o Personalizador, confira uma lista prática de onde fica a funcionalidade básica de edição em temas de bloco:
| Personalizador | Editor do site |
|---|---|
| Identidade do site (título e descrição) | Configurações → Geral (título e descrição) |
| Cores e planos de fundo | Aparência → Editor → Estilos |
| Fontes | Aparência → Editor → Estilos |
| Imagem de cabeçalho | Aparência → Editor → Modelos |
| Menus | Aparência → Editor → Menus |
| Widgets | Aparência → Editor (widgets foram substituídos por blocos) |
| Configurações da página inicial | Configurações → Leitura |
| CSS adicional | Aparência → Editor → Estilos |