X

Como Configurar um Site de Staging no WordPress (Guia para Iniciantes)

Como criar um site de staging no WordPress

Você quer configurar um site de staging do WordPress?

Um site de staging do WordPress é um clone do seu site ativo onde você pode testar novos recursos, temas e plugins antes de implementá-los no site ativo. Dessa forma, você pode corrigir bugs e testar alterações antes de adicioná-las ao seu site ativo.

Neste tutorial, mostraremos como configurar corretamente um site de staging do WordPress.

Configurando um Site de Staging do WordPress

Alguns provedores de hospedagem web oferecem uma configuração de staging com 1 clique, que é a maneira mais fácil e recomendada de configurar um site de staging.

Bluehost, WP Engine e SiteGround são alguns dos poucos provedores de hospedagem que oferecem configuração de staging com 1 clique. Se o seu provedor de hospedagem web não oferece configuração de staging com 1 clique, então você pode querer migrar sua hospedagem para um host web que ofereça uma opção de staging. Alternativamente, você também pode criar um site de staging com um plugin do WordPress ou até mesmo manualmente.

Aqui está um índice do que abordaremos neste tutorial:

Como Criar um Site de Staging com um Plugin do WordPress

Duplicator é um poderoso plugin de backup do WordPress que pode ser usado para criar um backup ou migrar seu site.

Duplicator

Ele usa um processo de criação de um pacote dos arquivos e banco de dados do seu site. Você pode então armazenar este pacote com segurança na nuvem ou em seu computador local para ter sempre uma cópia do seu site.

Você também pode usar este pacote para criar um clone ou um site de staging.  

Para criar um site de staging usando o Duplicator, você precisa ter acesso ao cPanel da sua hospedagem web.

Dito isso, mostraremos como criar um site de staging onde você terá controle total sobre o ambiente.

Passo 1: Crie um Subdomínio

Primeiro, você precisará criar um subdomínio para o seu site de staging junto ao seu provedor de hospedagem. Para este tutorial, usaremos o Bluehost. 

No seu painel do Bluehost, vá para Domínios » Subdomínios. Na próxima página, insira um novo nome de subdomínio para o seu site de staging. Use algo que seja fácil de distinguir e específico para a tarefa, como "staging", e clique em Adicionar Subdomínio

duplicator staging criar subdomínio

O URL do seu site de staging será algo como "staging.meusite.com". Assim que você criar um subdomínio, será redirecionado para a lista de subdomínios do seu site.

duplicator staging subdomínios

Em seguida, ainda no painel do Bluehost, vá para o menu Avançado, que o redirecionará para o seu cPanel.

duplicator staging abrir cpanel

No seu cPanel, navegue até a aba Bancos de Dados e, em seguida, vá para Bancos de Dados MySQL

duplicator staging mysql

Aqui, crie um novo banco de dados. Sugerimos que você dê um nome que possa associar rapidamente ao seu site de staging, como "staging". Clique em Criar Banco de Dados e deixe a página recarregar.

duplicator staging criar banco de dados

Em seguida, adicione um novo nome de usuário e senha para o seu novo perfil. Clique em Criar e deixe a página recarregar novamente.

duplicator staging adicionar usuário

Role para baixo nesta página para ver uma opção para conectar o usuário e o banco de dados. Você deverá ver uma lista de nomes de usuário e bancos de dados que você criou em um menu suspenso. Selecione o nome de usuário e o banco de dados que você acabou de criar e clique em Adicionar.

duplicator staging adicionar usuário ao banco de dados

Em seguida, você será redirecionado para uma página de Privilégios. Conceda Todos os Privilégios e Prossiga para Fazer Alterações

duplicador staging conceder privilégios

Parabéns! Você configurou com sucesso um subdomínio. 

Passo 2: Configurar o Duplicator

Com seu subdomínio pronto, vamos para o painel do WordPress para configurar o Duplicator. Observe que tanto a versão gratuita quanto a premium do Duplicator podem ajudá-lo a criar um site de staging, pois o recurso está disponível em ambas. 

Configurar ambas as versões gratuita e premium do Duplicator é rápido e direto. Siga nosso tutorial sobre como configurar um plugin se precisar de ajuda com qualquer uma delas.

