Um ambiente de teste WordPress que os usuários adoram usar!

Criar um site de teste do WordPress é uma ideia excelente para testar mudanças sem afetar o site ao vivo.

Se você é uma agência ou um desenvolvedor individual, um ambiente de teste WordPress é uma ótima maneira de acelerar o fluxo de trabalho de desenvolvimento e entregar maquetes para seus clientes antes do prazo. Depois que tudo estiver no lugar e os clientes aprovarem os designs, você pode empurrar tudo para viver um site com o clique de um botão.

Agora que você está convencido de que deseja desenvolver seu site em um ambiente de teste, vamos ver como você pode implantar um.

Existem algumas maneiras de criar um site de teste do WordPress. Por exemplo, você pode optar por um plugin de teste do WordPress como “WP Staging”, BlogVault ou procurar uma hospedagem WordPress gerenciada com teste para construir um site inteiro antes de colocá-lo no ar.

Neste guia, discutirei essas duas maneiras de configurar um ambiente de teste.

O que é o ambiente de teste do WordPress?

Um ambiente de teste, também conhecido como site ou área de teste, é uma réplica exata do seu site ativo. Você pode primeiro testar as alterações (e melhorias) no site de teste sem perturbar o site ao vivo. Depois que tudo estiver funcionando perfeitamente, basta “enviar” ou implantar as alterações no site ativo.

Como você pode construir sites de teste do WordPress?

Cada site WordPress lançado no Cloudways vem com seu próprio ambiente de teste. Assim que terminar de trabalhar no site de teste, aponte um domínio e / ou envie as alterações para o site ativo usando o ambiente de teste Cloudways ou um plugin de teste WordPress de terceiros.

Hospedagem WordPress com Staging

Em Cloudways, lançar um servidor baseado em WordPress é uma questão de alguns cliques. Suponho que você já tenha uma conta na Cloudways. Se não, crie um a partir daqui.

Depois que a conta for verificada, faça login na plataforma Cloudways e clique em Iniciar .

Você será questionado sobre o servidor e o aplicativo que deseja iniciar.

Neste exemplo, escolhi WordPress como o aplicativo e DigitalOcean como uma hospedagem WordPress com um servidor de teste. Se desejar, você pode escolher qualquer um dos cinco provedores de hospedagem em nuvem para iniciar o servidor de teste do WordPress.

Acesse o site de teste do WordPress

Assim que o site de teste do WordPress for lançado, visite o site do WordPress navegando até a guia Aplicativos e selecione o aplicativo WordPress.

Deixe-me definir os rótulos:

1. Obtém a lista de todos os aplicativos hospedados por esta conta.
2. Este é o site de teste do WordPress. Você pode ver os detalhes necessários.
3. O botão do URL padrão para acessar o site de teste do WordPress.
4. Menu expansível com mais opções para o site.
5. Você pode lançar mais de um site de teste do WordPress em um único servidor.

Quando o site de teste do WordPress carregar, você verá uma tela semelhante à seguinte:

Esta é a tela de gerenciamento de aplicativos , onde você pode sujar as mãos. Os rótulos são bastante diretos. No entanto, se você quiser mais detalhes, verifique o passo a passo da tela Gerenciamento de aplicativos.

Acesse o servidor de teste do WordPress

Depois que o servidor de teste foi iniciado, você pode acessar o servidor a partir da barra de menu superior.

Deixe-me definir os rótulos:

1. Obtenha uma lista de servidores hospedados por esta conta.
2. Detalhes do servidor de teste.
3. O número de aplicativos (WordPress, PHP, Magento, etc.) hospedados neste servidor.
4. Menu expansível com mais opções para o servidor.
5. Semelhante à opção de hospedar vários sites em um servidor, você pode iniciar vários servidores em uma única conta Cloudways.

Aponte o domínio

Seu site de teste do WordPress agora está pronto para a ação.

Agora você pode construí-lo com confiança e, uma vez feito, apontar o domínio, instalar o certificado SSL gratuito e colocar o domínio no ar.

Observação: presumo que você construiu seu site WordPress e o tornou ativo apontando o domínio. Na imagem acima, verifique o terceiro ponteiro, renomei WP_Staging para Live_WP .

Criar teste para o site ao vivo e alterações push / pull

Neste ponto, você criou um ambiente de teste, construiu um site WordPress e o colocou no ar. Se desejar, você pode adicionar novos temas / plug-ins ou fazer upload de seu próprio código personalizado. O site de teste oferece uma grande oportunidade de testar e avaliar antes de fazer qualquer alteração no site ao vivo. Isso reduz muito as chances de um site da Web danificado devido a alterações não testadas no site.

