Como Criar um Site de Staging do WordPress (Para Testes Seguros)

Você já passou horas em um novo recurso, apenas para que ele quebrasse seu site principal?

Um site de homologação evita isso, permitindo que você experimente e solucione problemas em um ambiente livre de riscos. Assim que estiver satisfeito com as alterações, você pode facilmente enviá-las para o seu site principal sem problemas.

Configurar um site de homologação WordPress pode parecer intimidante, mas é uma parte importante para manter seu site funcionando sem problemas. É onde você pode testar com segurança as alterações antes de torná-las públicas.

Neste tutorial, mostrarei como criar um site de homologação WordPress!

Aqui estão os principais pontos:

• Um site de homologação é um clone privado do seu site principal usado para testes e desenvolvimento seguros.
• Usar um ambiente de homologação evita que novos plugins, atualizações ou alterações de código travem seu site público.
• O Duplicator Pro tem homologação com um clique integrada diretamente no WordPress. Crie um site de homologação a partir de qualquer backup sem configuração de subdomínio, FTP ou configuração manual do banco de dados.
• Você também pode criar manualmente um site de homologação em um subdomínio e importar um backup para ele.
• Muitos provedores de hospedagem (como Bluehost e WP Engine) oferecem ambientes de homologação integrados com um clique.

Resumo Rápido: Como Criar um Site de Homologação WordPress

Sumário

Seja você um blogueiro ou proprietário de um site de e-commerce, você pode se beneficiar da criação de um site de homologação. Ele permite que você modifique seu site sem nenhum risco. 

Se você decidir fazer uma alteração significativa em seu site principal, isso pode acidentalmente quebrar sua funcionalidade. Então, você precisará passar pelo processo de restaurar seu site a partir de um backup. 

Sites de homologação agem como uma rede de segurança para o seu site WordPress.

Você pode ajustar seus arquivos, design ou outros elementos até que tudo pareça e se sinta perfeito. Como seu site de homologação será privado, quaisquer alterações não impactarão seu SEO.

Quando Usar um Site de Homologação WordPress

Veja quando você pode querer usar um site de homologação WordPress.

• Instalando Novos Temas e Plugins

Novos temas e plugins podem entrar em conflito com outros softwares instalados. Um site de homologação ajudará você a ver como qualquer novo software afetará seu site. 

• Atualizando o Core, Temas e Plugins do WordPress

Embora possa economizar tempo em seu fluxo de trabalho, você não deve atualizar seu site WordPress principal. Isso pode publicar erros visíveis para seu público. Quando você deseja evitar altas taxas de rejeição ou tempo de inatividade, é importante ter um site de homologação. 

• Solucionando Erros

Às vezes, você pode ver erros inesperados ou bugs em seu site que prejudicam a experiência do usuário. Se você quiser solucionar problemas com segurança sem causar mais problemas, use um site de staging. 

• Implementando Alterações Baseadas em Código

Um ambiente de staging pode ser um site de teste para brincar com o código, experimentar novos recursos e ajustar seu site com segurança. 

• Antes de Criar um Site WordPress

Você pode configurar um novo site de staging antes mesmo de criar um site. Você poderá projetar totalmente seu site WordPress e, em seguida, publicá-lo quando tiver um plano de hospedagem. 

Como Criar um Site de Staging no WordPress

Agora que você conhece os benefícios dos sites de staging, provavelmente vai querer criar o seu. Para aliviar suas preocupações, explicarei como criar um site de staging, passo a passo!

Aqui está o que abordaremos:

• Método 1: Crie um site de staging com um clique com o Duplicator
• Método 2: Crie um site de staging migrando uma cópia do seu site para outro servidor
• Método 3: Crie um site de staging com recursos de hospedagem integrados para configuração com um clique
• Melhores práticas de segurança para proteger seu ambiente de staging
• Como implantar alterações do staging para produção

Método 1. Crie um Site de Homologação com Um Clique Usando o Duplicator

