Obtenha hoje o melhor plug-in de backup e migração para WordPress
Obter o Duplicator agora
Novas limpezas de cópias de segurança com um clique, eliminação automática e actualizações de versões do Duplicator

Novas limpezas de cópias de segurança com um clique, eliminação automática e actualizações de versões do Duplicator

Quer backups do WordPress mais limpos, mais organizados e mais seguros? Conheça as novas funcionalidades de gestão de registos de cópias de segurança do Duplicator e a versão actualizada...
Como remodelar um site WordPress

Como reformular um site WordPress mantendo-o em funcionamento 

Escrito por: avatar do autor Joella Dunn
avatar do autor Joella Dunn
Joella é uma escritora com anos de experiência em WordPress. Na Duplicator, ela é especialista em manutenção de sites - desde backups básicos até migrações em grande escala. O seu objetivo final é garantir que o seu site WordPress está seguro e pronto para crescer.
     Avaliado por: avatar do revisor John Turner
avatar do revisor John Turner
John Turner é o presidente da Duplicator. Tem mais de 20 anos de experiência em negócios e desenvolvimento e os seus plugins foram descarregados mais de 25 milhões de vezes.

O seu sítio Web ainda tem o mesmo aspeto que tinha há alguns anos? Um sítio Web pode rapidamente parecer desatualizado, e poderá notar que não está a captar a atenção dos visitantes como antes.

Não se trata apenas de querer um novo visual; quer que o seu sítio Web seja uma ferramenta poderosa que faça avançar a sua empresa.

Uma remodelação é uma medida estratégica para renovar a sua presença em linha e garantir que o seu sítio Web WordPress está a trabalhar o melhor possível para si.

Se for feita corretamente, uma remodelação pode aumentar o envolvimento, as conversões e o conhecimento da marca. Mas como é que se faz isso?

Neste tutorial, vou mostrar-lhe como redesenhar o seu sítio Web WordPress!

Índice

Resumo rápido: Como reformular um site WordPress

1. Faça uma cópia de segurança do seu sítio Web ativo
Utilizando o Duplicator, crie uma cópia de segurança completa do seu sítio Web WordPress ativo. Descarregue os ficheiros de cópia de segurança.
2. Criar um sítio de teste
Se ainda não tiver um, precisará de criar um site de teste. Pode fazê-lo com o seu alojamento web ou utilizar um ambiente de desenvolvimento local como o LocalWP.
3. Mover o backup para a fase de preparação
Depois de instalar o WordPress no site de teste, arraste e largue a cópia de segurança do seu site ativo na página Importar cópias de segurança do Duplicator. Siga o guia passo-a-passo para importar os seus ficheiros originais.
4. Começar a redesenhar
Agora que tem uma cópia do seu site, sinta-se à vontade para editar o seu Web design. Adicione novo código ou utilize um construtor de temas WordPress como o SeedProd para facilitar este processo.
5. Mover as alterações da fase de preparação para a produção
Depois de o seu sítio ter o aspeto e o funcionamento que imaginou, faça uma cópia de segurança do sítio de teste. Arraste e largue a cópia de segurança no seu site ativo. O Duplicator reescreverá o design antigo com o novo!

Porque é que deve considerar a possibilidade de redesenhar o seu site WordPress

Poderá estar a adiar a remodelação do seu sítio Web por recear que demore demasiado tempo ou que o seu sítio Web entre em modo de manutenção. No entanto, aqui estão algumas situações em que uma reformulação seria útil.

  • Design desatualizado

Se o seu sítio Web parece desatualizado, carece de funcionalidades modernas ou não cumpre as normas de design actuais, talvez seja altura de o redesenhar.

Um design de sítio Web atualizado pode melhorar a experiência dos seus visitantes e tornar o seu sítio mais cativante e profissional.

  • Má experiência do utilizador

