Apesar da facilidade com que o YouTube se apresenta, o desenvolvimento da web é um desafio. Para minimizar os problemas em seu site de produção (de produção (ao vivo)), é uma boa idéia testar previamente quaisquer mudanças. A criação de um site de teste WordPress é uma ótima maneira de fazer isso.

Um site de teste permite que você transfira tarefas mundanas e potenciais de quebra de site para uma cópia do seu site. O site de produção (ao vivo) permanecerá online e livre de erros. Enquanto isso, você pode trabalhar no que for necessário e impulsionar as mudanças para produção (ao vivo) quando estiver pronto.

Este artigo explorará o ambiente de teste de WordPress e algumas maneiras fáceis de prepará-lo.

Entusiasmado? Vamos começar!

Confira nosso guia em vídeo para a criação de um site de teste de WordPress

O que é um site de teste do WordPress?

Um site de teste é uma cópia exata do seu site de produção (ao vivo) que não é visível para o público. Dá a você uma maneira de preparar seu site como você quer em um ambiente de baixa tensão. A partir daí, você pode levar esses elementos e transplantá-los para o ambiente de produção, muitas vezes com apenas alguns cliques.

Em um site, o processo de transferência é simples quando você tem as ferramentas certas no lugar. Muitos provedores de hospedagem web lhe dão uma maneira fácil de teste seu site e mover as mudanças de volta novamente.

Você já pode utilizar um ambiente de desenvolvimento local, e existem algumas semelhanças. Para começar, ambos são cópias do seu site de produção (ao vivo). A partir daí, porém, elas divergem. Normalmente, um site de teste é muitas vezes mais flexível em relação ao que você pode mover. Ele também pode permitir que você trabalhe com elementos interativos do site que precisam de um servidor de produção (ao vivo).

Falaremos mais sobre estes elementos (e mais) a seguir.

Por que criar um site de teste do WordPress?

Mesmo que você utilize um ambiente de desenvolvimento local, recomendamos o uso de um site de teste também. Há muitas razões para fazer isso. Primeiro, já explicamos como você é capaz de trabalhar em elementos específicos do site sem impactar seu site de produção (ao vivo).

Uma das questões significativas e essenciais com o teste é trazer elementos específicos do seu site sem tocar em outro conteúdo dinâmico.

Por exemplo, considere os comentários do site.

Uma seção de comentários do site.
Uma seção de comentários do site.

Os comentários representam um conteúdo dinâmico baseado no tempo que você não quer “congelar”. Se o fizesse, a atividade em seu site de produção (ao vivo) entre quando você a encena e quando você a empurra desapareceria

Além disso, seu site de teste pode funcionar como um banco de testes para a configuração do seu servidor. Um excelente ambiente de desenvolvimento local pode muitas vezes simular a configuração de um servidor.

Configurações do servidor DevKinsta.
Configurações do servidor DevKinsta.

No entanto, não há substituto para o servidor de produção (ao vivo) em si. Um site de teste pode lhe mostrar como seu site reage e lhe dar a chance de mudar as coisas se você precisar antes que isso afete seus visitantes.

Isto se vincula a algumas outras boas razões relacionadas ao uso de um site de teste do WordPress:

  • Você é capaz de testar novas funcionalidades longe do público. Este recurso é vital para seus números de tráfego, taxa de retorno e análise geral. Em um nível mais fundamental, você pode atualizar o núcleo do WordPress, seus temas e seus plugins enquanto corrige quaisquer problemas que surjam.
  • Não há tempo de inatividade em seu site de produção (ao vivo) quando se usa um ambiente de teste. Mais uma vez, manter seu tempo de atividade alto não é bom apenas para seu servidor – é também ótimo para suas métricas.

Um efeito de arrastamento de todos esses benefícios é que você utilizará menos recursos potenciais no conjunto. Também é ótimo para manter seus desenvolvedores felizes! Vamos falar mais sobre como um site de teste ajuda o clima suave a seguir.

A importância de desenvolver utilizando um site de teste

Em primeiro lugar, vamos dar-lhe alguns conselhos. Se você é um proprietário de site que procura trabalhar em seu site sem a ajuda de um profissional, pedimos que reconsidere. No mínimo, pense em obter alguma informação de terceiros sobre a aparência e o funcionamento do seu site.