Assim que instalar e ativar o plugin, vá para Duplicator » Pacotes e Crie um novo pacote. 

duplicator criar pacote

Na página seguinte, o Duplicator executará testes para garantir que não haja erros e que seu site esteja pronto para clonagem. Se todos os testes forem bem-sucedidos, você deverá ver "Bom" escrito em verde ao lado de cada linha de texto. Agora prossiga para Construir

duplicador build

Aguarde alguns minutos para o Duplicator criar os arquivos; a página deve recarregar automaticamente após a conclusão. Em seguida, baixe o Arquivo de Pacote e o Instalador de Pacote. 

duplicator staging download package

Apenas uma breve visão geral: Os arquivos do seu site residem no Arquivo de Pacote. Por outro lado, o Instalador de Pacote nos ajudará a instalar o site de staging sem configurar o WordPress ou configurar nada. Isso torna relativamente mais fácil criar um site de staging manualmente. Tais recursos são apenas alguns dos benefícios de usar o Duplicator para criar um site de staging e, de fato, para migrar e fazer backup de um site.  

Etapa 3: Configurar o Site de Staging

Com nosso Arquivo de Pacote e Instalador de Pacote prontos, precisaremos carregá-los no subdomínio do nosso site de staging em seguida. 

Podemos usar o cPanel ou um cliente FTP. Usar um cliente FTP como o Filezilla pode exigir mais experiência com o WordPress. No entanto, um cliente FTP é uma excelente maneira de carregar grandes bancos de dados sem uma mensagem de erro. 

Para este tutorial, usaremos o cPanel. No entanto, confira este tutorial se você quiser aprender como usar um portal FTP para mover os arquivos em vez disso.

Faça login no seu cPanel diretamente ou através do painel de hospedagem, selecionando Avançado. Em seguida, vá para a aba Arquivo e encontre Gerenciador de Arquivos, que abrirá uma lista de arquivos.

duplicador staging gerenciador de arquivos

Na lista de arquivos à sua esquerda, encontre a pasta raiz, ‘public_html’. Nesta pasta, role e encontre a pasta do site de staging. 

public html no cPanel

Exclua tudo nesta pasta, em seguida, encontre a aba Upload na parte superior da página. Assim que você a selecionar, será redirecionado para fazer o upload do Arquivo de Arquivo Compactado e do Instalador de Arquivo Compactado. 

duplicador staging upload de arquivos subdomínio

E pronto! Você criou com sucesso um site de staging. 

Rota Alternativa do Cliente FTP: Lembre-se que os processos de uso do seu cPanel e de um portal de cliente FTP são os mesmos ao transferir arquivos de staging. Você ainda irá para o arquivo raiz public_HTML, encontrará a pasta do subdomínio, excluirá tudo e, finalmente, fará o upload do Arquivo de Arquivo Compactado e do Instalador de Arquivo Compactado para o seu site de staging através de um portal FTP.

Etapa 4: Implantação do Site de Staging 

Com o site de staging pronto, abra o URL do seu subdomínio em uma nova aba. Insira no URL:

“https://seusubdominio.example.com/installer.php

Para o exemplo que usamos neste tutorial, deve parecer algo como:

“https://staging.meusite.com/installer.php”

Substitua ‘staging’ pelo nome do subdomínio que você criar e substitua ‘meusite’ pelo nome do seu domínio. Assim que você pressionar Enter, este URL deverá redirecioná-lo para o assistente de instalação do Duplicator.

Vá para Configuração e use as informações do banco de dados que você criou anteriormente para preencher esta seção e Validar.

instalador duplicador

O Duplicator executará seu processo de validação para verificar erros. Assim que terminar e todos os testes passarem, prossiga para Próximo

duplicador staging validação de importação

A próxima etapa é automatizada; o Duplicator descompactará seus arquivos do WordPress e fará o upload do seu banco de dados para o seu site de staging. Assim que concluído, você verá uma página mostrando os resultados da sua instalação.

Em seguida, faça login no painel do WordPress do seu site de staging e execute testes.

duplicador staging login de clone de site

Você concluiu a criação manual de um site de staging usando o Duplicator. 

Teste novos plugins, verifique ameaças de segurança, teste a experiência do usuário e execute quaisquer outros testes que você precise em seu site de staging.

