Como alterar corretamente um tema do WordPress (guia definitivo)

Recentemente, um de nossos leitores nos perguntou como alterar corretamente um tema do WordPress em seu site sem quebrar nada.

O WordPress facilita muito a alteração e o gerenciamento de temas. No entanto, é preciso lembrar que alterar a aparência do seu site ativo é um evento importante. Você precisará ter em mente alguns aspectos antes e depois de alterar um tema para não perder nenhum dado ou tráfego do site.

Neste artigo, mostraremos a você como alterar um tema do WordPress com uma lista de verificação passo a passo.

Por que mudar um tema do WordPress?

Talvez você queira alterar o tema do seu site WordPress para que ele corresponda melhor ao seu nicho.

Por exemplo, se você tem um blog de moda, talvez queira mudar para um tema com o estilo de um site de moda profissional.

Mudar para um tema diferente também pode dar ao seu site uma aparência nova, aprimorar a experiência do usuário e até melhorar o SEO do site, facilitando o rastreamento e a indexação do conteúdo pelos mecanismos de pesquisa.

Além disso, alguns temas do WordPress vêm com recursos incorporados que você pode precisar em seu site. Por exemplo, alguns temas incluem recursos para comércio eletrônico, sites de associação e portfólios.

Dito isso, vamos ver como alterar corretamente um tema do WordPress em seu site. Aqui está uma visão geral rápida do que você aprenderá neste artigo:

O que fazer antes de alterar um tema do WordPress

Embora você possa alterar facilmente um tema com apenas alguns cliques, é necessário tomar algumas medidas de precaução antes de iniciar esse processo.

Recomendamos que você siga a lista de verificação a seguir para garantir que o processo de alteração do tema do WordPress ocorra sem problemas e que você não perca dados importantes.

1. Copie trechos de seu tema atual

Alguns usuários intermediários do WordPress gostam de personalizar seu site adicionando trechos de código diretamente ao arquivo functions.php do tema.

Como essas alterações foram feitas uma vez, as pessoas geralmente se esquecem delas.

Se você ou seu desenvolvedor web fez essas alterações, certifique-se de examinar os arquivos do seu tema atual e anotar todos os códigos adicionais que você adicionou anteriormente. Isso permitirá que você adicione esses trechos posteriormente ao arquivo functions.php do seu novo tema ou a um plug-in do WordPress específico do site.

Para obter mais detalhes, consulte nosso guia sobre como adicionar corretamente o código personalizado no WordPress.

2. Tempo de carga do teste

Antes de alterar o tema, você deve verificar o tempo de carregamento do seu site. Isso pode ajudá-lo a comparar facilmente as diferenças no tempo de carregamento da página depois de fazer alterações em seu site.

Lembre-se de que a velocidade do WordPress é um fator importante na experiência do usuário e no SEO, portanto, é preciso garantir que o novo tema seja mais rápido do que o anterior.

Você pode verificar a velocidade do seu site usando uma ferramenta de teste de velocidade do WordPress. Para obter mais instruções, consulte nosso guia sobre como executar um teste de velocidade do site.

Certifique-se de testar o tempo de carregamento da página inicial e também de algumas de suas páginas internas.

3. Não perca nenhum código de rastreamento

Alguns usuários adicionam o código de rastreamento do Analytics diretamente aos arquivos do tema. Além disso, alguns temas do WordPress permitem adicionar o código do AdSense ou do Analytics nos painéis de configurações.

Um dos erros mais comuns que os iniciantes cometem é ignorar esses trechos de código.

Você precisa se certificar de que copiou todo o código de rastreamento para poder adicioná-lo ao seu novo site depois de alterar o tema.

Para que isso esteja preparado para o futuro, sempre recomendamos que os usuários instalem o Google Analytics usando um plug-in como o MonsterInsights. Esse plug-in permite que você visualize as análises e os relatórios diretamente no painel do WordPress sem adicionar nenhum código de rastreamento aos arquivos do tema.

Por outro lado, para outros códigos de rastreamento, como anúncios, recomendamos o uso do WPCode. Para obter instruções detalhadas, consulte nosso tutorial sobre como adicionar corretamente o Google AdSense ao WordPress.

4. Fazer um backup completo

É sempre recomendável fazer backup de suas postagens, imagens, plug-ins e do banco de dados antes de alterar o tema.

Você pode usar um plugin de backup do WordPress, como o Duplicator, para criar um backup de todo o seu site. Certifique-se de fazer o download desse backup em seu computador antes de prosseguir.

Essa etapa garantirá que você possa recuperar seu site facilmente se algo der errado.