Se os utilizadores tiverem dificuldade em navegar no seu sítio Web ou se os tempos de carregamento da página forem lentos, isso pode levar a uma taxa de rejeição elevada e a uma diminuição das conversões.

Redesenhar o seu site WordPress com foco na experiência do utilizador (UX) pode ajudar a resolver estes problemas e manter o seu público envolvido.

  • Não responsivo ou não adaptado a dispositivos móveis

Muitas pessoas utilizam os seus dispositivos móveis para navegar na Internet. Isto significa que é importante ter um sítio Web reativo que se adapte a diferentes tamanhos de ecrã.

Se o seu sítio Web atual não for compatível com dispositivos móveis ou não tiver capacidade de resposta, poderá ser altura de o redesenhar para maximizar a acessibilidade.

  • Alterações na marca ou na mensagem

Se a sua marca sofreu alterações significativas ou se pretende renovar a sua mensagem, a remodelação de um sítio Web pode dar-lhe uma nova identidade de marca. Ter esta consistência na marca e nas mensagens reforçará a sua imagem global e ajudá-lo-á a atingir o seu público-alvo.

  • Melhorias na otimização dos motores de busca (SEO)

Os motores de busca actualizam frequentemente os seus algoritmos e as melhores práticas de SEO mudam ao longo do tempo. A remodelação de um sítio Web oferece uma oportunidade para otimizar a estrutura do seu sítio, melhorar a velocidade de carregamento da página e implementar elementos de SEO para aumentar o seu tráfego orgânico.

  • Novas funcionalidades

À medida que a sua empresa evolui, pode ser necessário adicionar uma loja de comércio eletrónico, um blogue ou feeds de redes sociais ao seu Web site. Com uma remodelação, pode integrar estas novas funcionalidades sem problemas e garantir que estão em conformidade com o seu design geral e a experiência do utilizador.

Antes de reformular o seu sítio WordPress

Mais adiante, mostraremos como redesenhar completamente o seu site WordPress. No entanto, há alguns passos que deve seguir previamente.

Avalie o seu design atual

Antes de redesenhar o seu sítio Web, considere o seu design atual. Deve estar ciente das suas boas caraterísticas, bem como de tudo o que gostaria de melhorar.

Não se esqueça de anotar o que gosta no seu sítio Web original. À medida que for redesenhando, vai querer manter essas caraterísticas e funcionalidades.

Mas, considerar as suas áreas fracas é importante para uma boa reformulação. Ao corrigir layouts e paletas de cores pobres, terá um sítio Web com bom desempenho e agradável à vista.

Verificar os seus parâmetros de referência actuais

Para saber se uma remodelação foi eficaz, é necessário conhecer as estatísticas actuais do seu sítio.

Pode verificar facilmente as suas referências actuais instalando o MonsterInsights. Este é um plugin que liga o Google Analytics ao seu back-end do WordPress, compilando todos os seus dados de desempenho num único local.

Plugin MonsterInsights

Depois de adicionar o MonsterInsights ao seu site, encontre o relatório Top Posts/Páginas. Aqui, verá quantos visitantes está a receber:

Relatório dos principais posts e páginas do MonsterInsights

Se quiser guardar quaisquer dados do MonsterInsights, prima o botão Exportar relatório PDF. Isso fará o download de um arquivo zip com suas visualizações de página, sessões de usuário, taxa de rejeição e muito mais:

Exportar relatório MonsterInsights

Ao guardar estas estatísticas, pode facilmente ver se a sua reformulação valeu a pena. Poderá comparar as análises antes e depois da entrada em vigor do novo design. 

Quer ver o que mais o MonsterInsights pode fazer? Leia a nossa análise completa!

Definir objectivos para a remodelação

Depois de conhecer os seus parâmetros de desempenho, pode definir objectivos para a remodelação.

Com uma boa remodelação, é possível:

  • Acelerar o tempo de carregamento
  • Aumentar as taxas de conversão
  • Reduzir a taxa de rejeição
  • Aumentar o tempo médio na página
  • Melhorar a experiência do utilizador
  • E muito mais!