Colaborar com um desenvolvedor o ajudará de algumas maneiras. Uma das grandes razões é porque você pode usar os métodos experimentados e testados deles para obter um site do seu cérebro para a Internet com o mínimo de alarde.

Um desenvolvedor freqüentemente terá alguns pontos críticos do seu processo, alguns dos quais você pode não ter considerado:

  • Muitas vezes há uma fase de planejamento pesada, em vez de simplesmente adicionar no site de produção (ao vivo).
  • A pilha de software é essencial, pois isto determina a funcionalidade que você pode acessar. Ela se resume ao desempenho e à escalabilidade do seu site.
  • Haverá uma etapa de revisão e correção de bugs, que pode ser entediante mas crucial para manter a qualidade do seu site elevada.

Um site de teste é uma parte vital de cada etapa do processo. O primeiro aspecto será colocar seu site de produção (ao vivo) para o ambiente de teste para realizar alguns “testes de estresse”. Saber disso lhe dá espaço para o desafio que tem pela frente.

Além disso, o desenvolvedor pode migrar aspectos para outras escolhas de software. Por exemplo, você pode substituir jQuery por JavaScript clássico, ou você pode testar a mudança para React.

A fixação de defeitos e de layout também são ótimos usos para um site de teste. O desenvolvedor pode mover versões do site para você e corrigir qualquer problema gritante, enquanto você pode comentar sobre aspectos que podem ter passado despercebidos.

Um ambiente de desenvolvimento local permite tratar os detalhes de um site sem utilizar recursos do servidor.Um site de testes é um ponto crucial na cadeia entre os sites locais e de produção. Também lhe dá informações que você não pode obter em outro lugar.

Quando utilizar um site de teste

Dado o que dissemos até agora, não é surpresa que o teste seja algo que você vai querer usar a maior parte do tempo ao desenvolver seu site. Puxar seu site de produção (ao vivo) para o teste é algo que deve se tornar um hábito para que você nunca esteja fazendo uma mudança em seu site de produção (ao vivo).

Mesmo assim, há algumas situações específicas em que você vai querer utilizar um ambiente de teste do WordPress:

  • Atualizações simples, tais como temas, plugins e o núcleo do WordPress, devem ser tentadas em primeiro lugar se apresentarem algum problema de quebra de site.
  • A instalação de plugins e temas deve ser feita no teste para que você possa testar a funcionalidade e os recursos sem impactar os usuários de produção (ao vivo). Além do mais, isso lhe dá tempo e espaço para brincar com as minúcias antes de tornar as mudanças públicas.
  • Se você tiver mudanças significativas baseadas em código, elas devem ser sempre aplicadas primeiro ao site de teste. Como notamos, um site de teste atua como o “intermediário” entre seu site de produção (ao vivo) e o ambiente local, poupando confusão e estresse para você e seus visitantes ativos.

Vale a pena ressaltar que muitas vezes você pode escapar com temas de atualização, plugins e o próprio WordPress diretamente em seu site de produção (ao vivo). Entretanto, não o recomendamos. Também é duplamente importante fazer a atualização do seu site se você pretende atualizar plugins conhecidos “escamosos” ou instalar um grande lançamento do WordPress.

Cuidar e ter cuidado com a estabilidade do seu site é primordial. De modo geral, encenar seu site a qualquer momento seu trabalho pode impactar ou confundir os usuários.

O que considerar ao utilizar um site de teste

Decidir usar um site de teste de WordPress não é uma decisão impulsiva na maioria dos casos, independentemente de haver uma opção de teste disponível através do seu provedor de hospedagem web.

Ajudaria se você se fizesse muitas perguntas sobre como você planeja usar seu site de teste. Aqui estão apenas algumas:

  • Você pode usar todas as funcionalidades do seu site de produção (ao vivo) no site de teste?
  • Você é capaz de mover elementos específicos para produção (ao vivo), mantendo outros aspectos intactos (por exemplo, comentários sobre o site)?
  • Você pode puxar esses elementos específicos para seu ambiente local e trabalhar longe do seu servidor?

Estas são preocupações gerais que todo proprietário de site deve se perguntar. Pode ser que você tenha perguntas específicas relacionadas à sua configuração. É claro que você deve fazer da busca das respostas a elas uma prioridade. O blogueiro do WordPress Chris Lema tem uma ótima peça de reflexão e tutorial sobre como decidir a abordagem certa para você.