Duplicator Pro tem staging integrado diretamente no WordPress, sem configuração de subdomínio, FTP ou configuração manual de banco de dados. Ele cria uma cópia completamente isolada do seu site em uma subpasta em seu servidor e aplica automaticamente proteções de segurança para que nada em seu site de staging possa afetar acidentalmente usuários reais.

Baixe o plugin e copie sua chave de licença exclusiva. Em seguida, abra o painel do WordPress do seu site ativo e instale o Duplicator Pro como um novo plugin.

Você precisará ativar sua chave de licença. Vá para Duplicator Pro » Configurações. Cole sua chave de licença.

Clique em Ativar.

Antes de criar um site de staging, você precisará de um backup completo do site para usar como sua origem. Adicione um novo backup e escolha a predefinição Site Completo.

Vá para Duplicator Pro » Staging e clique no botão Criar seu primeiro site de staging.

Selecione o arquivo que você acabou de criar como backup de origem. Nomeie o site de staging e escolha um esquema de cores de administrador. Isso evita que você confunda seus painéis ativo e de staging.

O Duplicator copia seus arquivos do WordPress para uma subpasta de staging e configura tabelas de banco de dados isoladas. Faça login usando suas credenciais normais do WordPress.

Cada site de staging que o Duplicator cria inclui:

• Bloqueio de e-mail: e-mails de saída são desativados para que as ações de teste não cheguem aos usuários reais
• Indexação de mecanismos de pesquisa desativada: seu site de staging não será rastreado ou indexado
• Isolamento de banco de dados: as tabelas de staging usam um prefixo exclusivo, totalmente separado do seu banco de dados de produção
• Indicador da barra de administração: rotula claramente o ambiente de staging com um link de volta para a produção

Você está pronto para fazer alterações no seu site de testes! Quando terminar de testar, você pode gerenciar, excluir ou criar novos sites de testes na página Staging do seu painel principal.

Método 2. Migre uma Cópia do Seu Site Principal para Outro Servidor

Se o seu provedor de hospedagem não tiver um recurso de site de testes com um clique, você pode facilmente criar o seu próprio site de testes. Isso envolve clonar seu site original e fazer o upload para um novo subdomínio no seu servidor.

Aqui está uma visão geral rápida do processo:

• Crie um subdomínio para o seu site de testes
• Instale um plugin de clonagem como o Duplicator no seu site principal
• Gere um backup completo do seu site principal
• Faça o upload dos arquivos de backup para o subdomínio de testes
• Crie um novo banco de dados para o site de testes
• Conclua a importação dos seus dados principais
• Adicione proteção por senha para segurança

Etapa 1: Crie a Área de Testes

Você pode configurar um site de testes diretamente no seu servidor de hospedagem. Isso evita quaisquer erros potenciais ao migrar alterações entre um servidor de testes e seu servidor principal.

Para começar, abra o painel da sua conta de hospedagem WordPress. Para este tutorial, usarei o Bluehost. Encontre Domínios » Subdomínios » Adicionar Subdomínio.

Você pode então nomear seu subdomínio como Staging e clicar em Adicionar Subdomínio.

Você também pode criar um site de testes WordPress local com serviços como Local by Flywheel, MAMP, WAMP ou XAMPP.

Etapa 2: Instale um Plugin de Clonagem WordPress 

Agora você precisará clonar seu site principal e movê-lo para o site de testes.

Para fazer isso, recomendo instalar o Duplicator Pro. Este plugin cria cópias do seu site em segundos, sendo útil para clonagem, migrações e backups.

Veja como o Rock Lobster Webdesign melhora sua eficiência de design configurando sites de testes com o Duplicator!

Para começar a usar o Duplicator, selecione uma assinatura que atenda às suas necessidades. Embora exista uma versão gratuita, as migrações de arrastar e soltar do Duplicator Pro facilitam o envio e recebimento de conteúdo do seu site de testes. 

Agora você poderá criar uma cópia do seu site e movê-la facilmente para o seu site de testes!

Etapa 3: Crie um Backup do Seu Site Principal