Também pode experimentar uma reformulação da marca com novas cores, logótipos ou esquemas. Não se esqueça de registar as suas referências de desempenho antes e depois da remodelação. Estes indicadores ajudam-no a decidir se a remodelação foi bem sucedida ou não.

Definir um orçamento

Por último, terá de decidir qual será o seu orçamento para o projeto. Alguns custos básicos para uma remodelação incluem a compra de um novo tema ou a contratação de um web designer profissional.

Se quiser poupar dinheiro para outras áreas do seu negócio, recomendamos que seja você a fazer a remodelação. Com um bom construtor de temas, não terá de ter quaisquer competências de programação para criar o seu novo sítio.

Como reformular um site WordPress

Quando decide melhorar o design do seu site, pode não saber como o fazer. Não se preocupe, nós acompanhá-lo-emos em todas as etapas do processo!

Passo 1: Instalar o Duplicator Pro

Se está a considerar uma remodelação, não vai querer criar uma instalação WordPress totalmente nova a partir do zero. Mesmo que esteja a refazer todo o seu site, é importante manter todos os seus posts, páginas, plugins e outros detalhes importantes.

Para evitar qualquer perda de dados, recomendamos a criação de uma cópia do seu sítio Web ativo e a sua transferência para um sítio de teste. Aqui, pode criar um novo design sem afetar os seus utilizadores activos.

A melhor ferramenta para este trabalho é o Duplicator. Este plugin do WordPress é uma potência para backups, migrações e clonagem. Ele faz o download de todo o seu site como um único arquivo zip, facilitando a movimentação.

Plugin Duplicator Pro

Não tem a certeza se precisa do Duplicator durante o processo de remodelação? Veja como a Rock Lobster Webdesign aumenta a eficiência do design com o Duplicator!

Em primeiro lugar, selecione uma subscrição do Duplicator Pro. Há uma versão gratuita disponível, mas o Duplicator Pro vem com migrações de arrastar e soltar. Isto pode ajudá-lo a pôr a sua reformulação a funcionar num instante.

Depois de concluir a compra, copie a sua chave de licença. Em seguida, abra o painel de controlo do seu site WordPress e instale o Duplicator.

Em seguida, aceda a Duplicator Pro " Definições " Geral.

Ativar a chave de licença do Duplicator

Cole a sua chave de licença e clique no botão Ativar. Agora está pronto para iniciar o processo de remodelação!

Passo 2: Criar uma cópia do seu sítio Web ativo

Para o passo seguinte, terá de criar uma cópia (ou cópia de segurança) do seu sítio Web. As cópias de segurança manuais podem ser um trabalho árduo, mas o Duplicator torna-o simples para os principiantes.

O Duplicator funciona fazendo uma cópia de segurança de todos os seus ficheiros, temas, plugins e tabelas de bases de dados do WordPress num ficheiro zip. Depois de criar uma cópia de segurança, pode facilmente movê-la para um servidor totalmente novo.

Em primeiro lugar, aceda a Cópias de segurança " Adicionar novo.

Adicionar nova cópia de segurança com o Duplicator

Pode utilizar etiquetas dinâmicas para nomear a cópia de segurança. Em Armazenamento, selecione Local.

Primeiro passo da cópia de segurança do Duplicator

Na sua remodelação, poderá querer eliminar certas partes do seu sítio. Neste caso, pode personalizar o ficheiro de arquivo. Basta expandir a secção Cópia de segurança e desmarcar quaisquer componentes que não pretenda incluir.

Componentes de cópia de segurança personalizados do Duplicator

Para fazer uma cópia de segurança de todo o seu sítio, não efectue quaisquer alterações. Em seguida, prima Seguinte

O Duplicator efectuará uma verificação completa do seu sítio Web ativo. Certifique-se de que revê todos os avisos antes de criar a cópia de segurança.