Você também pode ter perguntas específicas de nicho sobre a utilização de um site de teste. Por exemplo:

  • Sites de comércio eletrônico: Você pode usar todo o processo de checkout em seu local de hospedagem? Este fator será essencial para determinar como os usuários se movimentam através do seu site.
  • Plugins e temas: Como funcionam plugins como o Jetpack em locais de teste? Como um aparte, o Jetpack, em particular, é limitado dentro de ambientes locais porque precisa de acesso ao servidor.
  • Vídeo e streaming: Você obtém total funcionalidade em seu site de teste? Como você pode determinar se o vídeo que você vê em seu site de teste representa seu site de produção (ao vivo)?

Como notamos, estas perguntas serão específicas para seu ambiente, site e necessidades. Portanto, é outra boa razão para trabalhar com um desenvolvedor, pelo menos na fase de planejamento. Eles podem trazer sua experiência para seu projeto e fazer algumas dessas perguntas antes de saber que você precisa das respostas.

Como configurar um site de teste do WordPress (3 maneiras)

Ao longo das seções seguintes, vamos estudar a criação de um site de teste do WordPress usando alguns métodos diferentes. Pedimos do mais fácil para o mais difícil, mas a definição é vaga.

Você pode gravitar para uma solução particular mais do que as outras. Sinta-se à vontade para pular e dar uma olhada em qualquer método que desejar.

1. Construa um site de teste usando seu web host

Nosso primeiro método é aquele que nem todos os web hosts oferecerão. A funcionalidade de teste dedicada é freqüentemente o domínio de hosts WordPress de alta qualidade, pois eles conhecem o valor de um site de teste. Por exemplo, Kinsta oferece múltiplos Ambientes de Teste Premium que podem ser adicionados a cada conta. Na verdade, Kinsta tem 51,000 sites de teste em uso e contando! Mostraremos isto com mais detalhes mais tarde.

Quando um web host oferece um opção de teste integrada, muitas vezes há dois elementos no lugar:

  • Como notamos, o teste automatizada é popular porque representa a maneira mais rápida de testar seu site de produção (ao vivo).
  • Um site de teste WordPress residirá em um subdomínio do seu domínio primário. Discutiremos isto de várias maneiras ao longo do artigo.

Se você é um cliente Kinsta, discutimos em detalhe o teste do WordPress em nossa base de conhecimentos. Consulte essa peça para ver os detalhes de como fazer isso. Dito isto, vale a pena delinear todo o processo em resumo:

  1. Escolha seu site a partir da lista em MyKinsta.
  2. Mude o ambiente de “produção (ao vivo)” para “teste”.
  3. Clique no botão para implementar seu site de teste do WordPress.
  4. Espere até 15 minutos para que o site de teste seja completado.

Seu ambiente de teste terá seu próprio subdomínio e transportará suas configurações de Secure Sockets Layers (SSL) também.

Você pode até mesmo restaurar um site de backup paro teste e mover seu site de teste para produção (ao vivo) a partir do painel de controle MyKinsta:

A opção Push to Live dentro de Kinsta.
A opção Push to Live dentro de Kinsta.

Pensamos que nossa funcionalidade de teste é inigualável. Mesmo assim, há gelo para encanar no bolo de três camadas, cortesia da DevKinsta, que discutiremos a seguir.

Como a DevKinsta pode ajudá-lo a criar um site de teste

O painel MyKinsta tem quase todas as características e funcionalidades que você precisa para criar e gerenciar seu site de produção (ao vivo). Se você preferir trabalhar em um ambiente local, você pode usar o DevKinsta.

DevKinsta é nosso ambiente de desenvolvimento local para todos os desenvolvedores web e proprietários de sites, embora tenha funcionalidades específicas para os clientes Kinsta:

O aplicativo DevKinsta.
O aplicativo DevKinsta.

É um aplicativo completo (e gratuito) para ajudá-lo a criar novos sites WordPress com um mínimo de cliques. Além disso, ele tem muito na caixa para ajudá-lo a preparar as coisas para um servidor de verdade. Cobrimos isso em outro lugar no blog Kinsta, mas há uma configuração na qual queremos nos concentrar um pouco mais – a opção Mover Mudanças para o Ambiente de Teste:

A opção Importação de Kinsta dentro da DevKinsta.
A opção Importação de Kinsta dentro da DevKinsta.