Mas lembre-se, mencionamos que configurar manualmente um site de staging oferece melhor segurança. Portanto, adicionaremos uma senha para proteger nosso subdomínio e diretório de staging. 

Vá para o cPanel; na seção Files, selecione Directory Privacy

duplicador staging definir senha

Em seguida, abra o arquivo raiz ‘public_html’ e encontre o arquivo do seu subdomínio. Selecione editar e prossiga.

Na próxima página, você marcará a caixa que diz “Password protected this directory” (Proteja este diretório com senha). O nome da pasta do subdomínio de staging deve aparecer na barra abaixo da caixa de seleção automaticamente. Clique em Save (Salvar).

duplicador staging diretório de senha

Agora, quando alguém tentar acessar seu diretório através de um navegador, será solicitado que insira o nome de usuário e a senha do perfil.

duplicador staging privacidade do diretório

Etapa 5: Mover Alterações do Staging para o Site Principal

É essencial criar um backup do seu site principal antes de implantar as alterações do staging. Isso garantirá que você possa recuperar seu site em caso de qualquer imprevisto. 

Confira este tutorial se você quiser aprender como fazer backup do seu site com o Duplicator ».

Para mover suas alterações do staging para o seu site principal, primeiro, você precisa fazer backup do seu site de staging.

No site de staging, certifique-se de ter o Duplicator instalado. Em seguida, vá para Duplicator » Pacotes e crie um pacote.

Assim que estiver pronto, baixe o pacote, que inclui tanto o Arquivo de Pacote quanto o Instalador do Pacote

duplicator staging download package

Mova para o painel do WordPress do seu site principal. Vá para a página Duplicator Pro » Importar.

Arraste e solte o arquivo de pacote baixado nesta caixa de importação.

duplicator importar

Em seguida, você poderá ver os detalhes sobre o pacote carregado. Para importá-lo, clique em Continuar.

E você terminou! Você criou e implantou seu site de staging e finalmente carregou as alterações para o seu site principal. 

Como Criar um Site de Staging no Bluehost

Bluehost é uma das maiores empresas de hospedagem atualmente que oferece um processo de criação de site de staging com 1 clique. Esta solução de staging com 1 clique está disponível em todos os pacotes Bluehost. 

Oferta Bluehost para usuários IsItWP

Com um plano Bluehost, você pode fazer login no painel da sua conta. Aqui, você deverá ver um menu Bluehost à esquerda do seu painel WordPress. Em seguida, vá para Staging

bluehost live staging configuração

Abaixo da seção Site de Produção, há uma seção Site de Staging com um botão para “Criar site de staging”. Ao clicar nele, uma nova janela pop-up aparecerá.

Isso solicitará que você confirme se deseja criar um clone do seu site. 

bluehost live staging confirmar clone

Em seguida, outro pop-up perguntará se você deseja Mudar para Staging do site de produção atual.

bluehost live staging alternar para staging

O Bluehost o guiará pelo assistente de staging e criará o ambiente de staging para você. Após a conclusão do processo, seu painel do WordPress deverá recarregar. 

Agora, você deverá notar um botão vermelho na parte superior do seu painel do WordPress, indicando que você está no site de staging.  

bluehost live staging iniciado

Nesta fase, você pode usar este site clonado para fazer alterações e testar o que precisar. Com tranquilidade, experimente novos recursos, altere a estrutura do seu site, teste atualizações e verifique problemas de segurança sem afetar seu site principal.

Quando estiver pronto para implementar essas alterações, como antes, vá para Bluehost » Staging no seu painel do WordPress e selecione o botão ‘Site de Produção’. 

bluehost staging ao vivo de volta ao site de produção

Uma janela pop-up aparecerá em seguida, pedindo para você Confirmar Implantação

bluehost staging ao vivo confirma implantação

Em seguida, outro pop-up perguntará se você deseja mudar para o Ambiente de Produção para concluir o processo. 

bluehost staging ao vivo muda para produção

Deixe seu painel do WordPress recarregar. Você notará que o botão vermelho de staging na parte superior do seu painel do WordPress desaparecerá, indicando que você está no site ao vivo novamente.

Todas as alterações que você fez durante o staging agora também devem estar ao vivo!

bluehost staging ao vivo de volta ao site de produção

Parabéns! Você agora usou o Bluehost para criar um site de staging.

