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, vamos explorar como criar um tema filho no WordPress e explicar por que isso ajudará a destacar seu site de assinaturas. Vamos começar!
Por que você pode querer criar um tema filho
Um tema do WordPress é um conjunto de códigos que determina a aparência e o layout do seu site. Esse recurso permite que você dê facilmente um visual totalmente novo ao seu site, sem precisar saber nada de programação. 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 ‘padronizado’ 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 quando se é 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 maneira de utilizar elementos de um tema já existente e adicionar suas próprias alterações.
Um tema filho é com base em um tema já existente, 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 uma alteração incorreta. Criar um tema filho envolve muito menos risco, já que se trata de uma cópia segura do seu tema, na qual você pode fazer todos os testes que quiser.
Como criar um tema filho para WordPress (em 5 etapas)
Agora que você já entende por que pode ser interessante usar um tema filho no seu site de assinaturas, vamos ver como configurá-lo. Para começar, você precisa se certificar de que possui as ferramentas certas.
Etapa 1: Configurar um ambiente de desenvolvimento
Primeiro, você precisa de um espaço de trabalho. Um ambiente de desenvolvimento (também conhecido como ‘site de teste’ ou ‘site de pré-produção’) é um servidor local que roda no seu computador. Isso permite que você crie sites privados — sejam eles totalmente novos ou cópias do seu site ativo — para que possa fazer as alterações que desejar neles.
Em outras palavras, usar um ambiente de desenvolvimento ajuda você a criar sites ‘nos bastidores’, de modo que as alterações não afetem seu site real até que você esteja pronto. Dessa forma, você pode criar e personalizar seu tema filho antes de usá-lo. Para obter mais ajuda com esta etapa, confira este guia para Configuração de um site WordPress local. Ao longo das etapas a seguir, vamos 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 para trabalhar com os arquivos do seu tema. Um editor de código é uma ferramenta simples que ajuda a escrever código. Muitos deles chegam até a detectar 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 no seu computador para que você possa editar facilmente os arquivos do seu 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á configurar seu ambiente de desenvolvimento para usar 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 nome do banco de dados e “root” como 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 pasta e crie uma nova pasta dentro dela chamada “nome-do-tema_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 arquivo conforme mostrado abaixo (substituindo “TwentyFifteen” pelo nome do tema pai):
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:
É claro que seu site não terá nenhuma aparência diferente até que você faça alterações no tema filho:
Para verificar se está funcionando, você pode fazer uma pequena alteração no 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ê poderá fazer as alterações que desejar no 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:
Assim que 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