Para obter mais informações, consulte nosso guia para iniciantes sobre como fazer backup do seu site WordPress.

5. Conteúdo da barra lateral

As barras laterais são usadas para adicionar diferentes widgets, incluindo links sociais, anúncios, formulários de assinatura ou um formulário de contato.

Anote essas alterações. Se houver algum código personalizado adicionado a um widget, certifique-se de copiar e colar esse código em seu computador para que possa reutilizá-lo em seu novo tema.

6. Mantenha seu site em modo de manutenção

É uma boa prática colocar seu site em modo de manutenção quando estiver fazendo alterações nele. Isso pode evitar que os usuários vejam um site incompleto e garantir uma transição tranquila para um tema diferente.

Recomendamos o uso do SeedProd para essa finalidade.

É o melhor construtor de páginas do WordPress no mercado, que permite criar facilmente páginas de modo de manutenção e em breve para o seu site.

Primeiro, você precisa instalar e ativar o plug-in SeedProd. Se precisar de ajuda, siga nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Observação: Você pode usar o plano gratuito do SeedProd para ativar o modo de manutenção. No entanto, o upgrade para a versão premium desbloqueará mais recursos, como modelos pré-criados, recursos avançados de personalização e integrações com ferramentas de marketing por e-mail.

Em seguida, vá para a tela SeedProd ” Landing Pages no painel do WordPress e clique no botão “Set up a Maintenance Mode Page” (Configurar uma página do modo de manutenção).

Depois disso, você deve selecionar um modelo para sua página de modo de manutenção. Você também pode usar um modelo em branco e criar uma página do zero.

Para escolher um modelo, basta passar o mouse sobre uma miniatura e clicar no ícone de verificação.

Agora você pode usar o construtor de páginas de arrastar e soltar do SeedProd para personalizar sua página. Basta adicionar novos blocos arrastando-os do menu à sua esquerda.

O SeedProd permite que você adicione blocos padrão para texto, imagens, botões e títulos. Ele também oferece blocos avançados, incluindo formulários de contato, brindes, opções de compartilhamento social e muito mais.

Não se esqueça de salvar suas alterações clicando no botão “Save” (Salvar) no canto superior direito.

Depois disso, vá até a guia “Page Settings” (Configurações da página) e altere o status da página, alternando-o para “Publish” (Publicar).

Depois de fazer isso, clique no ícone “X” no canto superior esquerdo da tela para sair do construtor de arrastar e soltar. Isso abrirá um prompt na tela solicitando que você ative o modo de manutenção.

A partir daí, basta clicar no botão “Yes, Activate” (Sim, ativar) para exibir o modo de manutenção para os usuários que visitam o site.

Se precisar de mais inspiração para criar uma página de modo de manutenção, consulte nossa lista de ideias de páginas de manutenção que você pode usar em seu site WordPress.

Como instalar um tema do WordPress

Depois de seguir as precauções acima, a próxima etapa é instalar o tema que você deseja usar em seu site.

Depois de selecionar um tema, você precisa instalá-lo em seu site do WordPress. Você pode usar qualquer um dos três métodos a seguir para instalar um tema do WordPress:

• Usando a opção de pesquisa de temas do WordPress
• Carregamento de um tema a partir do painel do WordPress
• Instalação de um tema usando FTP

Para obter mais informações, consulte nosso guia para iniciantes sobre como instalar um tema do WordPress.

Há milhares de temas gratuitos e pagos do WordPress disponíveis para você escolher. O fato de você estar lendo este artigo significa que provavelmente já encontrou um bom tema para suas necessidades.

Entretanto, se você ainda não escolheu um tema, recomendamos os seguintes temas para WordPress:

1. Astra

O Astra é um tema WordPress leve e com velocidade otimizada, compatível com plug-ins populares de criação de páginas, como SeedProd, Beaver Builder, Divi e Visual Composer.

É um tema pronto para tradução e RTL. Ele permite que você inicie seu site em qualquer idioma e até mesmo crie um site multilíngue.

O Astra também pode ser integrado ao plug-in WooCommerce, para que você possa criar facilmente uma loja on-line sem muita complicação. Você pode até mesmo personalizar o cabeçalho, o rodapé, o layout e muito mais usando o WordPress Theme Customizer.

O que mais gostamos no Astra são os modelos de sites para iniciantes que ele traz. Ele tem mais de 250 opções para todos os tipos de nichos, inclusive sites de negócios, lojas on-line e blogs pessoais.

2. Divi

