Migrar de um tema WordPress clássico para um tema em bloco que incorpore o novo Full Site Editor (FSE) pode parecer uma tarefa difícil. Mas com um pouco de orientação e compreensão dos novos recursos e ferramentas disponíveis, o processo de migração pode ser tranquilo e eficiente. Este artigo irá guiá-lo através das etapas necessárias para migrar com sucesso seu tema clássico do WordPress para um tema de bloco usando o Full Site Editor.
O primeira parte do artigo cobrirá configurações gerais, enquanto no segunda parte, veremos mais detalhadamente alguns recursos específicos do tema.
Benefícios da migração para um tema de bloco
Migrar para um tema em bloco traz inúmeras vantagens. Os temas de bloco do WordPress fornecem uma experiência de edição intuitiva e unificada, permitindo que você edite todas as áreas do seu site diretamente do Editor de Site Completo. Isso permite que você veja as alterações em tempo real, reduzindo as suposições e as constantes idas e vindas anteriormente necessárias.
Os temas de bloco também permitem maior personalização e flexibilidade. Em vez de ficar confinado às limitações de um tema tradicional, você pode misturar e combinar blocos para criar layouts exclusivos, adicionar designs personalizados a qualquer parte do seu site e manter estilos consistentes com configurações de estilos globais.
Além disso, ao adotar a estrutura do tema em bloco, você estará à prova de futuro seu site à medida que o WordPress continua evoluindo e melhorando seu sistema de editor de blocos. Essa transição representa um avanço no design de sites em WordPress, permitindo que você aproveite os mais recentes desenvolvimentos em tecnologia de construção de sites.
Aqui está uma lista dos vantagens ao mudar para um tema de bloco de um tema clássico do WordPress:
- Performance melhorada: Os temas de bloco costumam ser mais leves e rápidos, pois contam com a funcionalidade central do WordPress e não precisam carregar scripts e estilos redundantes típicos de muitos temas clássicos.
- Experiência de edição unificada: Os temas de bloco permitem que você edite todas as partes do seu site diretamente no Full Site Editor, proporcionando uma experiência de edição mais unificada e intuitiva.
- Mudanças em tempo real: Veja as alterações feitas em tempo real, reduzindo as suposições e as constantes idas e vindas anteriormente exigidas com temas tradicionais.
- Maior personalização e flexibilidade: Misture e combine blocos para criar layouts exclusivos e adicionar designs personalizados a qualquer parte do seu site. Você não está mais confinado às limitações de um tema tradicional.
- Estilos globais: Mantenha estilos consistentes em todo o seu site com as configurações de Estilos Globais.
- Preparando seu site para o futuro: Adotar a estrutura do tema em bloco garante que seu site acompanhe os desenvolvimentos mais recentes à medida que o WordPress continua a evoluir seu sistema de editor de blocos.
Checklist: Migrando de um tema clássico para um tema de bloco
Esta lista de verificação irá guiá-lo pelas etapas essenciais para migrar seu site de um tema clássico para um tema de bloco.
Lembre-se de que cada tema é único, portanto, pode ser necessário adicionar ou remover etapas dependendo das circunstâncias específicas. Recomendamos testar essas alterações em um local de teste antes de colocá-los em seu site ativo para evitar possíveis problemas.
- Faça backup do seu site: Antes de fazer qualquer alteração significativa, certifique-se de ter um backup completo do seu site.
- Escolha um tema de bloco: Pesquise e selecione um tema de bloco que atenda às necessidades do seu site.
- Instale e ative o tema Block: Baixe e instale o tema de bloco escolhido.
- Familiarize-se com o Editor Completo do Site: Reserve algum tempo para entender como funciona o Full Site Editor e sinta-se confortável ao adicionar e editar blocos.
- Migrar logotipo do site: Substitua o logotipo do site no Personalizador por um Bloco de logotipo do site no Editor completo do site.
- Migrar esquemas de cores: Mova seus esquemas de cores do Personalizador para os Estilos Globais no Editor Completo do Site.
- Migrar menus de navegação: Substitua seus menus da seção Aparência pelo Bloco de Navegação no Editor Completo do Site.
- Migrar apresentações de slides/seções principais da página inicial: Substitua a apresentação de slides da sua página inicial ou seção principal por um Cover Block no Full Site Editor.
- Migrar widgets e barra lateral: Substitua seus widgets e itens da barra lateral da seção Aparência pelos blocos correspondentes no Editor Completo do Site.
- Verifique as opções de tema: Revise quaisquer opções específicas do tema e entenda como elas se traduzem no Editor Completo do Site.
- Teste a funcionalidade do site: Verifique todas as partes do seu site para garantir que tudo está funcionando conforme o esperado. Isso deve incluir todas as páginas, postagens, formulários de contato e qualquer funcionalidade adicional, como comércio eletrônico ou assinaturas.
Agora que temos uma ideia geral de como pode ser o processo de migração, vamos examinar algumas dessas etapas em detalhes. Especificamente, listaremos abaixo as principais funcionalidades e como configurá-las em um tema de bloco.
1. Recursos previamente localizados no personalizador
O Personalizador no WordPress oferece opções para vários elementos do site, como o logotipo do site e esquemas de cores. Com os temas de bloco, eles foram movidos para novos locais.
logotipo do site
Anteriormente, você definiria o logotipo do seu site por meio do Personalizador. Com temas de bloco, agora você pode usar o Bloco de logotipo do site para definir o logotipo do seu site. Veja como:
- Navegue até o Editor do Site.
- Selecione a parte do modelo de cabeçalho.
- Adicione um Bloco de logotipo do site e carregue ou selecione seu logotipo.
Ver mais detalhes
Esquema de cores
Clique uma vez na visualização do seu site para ver ferramentas de edição adicionais.
Os esquemas de cores eram gerenciados anteriormente no Personalizador. Com temas de bloco, essas configurações agora estão localizadas no Editor do Site. Veja como acessá-los:
- Navegue até o Editor do Site.
- Clique no Estilos globais ícone (localizado no canto superior direito do editor).
- Selecione “Navegar estilos” para gerenciar os esquemas de cores do seu tema.
Como personalizar fontes e cores em temas de bloco
2. Menus de navegação
Antes, os menus de navegação eram tratados através do Aparência > Menus seção do seu painel do WordPress. Com temas de bloco, a navegação é gerenciada com o Bloco de Navegação. Veja como:
- Navegue até o Editor do Site.
- Selecione a parte do modelo de cabeçalho.
- Adicione um Bloco de Navegação e estruture seu menu conforme desejado.
Como criar um menu em um tema de bloco
3. Apresentações de slides da página inicial e seções principais
Anteriormente, apresentações de slides ou seções principais em sua página inicial podem ter sido configuradas por meio de Opções de tema, Personalizador ou usando um plugin como Elementor. Agora você pode usar o Bloco de cobertura em seu modelo de primeira página. Veja como:
- Edite sua primeira página ou o modelo usado nela (dependendo da sua configuração).
- Adicione um Bloco de cobertura na parte superior do conteúdo e personalize-o com a imagem ou vídeo desejado, texto, botões e outros conteúdos.
- Clique no ícone “Alternar altura total” na barra de ferramentas do bloco na parte superior e altere o alinhamento do bloco para “Largura total”. Essas duas etapas farão com que o bloco de cobertura apareça em toda a altura e largura.
Abaixo você confere um passo a passo completo de todas as opções disponíveis no Cover Block:
Na barra de ferramentas Cover Block, você pode definir a imagem ou vídeo sempre para mostrar a altura total. Basta clicar no Alternar altura total opção na barra de ferramentas do bloco que aparece quando você clica nele:
4. Widgets e barra lateral
Widgets, como os do rodapé ou da barra lateral, eram gerenciados anteriormente através do Aparência seção do seu painel do WordPress. Com temas de bloco, você pode gerenciá-los através do Editor do Site editando específico partes do modelo como o rodapé ou a barra lateral. Veja como:
- Navegue até o Editor do Site.
- Selecione os Parte do modelo você deseja editar (como o rodapé ou a barra lateral).
- Adicione os blocos desejados e organize-os como desejar.
As partes do modelo são marcadas com um ícone roxo e podem ser editadas no modelo usado ou na seção Partes do modelo no Editor do site.
Criar uma barra lateral usando blocos no novo editor tem muitas vantagens. Você pode construir suas “áreas de widgets” a partir de quaisquer blocos que desejar ou instalar rapidamente plug-ins de bloco único para adicionar elementos ausentes.
Por exemplo, em temas clássicos, você precisaria usar o Widget de postagens recentes para mostrar uma lista de postagens na barra lateral. Em um tema Block, você pode fazer isso usando o Último bloco de postagem, que oferece muito mais opções e controle:
5. Opções de tema
Se você está acostumado com um tema com muitas opções, deve estar se perguntando para onde foram essas opções em um tema de bloco. A boa notícia é que muitos dos recursos que você está acostumado a controlar por meio de opções de tema agora podem ser editados diretamente no Editor Completo do Site. Por exemplo, os layouts de cabeçalho e rodapé podem ser alterados diretamente no editor. Além disso, a seção de estilos globais pode controlar coisas como tipografia e esquemas de cores para todo o site.
Nossos temas de bloco premium vêm com um importador de demonstração e poucas opções de temas que estão principalmente relacionadas a recursos como atualizador de tema e geração de um tema filho:
6. Migrando temas específicos
Se estiver migrando de um tema específico, você poderá encontrar considerações adicionais. Por exemplo, no Inspiro Blocks, o plugin WPZOOM Portfolio agora é aquele que gerencia o portfólio por meio de blocos e layouts de shortcode. Se você estiver usando um tema específico, procure qualquer documentação ou artigos de suporte relacionados à migração desse tema.
Concluindo, embora o processo de migração exija alguns ajustes, a transição para um tema em bloco com o Full Site Editor pode oferecer mais flexibilidade e controle sobre o design e funcionalidade do seu site. Com um pouco de paciência e exploração, em breve você aproveitará o poder dos temas de bloco para criar um site WordPress mais dinâmico e personalizável.
Verifica a segunda parte deste artigo, no qual analisamos mais aprofundadamente alguns recursos específicos do tema: WordPress Customizer vs Site Editor: 8 recursos diferentes [Part 2]
Juntar 150.000 pessoas. Receba nossas últimas notícias e lançamentos em sua caixa de entrada.