Este recurso permite que você escolha um site alvo e transfira seu site local para seu ambiente de teste. Também significa que você tem uma maneira de permanecer inteiramente dentro do ecossistema Kinsta durante toda a jornada de desenvolvimento.

O primeiro passo no processo é importar seu site de Kinsta dentro da DevKinsta:

A opção Importação de Kinsta dentro da DevKinsta.
A opção Importação de Kinsta dentro da DevKinsta.

Uma vez que seu site esteja hospedado dentro da DevKinsta, você pode dedicar seu tempo para fazer as mudanças necessárias. A partir daí, você clicará no botão Mover Mudanças para o Ambiente de Teste e o enviará de volta ao seu servidor de hospedagem. Quando você estiver pronto para liberar seu site para o mundo, o botão Push to Live dentro do painel do MyKinsta fará o trabalho.

2. Instale um plugin para ajudá-lo a criar um site de teste do WordPress

Mencionamos que alguns web hosts não deixariam você criar um site de teste do WordPress. É claro que recomendaríamos a troca de provedores se isto se aplicar a você, mas ainda há maneiras de criar um ambiente de teste se você não puder.

Dado que o ecossistema de plugins do WordPress é robusto, não é surpresa que existam também plugins de teste. Para quem não sabe, um plugin de teste lhe dá quase paridade de funcionalidade como um host, mas manipulado a partir do seu painel de controle do WordPress. Dito isto, vale notar que existem algumas diferenças entre os plugins de teste e outros plugins de duplicação de sites, como o Duplicador.

Para começar, o Duplicador não é para teste. É um poderoso plugin para clonar um site, mas não tem o controle de pseudo versão que um ambiente de teste tem.

Vimos os plugins de duplicação de site recomendados como uma forma ideal de criar um site de teste. Nós não o recomendamos! É discutível se o uso de um plugin como o Duplicator está no mesmo nível de uma ferramenta de desenvolvimento local dedicada, como o DevKinsta.

Em vez disso, existem soluções mais robustas como a WP Stagecoach e a WP Staging:

O site WP Staging.
O site WP Staging.

Os benefícios de utilizar uma solução como a WP Staging são numerosos:

  • Você é capaz de clonar seu site rapidamente.
  • Tudo acontece dentro de um painel de controle com aparência familiar.
  • Você pode excluir tabelas e pastas de bancos de dados específicos.
  • Você pode escolher quais arquivos e tabelas são empurrados de produção (ao vivo).

Todo o processo de utilização de um plugin será familiar. Com relação ao WP Staging, você instalará o plugin em seu site da maneira usual. Note que há uma versão gratuita com funcionalidade limitada e uma versão premium que oferece toda a gama de recursos.

Assim que o plugin estiver em seu site, você irá para a página WP Staging > Sites / Start e clique no botão Create New Staging Site:

Criação de um novo local de teste com WP Staging.
Criação de um novo site de teste com WP Staging.

Clicando nisto, você chegará à seção de Digitalização. Há três partes aqui que você deve considerar, além de digitar um nome para seu site de teste:

  • Tabelas de banco de dados: Esta é uma lista de todas as suas tabelas de banco de dados, e você pode selecionar as que quiser apresentar.
  • Arquivos: Você pode escolher quais pastas copiar aqui, juntamente com quaisquer diretórios extras que gostaria de copiar.
  • Configurações avançadas / Pro: Há muitas configurações aqui. Por exemplo, você pode copiar seu site de teste para um banco de dados separado, para um diretório personalizado, e também pode “symlink” os uploads do seu site de produção.

Uma vez que você clique para continuar, você começará o processo de clonagem e teste:

O procedimento de clonagem do WP Staging Plugin.
O procedimento de clonagem do WP Staging Plugin.

Quando o plugin tiver terminado, você verá os detalhes necessários para trabalhar em seu site de teste:

A tela WP Staging Completion Completion.
A tela WP Staging Completion Completion.

Quando você acessar seu site de teste, a barra de ferramentas será laranja brilhante – um dissuasor caso você faça o impensável:

Um local de teste do WP.
Um site de teste do WP.

A partir daqui, você pode mover suas mudanças de volta à produção e gerenciar seu site de teste a partir do painel de controle do WordPress.

3. Criar um site de teste manualmente do WordPress

