A página O design do site afeta a forma como os usuários responderão a ele. Entretanto, a menos que você esteja disposto a pagar por um tema personalizado do WordPress, suas opções para ajustar a aparência do seu site podem parecer limitadas. Mesmo que você encontre um tema que faça tudo o que deseja, seu site pode acabar ficando aparência semelhante à de outros sites.
Felizmente, você pode personalizar seu site WordPress de forma mais completa criando um tema filho. Isso permite que você pegue um tema de sua preferência e faça suas próprias alterações, inclusive fontes, cores e muito mais. De fato, é possível alterar radicalmente a aparência de um tema usando essa técnica.
Neste guia, exploraremos como criar um tema filho no WordPress e explicaremos por que fazer isso ajudará a destacar seu site de associação. Vamos começar!
Por que você pode querer criar um tema filho
Um tema do WordPress é uma coleção de códigos que determina a aparência e o layout do seu site. Esse recurso permite que você dê ao seu site uma aparência totalmente nova, sem a necessidade de conhecer qualquer código. No entanto, os temas populares do WordPress costumam ser usados por centenas de sites, o que significa que o seu corre o risco de parecer "cortador de biscoitos" se você não tomar cuidado.
O uso de um design personalizado pode ajudar seu site a se destacarCrie um visual exclusivo que os visitantes associarão à sua marca. Isso também pode ajudar a diferenciá-lo da concorrência. Se todos os sites que uma pessoa visita tiverem um design semelhante, mas o seu tiver um visual que chame a atenção e o faça parecer único, é mais provável que o visitante perceba e se lembre do seu site.
No entanto, pode ser muito desafiador criar um tema do zero para um iniciante. Além disso, é bastante caro contratar um designer para criar um tema totalmente personalizado para você. Felizmente, há uma terceira opção. Criar um tema filho é uma forma de pegar emprestados elementos de um tema existente e adicionar suas próprias alterações.
Um tema filho é com base em um tema pré-existente, que é chamado de tema "pai". É possível editar os arquivos de um tema diretamente, mas você corre o risco de quebrar seu site se você fizer a alteração errada. A criação de um tema filho acarreta muito menos riscos, pois é uma cópia segura do seu tema que você pode experimentar o quanto quiser.
Como criar um tema filho para WordPress (em 5 etapas)
Agora que você entende por que pode querer usar um tema filho em seu site de associação, vamos ver como configurar um. Para começar, você precisa ter certeza de que tem as ferramentas certas.
Etapa 1: Configurar um ambiente de desenvolvimento
Primeiro, você precisa de um espaço de trabalho para usar. Um ambiente de desenvolvimento (também conhecido como "site de teste" ou "site de preparação") é um servidor local executado em seu computador. Isso permite que você crie sites privados, totalmente novos ou cópias do seu site ativo, para que possa fazer as alterações que desejar.
Em outras palavras, o uso de um ambiente de desenvolvimento ajuda a criar sites "nos bastidores", para que as alterações não afetem o site real até que esteja pronto. Dessa forma, você pode criar e personalizar seu tema filho antes de usá-lo. Para obter mais ajuda com essa etapa, confira este guia para Configuração de um site WordPress local. Ao longo das etapas a seguir, estaremos usando o MAMP como nossa ferramenta de desenvolvimento.
Etapa 2: Escolha um editor de código
Depois de configurar seu ambiente de desenvolvimento, você precisará de um editor de código que possa ser usado para trabalhar com os arquivos do seu tema. Um editor de código é uma ferramenta simples que ajuda você a escrever código. Muitos até detectam erros automaticamente, para que você possa corrigi-los rapidamente.
Há vários editores de código populares e gratuitos que você pode experimentar, como Átomo e Código do Visual Studio. Depois de escolher uma solução, instale-a em seu computador para poder editar facilmente os arquivos do tema filho.
Etapa 3: Instale o WordPress em seu site de teste
Nesse ponto, você está pronto para configurar seu site de teste. Para começar, faça o download de a versão mais recente do WordPress:
Desarquivar o .zip (clique duas vezes em um Mac; no Windows, clique com o botão direito do mouse e escolha Extrato). Em seguida, crie uma pasta em seu computador (por exemplo, Documentos > Sites) e coloque os arquivos não arquivados do WordPress dentro dele:
Em seguida, você precisará apontar seu ambiente de desenvolvimento para essa pasta. Para fazer isso no MAMP, abra Preferências > Servidor Web. Sob Raiz do documento, clique em Selecione e escolha a pasta com sua instalação do WordPress:
Em seguida, na tela inicial do MAMP, clique em Abrir a página do WebStart:
Na próxima página, visite Ferramentas > PHPMYADMIN:
Configure um banco de dados, digitando um nome como "wp_test" e clicando em Criar:
Em seguida, visite localhost em um navegador da Web. Você deverá ver a tela de instalação do WordPress:
Imprensa Continuar e siga as instruções, digitando "wp_test" como o nome do banco de dados e "root" como o nome de usuário e senha:
Depois que o novo site estiver configurado, você poderá fazer login nele usando a senha e o nome de usuário que definiu durante o processo de instalação.
Etapa 4: Crie seu tema filho
A próxima coisa que você precisará fazer é instalar o tema que você deseja usar como base para seu tema filho. Em seguida, no editor de código de sua escolha, acesse a pasta do WordPress:
Aberto wp-content, clique com o botão direito do mouse no temas e crie uma nova pasta dentro dela chamada "themename_childtheme" (substituindo a primeira parte pelo nome da pasta do tema pai).
Em seguida, crie um novo arquivo chamado "style.css" e salve-o na pasta do tema filho:
Configure seu style.css conforme mostrado abaixo (substituindo "TwentyFifteen" pelo nome do tema principal):
Isso importará todos os dados necessários do tema principal.
Depois disso, você pode fazer login no seu site local do WordPress. Se você visitar Appearance > TemasVocê poderá ver e ativar seu novo tema filho:
Obviamente, seu site não terá uma aparência diferente até que você faça alterações no tema filho:
Para testar se está funcionando, você pode fazer uma pequena alteração em seu site. Tente adicionar um bloco de código como "p {font-family: cursive; color:red;}" para o style.css file:
Se o texto dos parágrafos do seu site mudar para vermelho e cursivo, você criou um tema filho com sucesso:
Depois disso, você pode fazer as alterações que desejar em seu novo tema filho.
Etapa 5: Carregue o tema filho em seu site de associação do WordPress
Quando o tema filho estiver pronto, você poderá carregá-lo em seu site WordPress ativo. Primeiro, fazer backup de seu site (por precaução). Em seguida, compacte toda a pasta que contém o tema filho (em um Mac, clique com o botão direito do mouse e escolha Comprimirno Windows, clique com o botão direito do mouse e selecione Enviar para > Compactar).
Em seguida, em seu site ativo, acesse Appearance > Temas. Selecione Adicionar novoe depois Carregar tema. Escolha o arquivo zipado do tema filho e instale-o:
Quando o upload for concluído, você precisará selecionar Ativar:
Seu tema filho agora estará em funcionamento em seu site ativo!
Conclusão
Se você tem um orçamento limitado e não pode comprar um tema personalizado, pode ser difícil fazer com que seu site de associação do WordPress se destaque. Felizmente, os temas filhos são uma maneira relativamente fácil de personalizar um tema pronto.
Você pode criar um tema filho em apenas cinco etapas:
- Configuração de um ambiente de desenvolvimento usando uma ferramenta como o MAMP.
- Baixe um editor de código, como o Código do Visual Studio.
- Instalação do WordPress em seu ambiente de desenvolvimento.
- Criar um tema filho e fazer alterações nele.
- Fazer upload do tema filho em seu site WordPress ativo.
Você tem alguma dúvida sobre como editar seu tema filho? Fale conosco na seção de comentários abaixo!
PT 
EN 
ES 
FR 
DE 
Adicionar um comentário