Para criar um ambiente de teste de seu site ao vivo, você precisa cloná-lo no mesmo ou em outro servidor.

Clone WordPress Live Site

Se você administra uma agência da web ou deseja criar sites WordPress para seus clientes, o recurso de clonagem pode atender a todas as suas necessidades. Sempre que seu cliente exigir a personalização do site, você pode começar clonando o site do WordPress ativo, testando as alterações e, em seguida, enviá -las para o site ativo.

Vamos percorrer o processo de criação de um clone / teste para um site WordPress ativo.

Navegue até a guia Aplicativos na barra de menu superior esquerda, procure seu WordPress ativo e clique em ( ⋮ ) para acessar outras opções. No menu que é aberto, selecione Clonar aplicativo / Criar teste .

Observação: nomeei meu aplicativo WordPress ao vivo como “ Live_WP ”.

Neste ponto, serão feitas duas perguntas : o servidor em que deseja clonar ou criar o site de teste e se deseja apenas clonar o site ou se deseja criar o site de teste para seu site ativo.

IMPORTANTE : Lembre-se de marcar a caixa de seleção “ Criar como teste ” ao criar um site de teste. Há uma pequena, mas significativa diferença entre clonar e preparar um aplicativo:

1. 1. Clone cria uma réplica do aplicativo. No entanto, não haverá sincronização entre o aplicativo original e o clonado.
   2. O teste também cria uma réplica do aplicativo. No entanto, os aplicativos ativos e de réplica estão sincronizados . Além disso, você pode executar ações Push & Pull nas versões ao vivo e réplica.

Como alternativa, as versões Clone / Staging também podem ser criadas acessando o aplicativo. Uma vez dentro, passe o mouse sobre o botão laranja inferior direito e selecione Clonar aplicativo / Criar teste.

E você está pronto para ir!

O processo leva alguns minutos para criar o teste do seu site WordPress ativo. Uma vez feito isso, você encontrará o site WordPress clonado na guia Aplicativos com o rótulo “ teste ” ao lado do nome do aplicativo real.

Agora, o site de teste do WordPress está pronto e você pode ir em frente e brincar com o site do WordPress.

Vamos mergulhar um pouco mais fundo.

Gerenciamento de teste para o aplicativo Live

Acesse o aplicativo WordPress ao vivo e você verá um novo item de menu com o rótulo “ Gerenciamento de teste ” no menu à esquerda. É assim que parece:

Você pode ver os três botões / opções a seguir:

• Puxar: puxe as alterações do site de teste para o site ativo.
• Push: Envie as alterações do site ao vivo para o site de teste.
• Exibir registros: Visualize os registros das ações de envio / recebimento de registros.

Gerenciamento de teste para o local de teste

Vá para o site de teste do WordPress e você verá um novo item de menu com o rótulo “ Gerenciamento de teste ” no menu à esquerda.

As opções são semelhantes às encontradas no aplicativo WordPress ao vivo. Depois de concluir as alterações no site de teste do WP e estiver confiante o suficiente para enviar as alterações para o site ao vivo, basta tocar no botão Push . Você será solicitado:

• Arquivos do aplicativo da Web: copie as alterações do arquivo do site de teste para o site ativo.
• Banco de dados: isso substituirá o banco de dados do site Live. (TENHA CUIDADO - Você pode perder dados importantes se tiver feito alterações no nível do banco de dados no site ativo durante este período)
• Backup: faça backup do seu site ao vivo antes de mover os dados do site de teste. Ao optar por um backup, você verá um botão Rollback no Live Application.

Da mesma forma, o botão Pull puxa as alterações do site Live para o site de preparo.

PS: Aqui está um guia de leitura obrigatória com notas importantes sobre o ambiente Cloudways Staging.

Estenda o recurso de clonagem

Cloudways não restringe você apenas a aplicativos de clonagem. Você também pode clonar e / ou até mesmo transferir servidores para outra conta no Cloudways.

• Servidor clone: Crie uma cópia de um servidor inteiro para a mesma conta.
• Servidor de transferência: Você pode transferir um servidor para outra conta Cloudways contendo o mesmo endereço IP do servidor.

Os recursos acima podem ser usados ​​como um servidor de teste e são muito úteis se você possui uma agência e / ou cria sites WordPress para seus clientes.