O Divi é um dos temas mais populares do WordPress no mercado. Ele é alimentado pelo Divi Builder de arrastar e soltar, que permite que você crie facilmente qualquer tipo de site.

Ele vem com mais de 2.000 layouts predefinidos e 200 elementos de conteúdo diferentes. Você pode personalizar facilmente cada elemento do seu site e ver as alterações em tempo real.

Além disso, o Divi também é superamigável para SEO e pode ajudar seu site a ter uma classificação mais alta no Google e em outros mecanismos de pesquisa.

3. SeedProd

O SeedProd é o melhor criador de temas para WordPress do mercado, com mais de 1 milhão de usuários ativos.

Já mencionamos que você pode usá-lo para criar uma página de modo de manutenção. Mas você também pode usá-lo para criar um tema personalizado do WordPress sem escrever nenhum código.

O SeedProd vem com um construtor de arrastar e soltar e mais de 300 modelos criados profissionalmente para você começar. Você pode personalizar facilmente o tema com blocos prontos, seções inteligentes e tags de modelo do WordPress.

Ele também mostra uma visualização em tempo real de todas as alterações no lado direito da tela, para que você possa ver como o site aparecerá para os usuários antes mesmo de ser publicado.

4. StudioPress Genesis

O Genesis é a estrutura de tema mais popular do WordPress criada pela equipe do StudioPress. Você pode criar sites incríveis usando a estrutura do Genesis e outros temas do StudioPress.

Caso você não saiba, o StudioPress faz parte da WP Engine, a mais popular empresa de hospedagem gerenciada do WordPress.

A melhor parte é que você obterá mais de 35 temas do StudioPress gratuitamente ao se inscrever em qualquer plano de hospedagem do WP Engine.

5. OceanWP

O OceanWP é um tema responsivo e multiuso para WordPress. Ele oferece vários modelos de demonstração que foram criados com diferentes profissões e negócios em mente.

Ele é compatível com os principais plug-ins de criação de páginas. Você também pode usar diferentes extensões para levar seu site ao próximo nível.

Como alterar o tema do WordPress sem entrar em operação

Depois de instalar o novo tema, você estará pronto para trocar de tema.

No entanto, é sempre recomendável testar um tema antes de usá-lo em seu site ativo.

Dessa forma, você poderá verificar a compatibilidade do novo tema com os plug-ins existentes e certificar-se de que tudo está funcionando corretamente.

Há três maneiras de alterar o tema do WordPress sem entrar em produção.

1. Opção de visualização ao vivo

Por padrão, o WordPress permite que você visualize um tema em seu site sem alterá-lo.

Para fazer isso, vá até a página Appearance ” Themes ( Aparência ” Temas ) na barra lateral do administrador do WordPress.

Nessa página, você verá todos os temas instalados em seu site. Passe o mouse sobre o tema que deseja visualizar e clique no botão “Live Preview” (Visualização ao vivo).

Isso abrirá seu novo tema no Personalizador de temas do WordPress.

Agora você pode testar seu novo tema e certificar-se de que tudo está funcionando corretamente.

2. Plug-in Theme Switcha

Outra opção é usar o plug-in Theme Switcha. Ele permite que você visualize seu novo tema sem ativá-lo.

Primeiro, você precisa instalar e ativar esse plug-in gratuito. Para obter instruções detalhadas, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Após a ativação, visite a página Configurações ” Troca de tema no painel do WordPress e marque a caixa ao lado da opção “Ativar troca de tema”.

Depois de fazer isso, role até a parte inferior da página para clicar no botão “Save Changes” (Salvar alterações).

Esse plug-in exibirá todos os seus temas instalados na parte inferior da página.

A partir daí, basta clicar em seu novo tema para visualizá-lo em uma nova guia do navegador da Web.

3. Teste seu tema em um site de preparação

Você também pode testar seu tema do WordPress sem torná-lo ativo, criando um site de teste. Esse site é um clone de seu site ativo e é usado para testar quaisquer alterações.

Você pode fazer isso facilmente usando o recurso de site de teste incorporado do seu provedor de hospedagem. Para este tutorial, usaremos o Bluehost.

Primeiro, você deve acessar o cPanel da Bluehost e clicar no botão “My Sites”. Depois disso, vá para a guia “Plugins” e ative o plug-in Bluehost.

Em seguida, acesse o painel do WordPress e vá para a página Bluehost ” Staging.

A partir daí, clique no botão “Create Staging Site” (Criar site de teste) para continuar.

A Bluehost agora preparará o ambiente de preparação para você.

Depois disso, será exibida a seção “Staging Site”, na qual você deve marcar a caixa “Not currently editing”.