Como Criar um Site de Staging no WP Engine

WP Engine é uma das melhores empresas de hospedagem WordPress gerenciada. Com o WP Engine, você não precisa se preocupar com a segurança, desempenho, velocidade e backup do seu site, pois a plataforma deles vem com todos esses recursos.

Além disso, cada plano do WP Engine também oferece configuração de ambiente de staging com 1 clique.

Para configurar o site de staging no WP Engine, você precisa fazer login no seu painel WP Engine e clicar no seu site para o qual deseja criar um site de staging.

WP Engine Adicionar Site

Depois disso, clique na opção Adicionar Staging para criar um ambiente de staging.

Comece inserindo um nome para o seu novo site de staging. Clique no botão Criar Ambiente para iniciar seu site de staging.

WP Engine Nome do Site

O novo site de staging será um site WordPress em branco. Você pode alternar para o seu site de produção no menu à esquerda.

Para clonar o conteúdo do seu site de produção no seu site de staging, você precisa clicar no botão Copiar Para e clicar na opção Staging.

Produção para staging

Em seguida, escolha um ponto de backup e clique no botão Pré-visualizar Cópia para continuar para a próxima etapa.

WP Engine Copiar Pré-visualização

Em seguida, você verá um pop-up que solicita a confirmação de que deseja copiar o conteúdo do site ao vivo para o ambiente de staging. Clique no botão Copiar Ambiente.

WP Engine Copiar Ambiente

Pronto! Você configurou um site de staging no WP Engine e clonou o conteúdo do seu site de produção com sucesso.

Migre Seu Site de Staging para o Site Ao Vivo no WP Engine

Primeiro, navegue até Staging » Pontos de Backup no menu à esquerda. Em seguida, clique no botão Fazer Backup Agora.

WP Engine Pontos de Backup

Um pop-up solicitará que você insira a descrição do backup e um endereço de e-mail para enviar uma notificação quando o backup estiver pronto.

WP Engine Backup de Staging

Clique no botão Criar Backup de Staging para continuar.

Assim que o backup for processado, você pode prosseguir e clicar na opção Copiar Para.

WP Engine Implantar Produção

Agora, escolha o ponto de backup que você adicionou ao configurar o ambiente de staging e clique no botão Pré-visualizar Cópia.

WP Engine Staging para Produção

Um pop-up será aberto onde você precisará confirmar que deseja mover seu site de staging para o site ao vivo. Clique no botão Copiar Ambiente para continuar.

WP Engine Confirmar Cópia do Ambiente

Você receberá uma notificação em seu endereço de e-mail quando o processo de migração for concluído.

Como Criar um Site de Staging no SiteGround

SiteGround é uma empresa líder em hospedagem web no mercado que também oferece configuração de site de staging com 1 clique em seus planos premium: GrowBig e GoGeek.

Se você assinou a SiteGround com qualquer um desses planos de hospedagem, é fácil configurar um site de staging para você.

Comece fazendo login na sua conta SiteGround e clique no botão Site Tools. A partir daí, você precisa visitar WordPress » Staging no menu à esquerda.

SiteGround Staging

Em seguida, insira o nome do seu site de staging e clique no botão Create.

Criar Staging do SiteGround

Em alguns segundos, você verá uma mensagem de sucesso e seu site de staging estará pronto. Você pode rolar para baixo até a seção Manage Staging Copies e clicar no ícone de seta para fazer login na área de administração do WordPress do seu site de staging.

Pronto! Você criou com sucesso um site de staging. Você está pronto para começar a implementar novos recursos e testar bugs.

Migre Seu Site de Staging para o Site Ao Vivo na SiteGround

Quando terminar de fazer alterações no ambiente de staging, você pode prosseguir e migrar seu site de staging para o site ao vivo.

Para fazer isso, vá para WordPress » Staging no seu painel SiteGround Site Tools. Em seguida, role para baixo até encontrar a seção Manage Staging Copies.

Encontre a cópia de staging que você criou na etapa anterior e clique nos 3 pontos verticais ao lado dela. Agora, clique na opção Full Deploy.

Implantar Staging Completo

Agora você precisará confirmar a implantação. Em seguida, clique no botão Confirm para continuar.

Confirmar implantação