Nosso método final para a criação de um site de teste WordPress é o mais difícil e não tão funcional. É difícil recomendá-lo em todos os casos, exceto nos mais extremos e de nicho de uso.

Criar um site de teste manualmente do WordPress é o que parece: Você construirá todos os componentes necessários e implantará seu site sem automação na maior parte do tempo. Há alguns inconvenientes graves com esta abordagem:

  • Uma abordagem manual significa que há uma maior chance de erros se infiltrarem em seu fluxo de trabalho.
  • Não há como sincronizar os dados do local entre as instalações.
  • Você não pode mover dados, tabelas ou arquivos selecionados entre as instalações.

Em outras palavras, você está criando uma versão manual de um plugin como o Duplicator. Mesmo assim, você pode ver alguns benefícios se usar a abordagem em seu benefício.

Por exemplo, você poderia configurar um site de teste para testar uma estreita gama de características e funcionalidades (como uma atualização do núcleo do WordPress). Uma vez que você esteja satisfeito que funcione em seu site de teste, você pode aplicar as mudanças ao seu site de produção (ao vivo).

É claro que você está duplicando o trabalho que precisa fazer, e este é outro inconveniente no processo.

Apesar disso, sua situação e suas necessidades determinarão se um site de teste manualmente é para você. Se for o caso, você precisará do seguinte:

  • Um provedor de hospedagem que lhe permite criar subdomínios.
  • Acesso administrativo ao seu back-end de hospedagem.
  • Conhecimento prático da linguagem SQL (não é tão crítica quanto as outras).

Uma vez que você os tenha no lugar, certifique-se de ter realizado um backup completo do seu site. Criar um site de teste WordPress manualmente está repleto de perigos, e você ficará grato por seu backup se o pior acontecer.

Há sete etapas gerais que você precisará montar um site de teste manualmente:

  1. Crie um novo subdomínio no painel de controle do seu host web.
  2. Estabelecer uma conta SFTP (Secure File Transfer Protocol) dedicada para seu site de teste.
  3. Faça o upload de seus arquivos WordPress para o servidor de teste. A melhor maneira é instalar uma nova versão do WordPress, depois carregue seus temas, plugins e pastas de upload.
  4. Exporte seu banco de dados a partir do seu site de produção (ao vivo).
  5. Crie um novo banco de dados para seu site de teste dentro do seu painel de controle de hospedagem.
  6. Importe o banco de dados para o seu servidor de teste usando um gerenciador SQL como o Adminer.
  7. Atualize o wp-config.php para refletir seu site de teste.

Como você e seu web host podem conseguir alguns desses aspectos. Apesar da complexidade envolvida, cada método está dentro do escopo até mesmo de um usuário iniciante. Dito isto, o tempo que leva para implementar pode não valer a pena.

Implante seu site de teste manualmente

Naturalmente, se você criar um site de teste manualmente do WordPress, você também terá que implementá-lo você mesmo. Muitas vezes há uma abordagem automatizada simples com hospedagem gerenciada, que não estará disponível neste caso.

Se você é um dispositivo backend com alta experiência em PHP e SQL, você pode ser capaz de implementar a implementação automática, embora estejamos apostando que esta não é a sua situação aqui. Como tal, recomendamos a replicação das mudanças que você faz em seu site de teste em vez de tentar “implantá-las”.

Resumo

Um site de teste do WordPress pode ser uma ferramenta inestimável quando você precisa trabalhar em aspectos potencialmente destrutivos do site. Além disso, será mais fácil para um desenvolvedor ajudá-lo com qualquer funcionalidade, pois o site de teste estará bem longe de qualquer site de produção (ao vivo).

Ao longo deste artigo, discutimos a criação de um site de teste do WordPress através de alguns métodos diferentes. Embora você pudesse criar um site de teste manualmente, é um pesadelo em administrá-lo. Um plugin como o WP Staging é bom, mas um ambiente de teste baseado em host oferece a você muita integração. Adicionar uma solução local como o DevKinsta em seu fluxo de trabalho lhe dá uma maneira estelar de testar seu site antes de mover seu novo site para produção (ao vivo).

Você conhece o valor de um site de teste do WordPress e, se não, é algo que você vai implementar no futuro? Por favor, compartilhe conosco seus pensamentos e opiniões na seção de comentários abaixo!

Salman Ravoof

Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.