Isso abrirá um prompt na tela solicitando que você mude para o seu site de teste.

A partir daí, clique no botão “Switch”.

Depois de fazer isso, você pode ir para a página Appearance ” Themes (Aparência ” Temas ) no painel e ativar qualquer tema que queira testar sem se preocupar se isso afetará seu site ativo.

Então, quando estiver satisfeito com o tema, você pode simplesmente colocar as alterações no ar.

Para obter mais detalhes, consulte nosso guia para iniciantes sobre como criar facilmente um ambiente de teste para um site WordPress.

Como alterar o tema do WordPress em um site ativo

Depois de testar seu novo tema, é hora de iniciar o processo de troca do tema em seu site WordPress.

Para fazer isso, acesse a página Appearance ” Temas na barra lateral do administrador do WordPress.

Quando estiver lá, passe o cursor do mouse sobre o tema que deseja usar e clique no botão “Activate” (Ativar) para alterar o tema do WordPress.

Agora, você pode visitar a página inicial do seu site para ver o novo tema em ação.

Como alterar o tema do WordPress manualmente

Às vezes, um erro pode tornar a área de administração do WordPress inacessível. Nesse caso, você não poderá alterar o tema usando o método acima.

Para recuperar seu site, você precisa restaurá-lo do backup ou solucionar o erro do WordPress que está causando o problema.

No entanto, se você não tiver um backup, poderá alterar o tema manualmente com a ajuda do phpMyAdmin.

Esse método permite que você informe ao WordPress qual tema usar, alterando as informações no banco de dados.

Primeiro, você precisa se conectar ao seu site usando um cliente FTP e ir para a pasta /wp-content/themes/.

Aqui, você poderá ver todos os temas que estão instalados atualmente em seu site. Você também pode instalar um tema do WordPress via FTP, caso não o veja.

Em seguida, anote o nome da pasta do tema que deseja usar, pois você precisará dele mais tarde.

Depois disso, vá para o cPanel de sua conta de hospedagem do WordPress. Para este tutorial, usaremos a Bluehost. No entanto, seu cPanel pode ter uma aparência diferente, dependendo do serviço de hospedagem que você usa.

Nessa página, role para baixo até a seção phpMyAdmin e clique no botão “Manage” (Gerenciar) ao lado dela.

Quando estiver no phpMyAdmin, você verá uma lista de bancos de dados no lado esquerdo da tela. A partir daí, clique no banco de dados que está usando para o seu site WordPress.

Isso abrirá todas as tabelas do banco de dados na coluna direita da tela. Agora, clique na tabela wp_options para abri-la.

Observação: Por padrão, o WordPress usa wp_ como prefixo para os nomes das tabelas. No entanto, é possível ter um prefixo de banco de dados diferente, conforme mostrado na imagem.

Isso abrirá uma lista de outros arquivos que foram armazenados na tabela wp_options.

A partir daí, você deve localizar o modelo e as linhas da folha de estilo no painel direito.

Depois de fazer isso, clique no link “Edit” (Editar) na linha do modelo para abrir o editor.

Aqui, você precisa alterar o valor no campo option_value para o nome do tema que deseja usar.

Geralmente, é o mesmo nome da pasta /wp-content/themes/ que você copiou anteriormente.

Quando terminar, clique no botão “Go” (Ir) para salvar as alterações. Em seguida, repita o mesmo processo para a linha da folha de estilo.

Depois de fazer alterações em ambas as linhas, você pode acessar seu site para ver o novo tema em ação.

O que fazer depois de alterar seu tema

Depois de alterar o tema do seu site, você precisa cuidar de alguns aspectos antes de desativar o modo de manutenção.

Você pode conferir a seguinte lista de verificação de coisas a fazer depois de alterar o tema do WordPress.

1. Teste seu site

Primeiro, você precisa se certificar de que todas as funcionalidades, plugins e widgets estejam funcionando corretamente em seu site.

Você deve investir algum tempo para testar seu site e verificar diferentes aspectos, inclusive as publicações, a seção de comentários, as imagens e o formulário de contato.

Quando estiver satisfeito com a aparência e o funcionamento do site, você poderá passar para a próxima etapa.

2. Compatibilidade entre navegadores

Os navegadores têm a tendência de mostrar certas coisas de forma diferente.

Para garantir que seu site tenha boa aparência em todos os principais navegadores, você deve testá-lo em diferentes navegadores da Web, incluindo Google Chrome, Firefox, Safari e Internet Explorer.

3. Adicionar código de rastreamento