Se você é um desenvolvedor e usa um editor de código para se comunicar diretamente com o Git e implantar mudanças, eu sugeriria a leitura deste excelente artigo sobre como conectar o Sublime com Git e implantar mudanças em sites ativos.

Plug-in de teste do WordPress

Vários plug-ins como BlogVault, WP Staging e WP Migrate DB também são escolhas populares para a criação de um site de teste do seu site ao vivo, teste de alterações e push.

Faça login no seu site WordPress ativo, navegue até Plugins -> Adicionar Novo e pesquise por WP Staging ou WP Migrate DB .

Neste guia, usarei o plugin WP Staging. Portanto, para continuar, instale e ative o plugin.

O plug-in WP Staging solicitará que você obtenha a versão profissional ou apenas clique no hiperlink Skip - Start Cloning . Antes de continuar, não se esqueça de fazer backup do seu site WordPress.

Clique no botão Criar novo site de teste . Isso o levará para a tela de configuração. Digite o nome do site de teste e explore as outras opções para escolher o que deseja clonar.

Não se esqueça de verificar o espaço livre em disco , especialmente se você tiver um grande site ativo.

Agora, clique no botão Iniciar clonagem .

O site WP Staging será criado em alguns minutos, e você pode fazer login no painel com as credenciais de administrador do seu site ativo.

Agora teste as alterações sem afetar o site ao vivo. No entanto, enviar as alterações de volta para o site ativo NÃO está disponível na versão gratuita .

Se você não quiser pagar pela versão Pro, vá em frente e aproveite as vantagens do ambiente de teste de site push / pull completo oferecido pela Cloudways.

Migrar site WordPress

Os recursos do Cloudways Staging Environment parecem interessantes?

Quer experimentar o ambiente de teste do site WordPress? Bem, nós cuidamos de VOCÊ . Você pode facilmente migrar um site WordPress para Cloudways usando nosso “WordPress Migrator Plugin”.

Nossas práticas recomendadas para sites de teste

Agora que você aprendeu como criar um ambiente de teste, existem algumas coisas cruciais que você precisa observar antes de realmente assumir a tarefa. Isso inclui backups, emails, caches, bancos de dados e muito mais. Leia-os com atenção para garantir que o processo de teste do WordPress seja tranquilo e não cause perda de dados valiosos.

Faça um backup completo

O backup completo inclui todos os arquivos e banco de dados e o backup em seu servidor ou em um local externo, onde pode ser recuperado a qualquer momento. Em contraste com isso, está o backup parcial, que não inclui todos os arquivos de tema, arquivos de plug-in, arquivos de mídia e o banco de dados. Observe também que fazer um backup imediato antes de começar a trabalhar no teste é crucial porque pode levar dias até que o backup automático ocorra. Portanto, se as coisas derem errado e você quiser voltar para a versão mais recente do seu site, é essencial fazer um backup imediato.

Limpe o seu cache

Como alguém que já trabalha há muito tempo com sites, cache é algo que ainda me incomoda com mudanças de sites. Uma ocorrência comum é que fazemos alterações no site, colocamos no ar e verificamos que nada mudou. Após horas de coçar a cabeça, percebemos que é o cache que está mostrando a versão anterior e precisamos limpá-lo para ver as alterações.

Recomendamos que você limpe seu cache ao enviar suas novas alterações para o site ativo para que possa ver as alterações sem qualquer demora.

Mantenha seu banco de dados de produção separado do banco de dados de teste

Você nunca deve interferir no seu banco de dados de produção, porque se isso for bagunçado, todo o seu site corre o risco de quebrar. Isso significa que, se você estiver trabalhando em um ambiente de preparação, uma coisa que nunca deve fazer é misturar o banco de dados de preparação com seu banco de dados de produção, sobrescrevendo o último.

Não dê acesso público ao local de teste

Sempre considere seus sites de teste do WordPress como ambientes controlados onde você conduz seus experimentos e ele precisa ser mantido em um lugar secreto onde ninguém pode encontrá-lo. Isso significa que você precisa não indexá-lo e nem segui-lo para que ele não apareça no mecanismo de pesquisa. Além disso, certifique-se de proteger com senha seu site de teste para segurança extra.

Para encerrar este tutorial, gostaria de revisitar a premissa principal do artigo - os sites de teste são um requisito essencial para fluxos de trabalho de desenvolvimento do WordPress. Se você tiver algo a perguntar sobre os sites de teste do Cloudways WordPress ou sobre a criação de um servidor de teste, sinta-se à vontade para me perguntar na seção de comentários abaixo.