Com o Duplicator, você pode compilar facilmente o conteúdo do seu site principal, arquivos WordPress, plugins, temas e tabelas de banco de dados em um único arquivo de backup. Em seguida, você poderá mover todos esses dados para um site de testes.

No Duplicator, vá para Backups » Add New.

Nomeie seu backup para que você possa encontrá-lo facilmente mais tarde. Em seguida, clique em Next.

Antes que o Duplicator crie seu backup, ele fará uma varredura no seu site principal. É importante revisar quaisquer avisos para ver se eles afetarão a criação.

Para continuar, selecione Create Backup.

Após a conclusão, localize a página Backups novamente. Clique em Download » Both Files ao lado do backup que você acabou de criar.

Isso fará o download de um arquivo de arquivamento e um arquivo instalador para o seu computador.

O arquivo de backup do tipo archive conterá os arquivos e o banco de dados do seu site. O instalador é um arquivo PHP que implantará o arquivo archive quando você o adicionar ao seu site de staging.

Etapa 4: Importe seu backup para o site de staging

Depois de baixar um clone do seu site, é hora de carregá-lo no site de staging.

Para carregar arquivos em um site WordPress, você precisará de um cliente File Transfer Protocol (FTP) ou do cPanel. Qualquer uma dessas opções permitirá que você se conecte ao servidor da sua hospedagem e edite os arquivos do seu site.

Geralmente, sua empresa de hospedagem recomendará um gerenciador de arquivos específico para este processo. Eu usarei o cPanel.

Depois de fazer login, abra o diretório raiz do subdomínio que você criou. Exclua completamente todos os arquivos nesta pasta e carregue seus arquivos de backup.

Você acabou de clonar seu site para a área de staging!

Etapa 5: Crie um novo banco de dados para o site de staging

Antes de começar a editar seu site de staging, ele precisará de um novo banco de dados. O processo para criar um dependerá do seu provedor de hospedagem. 

Para usuários Bluehost, abra seu painel de controle e encontre o botão MySQL Databases .

Nomeie o banco de dados do seu novo site de staging e clique em Create Database.

Encontre a seção MySQL Users . Insira um nome de usuário e senha para o novo usuário.

Em seguida, role para baixo até ver Add User to Database . Nesta seção, selecione o novo banco de dados e o novo usuário nos menus suspensos.

Atribua todos os privilégios ao novo usuário. Isso permitirá que você controle totalmente o banco de dados. 

Etapa 6: Conclua a importação dos seus dados ao vivo

É hora de instalar o backup do seu site original no ambiente de staging do WordPress. Para fazer isso, abra uma nova janela do navegador e cole este URL:

https://subdomain.example.com/installer.php

Isso abrirá automaticamente o assistente de instalação do Duplicator. Em Setup, insira os detalhes do seu novo banco de dados.

Em seguida, clique no botão Validate . Certifique-se de revisar quaisquer avisos antes de aceitar os termos e condições.

Assim que a instalação for concluída, faça login no seu site de staging.

Clique em Admin Login para começar a editar a versão clonada do seu site de produção!

Etapa 7: Adicione proteção por senha para segurança extra

Para garantir que mais ninguém possa acessar seu site de staging, considere adicionar proteção por senha. Isso ocultará a área de desenvolvimento dos mecanismos de busca e do público. 

Para fazer isso com o Bluehost, navegue até Advanced » Directory Privacy no seu painel de controle.

Encontre a pasta do subdomínio. Em seguida, marque a caixa ao lado de Password protect this directory .

Adicione um nome para o diretório protegido. Escolha um nome de usuário e senha para que você possa acessar o site.

Depois de salvar essas alterações, você será o único que poderá editar seu site de staging!

Método 2. Crie um site de staging com sua hospedagem

Alguns provedores de hospedagem WordPress permitem que você crie sites de staging com um clique. Esta é uma maneira simples de clonar seu site e hospedá-lo no mesmo servidor.

Vou mostrar como criar sites de staging com Bluehost, SiteGround e WP Engine. Se você tiver um provedor de hospedagem diferente, precisará verificar se ele oferece um recurso de staging integrado.