Depois de testar os recursos e a compatibilidade entre navegadores, você deve adicionar o código de rastreamento do AdSense e do Analytics ao seu site.

Você pode usar o plug-in MonsterInsights para adicionar o código de rastreamento do Google Analytics. Isso permitirá que você configure adequadamente a análise e visualize as estatísticas detalhadas do site diretamente no painel do WordPress.

Para obter mais detalhes, consulte nosso guia sobre como instalar o Google Analytics no WordPress.

Para adicionar o código de rastreamento do Google AdSense, você pode ler nosso guia sobre como adicionar corretamente o Google AdSense ao seu site WordPress.

4. Desativar o modo de manutenção

Agora você pode desativar o modo de manutenção em seu site para torná-lo ativo.

Se estiver usando o plug-in SeedProd, basta acessar a tela SeedProd ” Landing Pages no painel do WordPress e clicar na opção “Inactive” (Inativo) para desativar o modo de manutenção.

5. Tempo de carregamento do teste

Após alterar o tema, recomendamos usar novamente a ferramenta IsItWP Website SpeedTest Tool para testar o tempo de carregamento de sua página inicial.

Em seguida, compare-o com o tempo de carregamento quando o tema antigo estava instalado. Se você observar diferenças significativas, poderá seguir nosso guia para melhorar a velocidade do WordPress.

6. Monitorar a taxa de rejeição

Depois de trocar de tema, você deve monitorar a taxa de rejeição do seu site.

Se o seu novo tema não for fácil de usar e difícil de navegar, ele poderá aumentar a taxa de rejeição e afastar os visitantes do seu site.

Você pode adicionar posts relacionados, widgets de posts populares e breadcrumbs para reduzir a taxa de rejeição e aumentar as visualizações de página.

7. Peça feedback

Você também pode pedir feedback e sugestões aos usuários sobre como melhorar o design do site. Você pode usar formulários de pesquisa ou enquetes on-line para obter a opinião dos usuários.

Por exemplo, você pode usar o feedback do usuário para adicionar um prompt de pesquisa com duas perguntas no seu site. Para obter instruções detalhadas, consulte nosso tutorial sobre como criar uma pesquisa no WordPress.

Você pode compartilhar o novo design com seus assinantes usando um serviço de marketing por e-mail e pedir sugestões. Isso o ajudará a obter ideias sobre o que eles gostariam de ver melhorado.

Bônus: Atualize um tema do WordPress sem perder a personalização

Depois de mudar para um tema diferente e personalizá-lo de acordo com suas preferências, você deverá manter esse tema atualizado regularmente para as versões mais recentes.

No entanto, quando você atualiza um tema, pode perder algumas das configurações de personalização. Por exemplo, você perderá todo o código que adicionou ao arquivo functions.php, à folha de estilo ou aos modelos do tema.

No entanto, você pode atualizar facilmente um tema do WordPress sem perder toda a sua personalização criando um tema filho.

Esse tema herdará a funcionalidade, os recursos e o estilo do tema pai. Você pode personalizar o tema filho sem fazer nenhuma alteração no tema original.

Em seguida, você deve identificar todas as alterações feitas no tema e copiá-las para o tema filho. A maneira mais fácil de fazer isso é comparar os arquivos do tema antigo e do novo usando um software como o WinMerge ou o Kaleidoscope.

Depois de fazer as alterações, basta exportar as configurações do personalizador do tema pai e importá-las para o tema filho.

Ao fazer isso, você pode visualizar suas alterações no personalizador e clicar no botão “Save & Publish” (Salvar e publicar) para torná-las efetivas.

Para obter instruções mais detalhadas, consulte nosso tutorial sobre como atualizar um tema do WordPress sem perder a personalização.

Outra maneira de atualizar seu tema sem perder nenhuma personalização é sempre adicionar seu código personalizado com o WPCode. Ele é o melhor plug-in de snippet de código do WordPress no mercado, o que torna muito fácil e seguro adicionar códigos personalizados ao seu site.

Ao usar esse plug-in, você não precisará se preocupar em perder o código personalizado no arquivo functions.php, nas folhas de estilo ou nos modelos quando atualizar o tema.

Isso ocorre porque o código será salvo no WPCode e será executado automaticamente em seu site. Para obter detalhes, consulte nossa análise completa do WPCode.

Esperamos que este guia passo a passo tenha ajudado você a alterar corretamente seu tema do WordPress. Talvez você também queira ver nosso guia para iniciantes sobre como usar o personalizador de temas do WordPress e nossas principais opções de plug-ins obrigatórios do WordPress para sites comerciais.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.