Neste artigo, mostrarei a você um método muito fácil de criar temas filhos ao usar o WordPress Block Themes.

Conteúdo

Visão geral rápida dos temas do bloco

Com a introdução do WordPress 6.0, a equipe do WordPress foi all-in em Block Themes para tornar mais fácil do que nunca projetar e personalizar sites com pouca ou nenhuma codificação. Os Block Themes utilizam o “Block Editor”, também conhecido como “Gutenberg Block Editor”, para permitir que os usuários arrastem e soltem elementos de design em uma página da web. Esse recurso torna o WordPress muito mais competitivo com criadores de sites e construtores de temas, especialmente porque o WordPress é totalmente gratuito e já é usado por mais de 60% dos 10 milhões de sites da Internet.

Um dos benefícios mais recentes dos Block Themes é a capacidade de criar facilmente um novo tema filho para qualquer Block Theme que você esteja usando para criar seu site. Por exemplo, se você estiver usando o tema padrão TwentyTwentyThree que acompanha o WordPress 6.2, poderá criar rapidamente um tema filho para ele sem precisar mergulhar nos arquivos do site usando um cliente FTP.

Por que os temas infantis são importantes

Os temas filhos são importantes porque permitem que você personalize seu tema e mantenha essas personalizações sempre que houver atualizações de tema disponíveis. Sem um tema filho, as personalizações do site podem ser substituídas toda vez que você atualizar o tema “pai” – neste caso, o tema TwentyTwentyThree. Isso significa que, na melhor das hipóteses, você precisará voltar e reinserir suas personalizações uma a uma após cada atualização do tema e, na pior das hipóteses, poderá perder todas as suas personalizações após a atualização e precisará recomeçar.

Os temas filhos separam suas personalizações do tema pai padrão, para que você possa atualizar seu tema pai E manter todas as personalizações contidas no tema filho. Você obtém o melhor dos dois mundos.

WordPress simplificado: curso como construir sites poderosos, por Davies Media Design

Crie um tema filho para o seu tema de bloco

Agora que alguns de vocês estão suficientemente irritados comigo por explicar por que precisam de temas filhos, vamos ver como realmente criar esses temas filhos ao trabalhar no WordPress em 2023, 2024 e além.

Para começar, faça login no painel do WordPress e navegue até Plugins>Adicionar novo (seta vermelha na imagem acima).

Este método usa um plugin desenvolvido diretamente pela equipe do WordPress. Isso significa que o plug-in foi otimizado para funcionar com a versão mais recente do WordPress e bloquear temas.

Na área de trabalho “Add Plugins”, procure o plugin “Create Block Theme” usando a barra de pesquisa (destacada em verde na imagem acima, no canto superior direito). Depois de ver o plug-in listado nos resultados da pesquisa, clique em “Instalar agora” (seta vermelha).

Depois que o plug-in terminar de instalar, o botão “Instalar agora” ficará azul e dirá “Ativar”. Clique no botão “Ativar” (seta vermelha na imagem acima).

Assim que o plugin for ativado com sucesso, você será levado para a área de trabalho “Plugins” do WordPress e verá uma mensagem que diz “Plugin ativado” no topo (seta verde na imagem acima). A partir daqui, navegue até Aparência>Criar tema de bloco (seta vermelha).

Uma vez dentro da área de trabalho “Create Block Theme”, selecione a opção de rádio “Create child theme of Twenty Twenty-Three” (ou qualquer que seja o nome do tema para o qual você está criando um tema filho – seta vermelha na imagem acima).

Um monte de caixas de texto aparecerá no lado direito da janela. Apenas o campo de texto superior, denominado “Nome do tema” (seta azul), é obrigatório. O resto são todos opcionais. Para o nome do seu tema, é prática padrão nomear seu tema filho “TwentyTwentyThree-child” se o tema pai for chamado “TwentyTwentyThree”, por exemplo.

Também adicionei uma breve descrição no campo “Descrição do tema”, além de adicionar o nome da minha empresa em “Autor” e meu site principal em “URI do autor”. Todo o resto deixei com seus valores padrão (incluindo as caixas de seleção que você verá quando rolar a página).