Você precisa esperar alguns minutos para que o processo seja concluído e, em seguida, verá uma mensagem de sucesso.

Esperamos que este artigo tenha ajudado você a aprender como configurar um site de staging WordPress. Em seguida, respondemos a algumas perguntas frequentes

FAQs: Como Configurar um Site de Staging WordPress

Um site de staging e um site de desenvolvimento são a mesma coisa?

Um site de staging é essencialmente um clone do seu site ativo onde você pode testar alterações, atualizações ou novos recursos antes de implementá-los no site ativo. É uma salvaguarda contra possíveis erros ou problemas que poderiam interromper seu site ativo. Um site de desenvolvimento é usado principalmente por desenvolvedores para codificar e criar recursos ou funcionalidades totalmente novos. É onde o trabalho inicial acontece antes de estar pronto para testes no site de staging. 

O que é melhor, fazer staging localmente ou fazer staging de um site ativo?

Ao fazer o staging de um site ativo, você replica o ambiente e as condições reais do servidor, tornando mais provável a descoberta de quaisquer problemas ou conflitos relacionados ao servidor que possam surgir quando as alterações entrarem em vigor. O staging local, embora útil para alguns testes, pode não capturar todos os problemas potenciais que poderiam ocorrer no ambiente ativo.

Qual é a diferença entre UAT e um ambiente de staging?

O ambiente de staging é onde as alterações e atualizações são testadas minuciosamente pela equipe de desenvolvimento antes de serem implantadas no site ativo. É principalmente uma fase de teste interna para capturar e resolver problemas. O UAT, por outro lado, é a fase de Teste de Aceitação do Usuário, onde usuários reais ou partes interessadas avaliam o site em staging quanto à usabilidade e funcionalidade. O UAT garante que o site atenda às expectativas e requisitos dos usuários finais antes de entrar em vigor. O plugin Duplicator pode ser inestimável para configurar e gerenciar ambientes de staging e UAT.

QA e staging são a mesma coisa?

Staging é uma fase onde alterações ou atualizações são rigorosamente testadas em um ambiente que espelha o site ativo, com o objetivo de identificar e corrigir quaisquer problemas ou bugs. QA, por outro lado, é um processo mais amplo que abrange várias fases de teste, incluindo staging. QA inclui atividades como teste funcional, teste de regressão, teste de desempenho e muito mais para garantir a qualidade e confiabilidade geral do site. Staging é parte do processo de QA. Ele se concentra nos aspectos técnicos de teste de alterações antes que elas sejam aceitas para testes de QA mais amplos. O plugin Duplicator pode ser uma ferramenta valiosa para criar ambientes de staging estáveis e seguros, contribuindo para um ótimo processo de QA.

Um backup pode ser usado como alternativa a um site de staging?

Um backup pode ser considerado uma alternativa parcial a um site de staging em certos cenários. Backups capturam um instantâneo do seu site ativo em um ponto específico no tempo, permitindo que você o restaure se algo der errado durante as alterações. No entanto, backups não possuem as capacidades de teste interativo de um site de staging. Sites de staging fornecem um ambiente controlado para testar e refinar ativamente as alterações sem afetar seu site ativo. Embora backups ofereçam uma rede de segurança, sites de staging são preferíveis para testes e desenvolvimento abrangentes. Eles permitem que você faça, avalie e aperfeiçoe as alterações antes de aplicá-las ao site ativo.

Esperamos que você tenha gostado de aprender mais sobre como criar um site de staging. Aqui estão 8+ Melhores Construtores de Páginas e Construtores de Temas do WordPress para ajudar a melhorar sua experiência no WordPress.

Além disso, aqui estão alguns recursos adicionais que achamos que seriam benéficos para você. 

Os dois primeiros artigos ensinarão mais sobre testes e sites de staging. Enquanto o último artigo o ajudará a comparar recursos específicos de backup de alguns dos melhores plugins de backup da atualidade. 

Comentários   Deixe uma Resposta

Adicionar um Comentário

Ficamos felizes que você escolheu deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Checklist de Lançamento WordPress

O Checklist Definitivo para Lançamento de WordPress

Compilamos todos os itens essenciais da lista de verificação para o lançamento do seu próximo site WordPress em um e-book prático.
Sim, envie-me o eBook Gratuito!