Verificação de backup do Duplicator

Após a criação da cópia de segurança, pode transferi-la.

Descarregar ficheiros de cópia de segurança

Se estiver a planear utilizar um ambiente de teste local como o LocalWP, este software instalará frequentemente o WordPress por si. Neste caso, apenas terá de descarregar o ficheiro de arquivo. No entanto, para carregar a sua cópia de segurança diretamente para um servidor com um cliente FTP ou cPanel, certifique-se de que guarda também o script installer.php. 

Passo 3: Criar um site de teste

Ao preparar-se para uma grande tarefa como uma remodelação, é importante ter um sítio de teste. Trata-se de uma versão clonada do seu sítio Web que pode ser utilizada para testar alterações sem afetar a funcionalidade ou o aspeto do seu sítio ativo. 

Se reformular o seu sítio Web ativo, poderá publicar acidentalmente falhas para o seu público. Utilizando um site de teste, terá um espaço seguro e controlado para garantir que tudo está a funcionar corretamente antes de ir para o ar. Além disso, não terá de colocar o seu sítio Web existente em modo de manutenção enquanto o redesenha. 

Por vezes, o seu fornecedor de alojamento web constrói automaticamente uma área de teste para si. No entanto, também pode criar uma facilmente ou com um plugin de teste do WordPress.

Para este tutorial, usaremos o LocalWP, que é um software de desenvolvimento local amigável para iniciantes. Ele irá configurar e hospedar uma instalação do WordPress no seu computador pessoal. Para além disso, a sua utilização é gratuita.

Sítio Web LocalWP

Para começar, certifique-se de que transfere a versão do LocalWP que corresponde ao sistema operativo do seu computador. Em seguida, adicione um novo site clicando no ícone +.

Adicionar novo site LocalWP

Em seguida, dê um nome ao seu site de teste. Se for um programador, sinta-se à vontade para configurar uma versão personalizada do PHP, Apache e MySQL. Em alternativa, a opção Preferida criará um site WordPress básico.

LocalWP sítio local preferido

Como último passo, introduza um nome de utilizador, uma palavra-passe e um endereço de e-mail do WordPress. Utilizará estas credenciais para aceder ao painel de controlo do seu site de teste.

Login do LocalWP WordPress

Poderá querer alojar o seu site de teste no mesmo servidor que o seu site ativo. Isso garantirá que não haverá erros quando migrar as alterações entre os dois sites. Para o ajudar a fazer isto, consulte o nosso tutorial sobre como criar um site de teste WordPress

Passo 4: Importar a sua cópia de segurança

Depois que o LocalWP criar seu site de teste, ele será uma instalação padrão do WordPress. Para que ele tenha a mesma aparência do seu site ativo, basta importar o backup salvo.

Na sua aplicação Local, selecione o seu site e prima WP Admin. Isto abrirá o painel de controlo do site local.

Botão de administração WP do LocalWP

Aqui, instale e active o Duplicator Pro como um plugin. Depois, encontre a página Importar cópias de segurança e carregue o ficheiro que guardou anteriormente.

Importar uma cópia de segurança com o Duplicator

O Duplicator notificá-lo-á quando a cópia de segurança for carregada. Clique em Continuar para iniciar a instalação.

Continuar a instalar a cópia de segurança

Na página seguinte, prima Iniciar instalador.

Iniciar o instalador do Duplicator

Depois disso, verá instruções passo a passo para implementar a instalação do seu sítio.

Instalação do Duplicador de sítios locais

Aceite os termos e avisos. Em seguida, clique em Seguinte.

Por fim, reveja as definições de instalação. Se estiverem corretas, prima OK.

Instalar a confirmação do sítio local

O Duplicator irá então substituir o site local predefinido por uma cópia exacta do seu site ativo! Pode utilizar o botão Admin Login para aceder ao seu novo painel de controlo. 

Passo 5: Construa o seu novo design