Criando um Site de Staging com Bluehost

Todos os planos de hospedagem Bluehost suportam staging com um clique. Tudo o que você precisa fazer é fazer login no seu painel do WordPress e encontrar a página Staging da Bluehost.

Em seguida, clique no botão Criar Site de Staging. A Bluehost criará automaticamente seu site de staging!

Sempre que precisar, você pode alternar do seu site de produção para a área de staging.

Você verá uma cópia clonada de todo o seu site. Na parte superior da página, haverá uma barra vermelha marcando-a como o Ambiente de Staging.

Continue fazendo quaisquer alterações sem se preocupar que elas afetem seu site ativo. Quando estiver pronto para implantá-las, vá para Bluehost » Staging e clique em Implantar Todas as Alterações.

Criando um Site de Staging com SiteGround

Se você é um usuário SiteGround, comece fazendo login no seu painel de controle de hospedagem. Clique na guia Websites e em Site Tools.

Navegue até WordPress » Staging. Selecione seu site e crie um nome para o site de staging. Finalmente, clique em Criar.

Para impedir que usuários não autorizados acessem seu conteúdo de staging, adicione proteção por senha. Em sua conta SiteGround, clique em Ir para URLs protegidos. Em seguida, adicione um nome de usuário e senha para o site de staging.

Agora você pode fazer login no seu novo site de staging.

Para enviar quaisquer alterações de staging para o seu site ativo, volte a esta página no seu painel de controle. Clique no ícone de três pontos e em Deploy Completo.

Criando um Site de Staging com WP Engine

WP Engine é outro provedor de hospedagem WordPress que inclui staging com um clique em todos os seus planos. Para começar, selecione seu site no painel de controle da WP Engine.

Em seguida, clique em Adicionar Staging.

Na lista de opções, escolha Copiar um ambiente existente para este site. Selecione o site de produção que você deseja clonar.

Nomeie o site de staging. Certifique-se de que o Tipo de Ambiente seja Staging.

Assim que seu site de staging for criado, adicione proteção por senha. Simplesmente vá para Staging e clique no ícone do cadeado.

Encontre a guia Utilitários e copie o nome de usuário e a senha para o seu painel de staging.

Para começar a editar o site de staging, clique em WP Admin.

Quando estiver pronto para enviar suas alterações para o ar, clique em Copiar ambiente.

Finalmente, escolha o site de staging como o Ambiente de Origem. O Ambiente de Destino deve ser o seu site ativo.

Perguntas Frequentes (FAQs)

Faça do Staging uma Parte Padrão da Sua Rotina

Pronto! Você criou seu site de staging do WordPress.

Agora que você configurou o staging, é importante tratá-lo como uma etapa regular em sua lista de verificação de manutenção de sites.

Em vez de torcer pelo melhor ao atualizar um plugin ou alterar código, você agora pode verificar tudo com segurança nos bastidores. Esse hábito simples protege a reputação da sua marca e garante que seus visitantes nunca encontrem uma página quebrada.

Dica Profissional: Lembre-se sempre de atualizar seu site de staging antes de iniciar uma nova rodada de testes. Se o seu ambiente de staging tiver vários meses, ele não refletirá com precisão como as novas alterações se comportarão no seu site ativo atual. Use o Duplicator para substituir rapidamente sua área de staging por uma cópia recente do seu site de produção antes de começar a trabalhar.

Pronto para configurar seu primeiro site de staging? Duplicator Pro permite criar um ambiente de teste isolado a partir de qualquer backup sem um subdomínio, FTP ou configuração manual de banco de dados!

Enquanto você está aqui, você também pode gostar destes tutoriais extras do WordPress:

• Como Migrar um Site WordPress Grande (Do Jeito Fácil)
• 9 Melhores Plugins de Staging WordPress (+ Nossas Análises Especializadas)
• Como Migrar um Site WordPress Manualmente
• 11 Tarefas de Manutenção do WordPress que Você Não Vai Querer Esquecer
• 9 Melhores Plugins de Backup do WordPress
• Como Migrar um Site WooCommerce