Clique no botão “Gerar” (seta verde).

Isso iniciará automaticamente o download de um arquivo zip contendo seu tema filho. Você pode manter o nome do arquivo como aparece (seta vermelha na imagem acima). Clique em “Salvar” para salvar o arquivo em seu computador (seta azul).

Um arquivo zip será baixado para o seu computador. Na barra de downloads na parte inferior do seu navegador, clique na seta ao lado do download finalizado (seta verde) e clique em “Mostrar na pasta” (seta vermelha) para exibir o arquivo zip baixado na janela do Explorador de Arquivos (se você Se você estiver usando o Windows – no MAC, abra o download no seu Explorador de Arquivos).

Mantenha esta janela do File Explorer aberta e o arquivo zip que contém seu tema filho selecionado (seta verde) – precisaremos disso em uma próxima etapa.

Retorne ao WordPress e navegue até a seção “Temas” em Aparência (seta vermelha na imagem acima). Clique no botão “Adicionar novo” na parte superior da área de trabalho Temas (seta azul).

Na área de trabalho “Adicionar temas”, você verá uma caixa no meio da janela com um botão chamado “Escolher arquivo” (seta vermelha). Você pode clicar neste botão e selecionar o arquivo zip que acabamos de baixar para o tema filho ou abrir a janela do File Explorer para a qual navegamos anteriormente e arrastar e soltar o arquivo zip em qualquer lugar dentro desta caixa.

Nesta foto acima, você pode ver que arrastei o arquivo zip diretamente sobre a caixa e soltei o mouse.

Agora você verá seu arquivo de tema twentytwentythreechild.zip listado dentro da caixa (seta verde) e um botão “Instalar agora” aparecerá (seta vermelha). Clique em “Instalar agora” para iniciar a instalação do tema filho.

Você será levado a uma nova janela e seu tema filho começará a ser instalado em seu site. Dê um tempo para a instalação e não atualize a página durante a instalação (isso pode quebrar seu site). Depois que a instalação do tema filho for concluída, você verá uma mensagem informando "Tema instalado com sucesso". (delineado em verde na imagem acima).

Abaixo desta mensagem de sucesso, há um link chamado "Ativar". Clique neste link para ativar o tema filho em seu site.

Assim que o tema for ativado com sucesso, você será levado de volta à área de trabalho “Temas”. Uma mensagem será exibida na parte superior que diz “Novo tema ativado. (delineado em verde na imagem acima). Você verá que o primeiro tema listado agora é o que parece ser um tema em branco – denotado pelo plano de fundo quadriculado, que geralmente representa a transparência no mundo do design. Na parte inferior desta visualização do tema, você verá que diz “Ativo: TwentyTwentyThree-child” (seta vermelha).

Isso significa que você instalou com sucesso um tema filho! A visualização transparente do tema representa o fato de que seu tema filho contém apenas personalizações de tema e todos os outros elementos de estilo e design são exibidos no tema pai (neste caso, o tema “TwentyTwentyThree”). Certifique-se de não excluir o tema pai, pois isso estragará seu site. Além disso, certifique-se de manter o tema pai atualizado (por razões de segurança) clicando em qualquer link/notificação de atualização que apareça para o tema.

Você pode visualizar seu site atual com o tema filho ativado clicando no link “Visitar site” que aparece na mensagem de sucesso (seta azul na imagem acima).

Nesse caso, você verá meu site simplesmente exibido como o tema padrão TwentyTwentyThree (meu tema pai – não fiz nenhuma alteração no tema TwentyTwentyThree antes de iniciar este tutorial). Isso significa que o tema filho foi instalado com sucesso!

É isso para este tutorial. Você pode conferir meus outros Artigos de ajuda do WordPress no meu site ou mergulhe mais fundo no WordPress com meu WordPress para Iniciantes 2023 – No Code WordPress Masterclass.

Boletim informativo por e-mail de aplicativos criativos gratuitos da Davies Media Design

Assine o boletim informativo DMD

Inscreva-se para receber novos tutoriais, atualizações de cursos e as últimas notícias sobre seus aplicativos criativos gratuitos favoritos!

Você se inscreveu com sucesso!

Pin It on Pinterest