Agora que tem um site de teste, pode fazer uma reformulação completa enquanto o site original ainda está ativo.

Embora possa criar o seu sítio Web com os editores WordPress incorporados, estes não são muito fáceis de utilizar ou flexíveis. 

Para criar facilmente qualquer tipo de site, recomendamos a utilização do SeedProd. O SeedProd é o melhor construtor de sites porque vem com edição de arrastar e soltar, mais de 150 modelos de página de destino e até mesmo temas de sites pré-construídos.

Plugin SeedProd

Embora o SeedProd tenha começado como um construtor de páginas de destino, evoluiu para personalizar todas as partes do seu sítio Web. Utilizando o seu construtor de temas, pode facilmente conceber novas páginas, cabeçalhos, rodapés e muito mais.

Para tirar partido de todas estas funcionalidades, instale e active o SeedProd no seu sítio WordPress local. Em seguida, aceda a SeedProd " Theme Builder " Theme Template Kits.

Kits de modelos do tema SeedProd

Isto dar-lhe-á muitos kits de temas pré-desenhados diferentes para escolher. Em vez de codificar manualmente cada modelo de página a partir do zero, o SeedProd pode iniciar o processo de design. Encontrará sites para portefólios, negócios online, blogues e muito mais.

Selecionar o tema SeedProd

Depois de selecionar um novo tema, terá modelos para a sua página inicial, publicações, cabeçalhos e rodapés. Para editar qualquer um destes modelos, clique em Editar design.

Editar modelos de página do SeedProd

Pode então utilizar o construtor de páginas SeedProd para personalizar totalmente o seu tema. Sinta-se à vontade para arrastar e soltar novos blocos na página, editar fontes, atualizar cores padrão e fazer quaisquer outras alterações.

Editor de páginas SeedProd

Não se esqueça de guardar as alterações quando terminar. Em seguida, publique cada modelo de tema. Na parte superior da página, active o novo tema SeedProd.

Publicar a remodelação do SeedProd

Se pretender um guia mais aprofundado sobre a conceção de um sítio Web com o SeedProd, consulte esta publicação sobre como criar um tema WordPress personalizado sem código

Passo 6: Lançar o seu novo sítio Web

Depois de ter redesenhado completamente o seu novo sítio Web, é altura de publicar as suas alterações!

Com o Duplicator, tudo o que precisa de fazer é criar uma cópia de segurança do sítio de teste. Depois, descarregue o ficheiro de arquivo da cópia de segurança.

Antes de importar isto para o seu sítio Web ativo, considere a possibilidade de definir um ponto de recuperação de desastres. Basicamente, isto irá guardar uma cópia de segurança do seu site mesmo antes de atualizar o seu design. Se detetar quaisquer erros críticos que lhe tenham escapado durante o desenvolvimento, pode simplesmente reverter para esta cópia de segurança.

Para o fazer, crie uma cópia de segurança do seu site original. Certifique-se de que seleciona Local como local de armazenamento.

Continue a criar a cópia de segurança. Quando terminar, clique no ícone da casa azul.

Ícone de recuperação de desastres

Hit Set Recuperação de desastres.

Definir a recuperação de desastres

Nesta altura, copie a ligação de recuperação ou transfira o ficheiro do iniciador. Se os guardar num local seguro, pode utilizá-los para recuperar instantaneamente o seu sítio.

Opções de recuperação de desastres

Agora é altura de importar o seu novo design. Para tal, aceda à página Importar cópias de segurança e carregue o ficheiro zip do seu site de teste. Em seguida, o Duplicator irá explicar-lhe como importar a sua cópia de segurança para o site. 

Para obter mais detalhes, consulte o nosso tutorial sobre como mover um site WordPress local para um servidor ativo.

Etapa 7: Auditoria do seu site reformulado

Mesmo que tenha verificado a existência de erros no seu sítio de teste, pode falhar alguma coisa. Depois de publicar a sua remodelação, é importante examinar minuciosamente o seu sítio Web para se certificar de que está com bom aspeto e a funcionar corretamente.

Para se certificar de que a sua Otimização para Motores de Busca (SEO) está no ponto, considere fazer uma auditoria SEO completa. O All-in-One SEO é o melhor plugin de SEO para este efeito, pois fornece-lhe uma lista de sugestões de SEO para o seu sítio Web, fácil de utilizar por principiantes.

Auditoria do sítio AIOSEO

Também recomendamos a criação de um formulário de ticket de suporte. Desta forma, o seu público pode comunicar quaisquer erros ou erros 404 que afectem a sua experiência no seu site. Usando um plugin como o WPForms, você pode começar com um modelo de ticket de suporte e editar o formulário de contato para atender às suas necessidades específicas.

Formulário de ticket de suporte do WPForms

Eis algumas outras tarefas que deve efetuar logo após uma remodelação:

Depois de tudo isto, terá um belo redesenho que atrai novos visitantes e faz com que eles voltem sempre ao seu sítio Web! 

Perguntas mais frequentes (FAQs)

Como posso remodelar o meu sítio WordPress sem entrar em funcionamento?

Ao criar um sítio de teste, pode redesenhar o seu sítio WordPress sem mostrar as suas alterações ao público. Para o fazer, crie uma cópia do seu site ativo com o Duplicator Pro. Em seguida, pode criar um site de teste com o seu fornecedor de alojamento ou configurá-lo num servidor local. Por fim, importe o seu site clonado para a área de teste e comece a redesenhar secretamente o seu site!

Como posso remodelar o meu sítio WordPress sem perder SEO?

A melhor maneira de redesenhar o seu site WordPress sem perder SEO é fazer as alterações necessárias num site de teste. Depois, utilize o Duplicator Pro para migrar o seu site redesenhado de volta para o servidor ativo. Para otimizar a SEO após uma remodelação, considere instalar o AIOSEO e completar a lista de verificação de auditoria SEO. 

Como posso criar um novo sítio WordPress enquanto o sítio antigo está ativo?

Pode criar um novo site WordPress num site de teste local. Quando estiver pronto, utilize o Duplicator Pro para criar uma cópia de segurança completa do site redesenhado. Depois de importar o site atualizado, o Duplicator substituirá automaticamente o design original pelo novo sem qualquer tempo de inatividade. Se actualizou alguma página, certifique-se de que a redirecciona com o AIOSEO. 

Como é que elimino todo o conteúdo e recomeço no WordPress?

Se estiver a utilizar o WordPress.com, aceda a Definições " Geral e clique em Repor o seu site. Para o WordPress.org, pode instalar o plug-in WP Reset, que eliminará os seus posts, páginas, comentários, utilizadores, tipos de posts personalizados e tabelas de bases de dados personalizadas. No entanto, recomendamos a reversão do seu site com o Duplicator Pro para evitar a perda total dos seus dados.

Conclusão

É isso mesmo! Aprendeu a redesenhar um site WordPress.

Enquanto estiver aqui, poderá gostar destes tutoriais sobre WordPress e análises de plug-ins:

Não precisa de perder muito tempo a mover manualmente o seu sítio web de e para uma área de teste. Descarregue Duplicator Pro para começar a utilizar migrações de arrastar e largar!

avatar do autor
Joella Dunn Redator de conteúdos
Joella é uma escritora com anos de experiência em WordPress. Na Duplicator, ela é especialista em manutenção de sites - desde backups básicos até migrações em grande escala. O seu objetivo final é garantir que o seu site WordPress está seguro e pronto para crescer.

Divulgação: O nosso conteúdo é apoiado pelos leitores. Isto significa que, se clicar em algumas das nossas hiperligações, podemos ganhar uma comissão. Apenas recomendamos produtos que acreditamos que acrescentam valor aos nossos leitores.