Como enviar um site de desenvolvimento WordPress ao vivo
Publicados: 2022-08-19Saber como enviar um site de desenvolvimento (dev) do WordPress ao vivo é crucial para manter o tempo de atividade enquanto atualiza seu site. Isso é particularmente útil para agências que gerenciam e atualizam um grande número de sites, bem como proprietários de sites que desejam fazer uma atualização significativa em seu site atual. O uso de um site de desenvolvimento permite fazer alterações em um site sem afetar o site ativo. Quando você tiver suas alterações discadas, você pode simplesmente enviá-las ao vivo.
Neste artigo, mostraremos três métodos (em detalhes) para ativar um site de desenvolvimento ou teste. Mas primeiro, vamos esclarecer alguns termos.
Embora possa haver diferenças entre esses termos, usaremos “site de desenvolvimento” (ou “site dev”), “site de teste” e “site local” como sinônimos. Todos esses são ambientes de teste que permitem que os usuários façam alterações em seus sites WordPress de uma maneira que não afete o site ativo. Da mesma forma, um “site ao vivo” ou “site de produção” é um site que você deseja que os visitantes vejam na web.
O que fazer antes de entrar ao vivo
Há algumas coisas que você pode fazer para se preparar para o sucesso antes de começar oficialmente a colocar seu site de desenvolvimento em produção.
Imagem por Vector Stock Pro / shutterstock.com
- Certifique-se de que o site dev esteja totalmente funcional – Você deve certificar-se de que seu site dev está totalmente funcional antes de enviá-lo para o seu site ao vivo. Este é o objetivo de trabalhar em um ambiente de simulação ou de teste – você pode garantir que as alterações que está fazendo funcionem corretamente antes de liberá-las em um site ativo.
- Faça backup dos dois sites – Você desejará fazer backup do(s) seu(s) site(s). É mais seguro fazer backup do site de desenvolvimento e do site ao vivo, embora o site ao vivo seja o mais importante dos dois, pois é o site que você está tentando proteger. Existem algumas opções do WordPress Backup Plugin para ajudá-lo se você precisar. Além de backups de plugins, seu provedor de hospedagem pode oferecer algum tipo de serviço para backups. Acesse a base de conhecimento do seu host para ver o que eles oferecem em termos de backups.
- Determine o método certo. – Uma vez que seu site de desenvolvimento esteja funcional e seus sites tenham backup, você pode começar a decidir qual opção para enviar o site de desenvolvimento ao vivo funciona melhor para você. Abordaremos três métodos em detalhes abaixo.
Como enviar o site do desenvolvedor ao vivo
Existem três maneiras de explorar o envio de um site de desenvolvimento/ensaio do WordPress para um site ativo. As opções para você escolher são:
- Use um plug-in de migração do WordPress
- Envie manualmente seu site de desenvolvimento
- e usar ferramentas de migração de um provedor de hospedagem
Todos os principais plugins de Staging/Migrating no mercado usam um modelo de preços freemium onde algumas opções não são utilizáveis a menos que você pague por elas. Vale a pena dar uma olhada no que é oferecido nas versões gratuitas dos principais plugins de migração e teste para ver se eles atendem às suas necessidades. Neste artigo, usaremos o plugin WP Migrate Lite da Delicious Brains. A versão Pro torna esse processo muito mais simples e envia mais do que apenas o banco de dados do site dev ( a versão Lite não envia arquivos de plug-in, mídia ou tema para o site ao vivo ).
O método Manual é para aqueles que estão familiarizados com phpMyAdmin e cPanel. Essa abordagem é muito prática e há muitas etapas. Vale muito a pena se você está tentando aprender mais sobre como o WordPress funciona no back-end. Mas, levará um bom tempo para concluir.
Descobrimos que os provedores de hospedagem que têm ferramentas de teste integradas em sua plataforma oferecem a opção mais fácil para enviar um site de desenvolvimento para um site ao vivo. Abordaremos como as ferramentas de teste do Siteground facilitam isso.
Push Dev Site para Live com WP Migrate (Plugin – Versão Gratuita)
Para enviar um site de teste para seu site ao vivo com um plug-in, usaremos o WP Migrate. É um dos melhores plugins de migração que tem uma versão gratuita. Além disso, a versão pro torna o processo ainda mais fácil.
*Observação: a maioria dos plug-ins Staging/Migrating oferece uma versão gratuita, mas faz mais com uma versão paga
Depois de baixar e ativar o WP Migrate tanto para o site de desenvolvimento do WordPress quanto para o site ao vivo, navegue até o site de desenvolvimento (mantenha ambos abertos em guias separadas). Dentro de Ferramentas clique em Migrar DB .
Próximo ao topo, clique em Migrar e, em “Substituir outro site por este site”, clique em Exportar banco de dados .
Em seguida, chegamos a uma tela onde substituiremos as strings em nosso banco de dados para corresponder às strings em nosso site ao vivo. Isso garante que, quando importarmos as informações migradas/enviadas do site dev para o site ativo, o site não será desativado.
Observe no lado direito as duas caixas de texto Substituir que precisarão ser preenchidas.
Em seguida, iremos para a guia aberta que possui nosso Live Site . Estamos indo para o mesmo lugar no mesmo plugin. Estamos referenciando e copiando o que o site ativo tem na coluna Localizar . Eles serão colados de volta no Dev Site .
Depois de colar os itens do Live Site no Dev Site (consulte as 2 imagens anteriores se você se virar), estamos prontos para exportar o banco de dados no Dev Site. Isso fará o download de um arquivo exportado do banco de dados do Dev Site (os arquivos de tema, plug-in e mídia não serão incluídos e precisarão da versão Pro do WP Migrate para enviar e puxar facilmente entre seus sites).
Você deverá ver um prompt Export Complete .
Agora que temos o arquivo .sql exportado, precisamos fazer algo com ele. Você navegará para o C-Panel do seu site ao vivo e, na seção "Bancos de dados", clique em phpMyAdmin .
Agora que temos o arquivo .sql exportado, precisamos fazer algo com ele. Você navegará para o C-Panel do seu site ao vivo e, na seção "Bancos de dados", clique em phpMyAdmin .
Perto do centro superior, clique em Importar . Na página que carrega, você irá procurar o arquivo que foi baixado para o seu computador e, em seguida, iniciar a importação clicando em Ir no canto inferior esquerdo da página. Isso importará os bancos de dados do site dev para o site ao vivo.
Depois que isso acontecer, verifique seu site ao vivo para garantir que ele esteja funcionando e que as alterações feitas no site dev sejam refletidas no site ao vivo.
Push Dev Site para Live Manualmente
É totalmente possível enviar manualmente um site de desenvolvimento para o seu site ao vivo. Isso não é para os fracos de coração, mas é realmente um bom conhecimento para aqueles que tentam se familiarizar com os bancos de dados do WordPress e o cPanel. Essas etapas funcionam com qualquer provedor de hospedagem que ainda usa cPanel.
Baixe os arquivos necessários do site do desenvolvedor
A primeira coisa que faremos é navegar até o seu cPanel em seu site de desenvolvimento. A partir daí, encontraremos o Gerenciador de Arquivos e abriremos o diretório Raiz do Documento para o seu Site de Desenvolvimento e, em seguida, clique em Ir .
A partir daí, queremos clicar em wp-content e compactar essa pasta .
Isso cria um novo arquivo wp-content.zip compactado. Clique no novo arquivo zip e selecione download .
Em seguida, queremos encontrar o arquivo wp-config.php do site dev e baixá-lo para o seu computador também.
Exportar banco de dados do site de desenvolvimento
Em seguida, volte ao seu cPanel; em Bancos de dados clique em phpMyAdmin .
Na barra lateral esquerda, clique no banco de dados que corresponde ao banco de dados do seu site de desenvolvimento WordPress. Clique em Verificar tudo e depois em Exportar usando o menu suspenso.
Na próxima tela, simplesmente certifique-se de que o método de exportação esteja configurado como rápido e o formato seja SQL . Em seguida, clique em Ir .
O que fizemos foi baixar os arquivos críticos do seu site de desenvolvimento que carregaremos e configuraremos em seu site ao vivo. Isso dará ao site ao vivo a configuração que você configurou no site de desenvolvimento enquanto testava e criava.
Importar banco de dados para o site ao vivo
Agora, vá para o cPanel do site ao vivo (NÃO o site dev). Clique em phpMyAdmin .
Na barra lateral esquerda, selecione o banco de dados do seu site ativo . Em seguida, verifique todas as linhas da tabela. No menu suspenso, escolha 'Soltar' . Isso exclui as tabelas do seu Live Site para que possamos substituí-las pelo banco de dados que baixamos anteriormente.
Confirme sua escolha para “Soltar” a tabela clicando em Sim .
Em seguida, selecione rapidamente Importar no menu acima e clique em Escolher arquivo .
Em seguida, siga o prompt para fazer upload de um arquivo. Selecione o arquivo .sql que baixamos anteriormente e clique em Abrir .
Para concluir o upload do banco de dados, clique em Ir .
Neste banco de dados recém-carregado, você precisará observar o prefixo dos arquivos na barra lateral esquerda. Precisaremos disso em uma etapa futura.
Atualizar banco de dados com URL do site ao vivo
No mesmo banco de dados, selecione a tabela _options na barra lateral esquerda. Na lista de opções disponíveis, selecione Editar na opção com siteurl na coluna option_name . *Além disso, anote o prefixo do banco de dados para mais tarde.
Na guia Inserir nas opções de siteurl da tabela de banco de dados, queremos atualizar o valor de opção do siteurl. Para fazer isso, substitua a URL do site dev existente pela URL do site ativo dentro da caixa de valor à direita. Em seguida, role para baixo e clique em Ir/Concluído .
Uma vez feito, volte para a mesma lista de opções da tabela _options . Na lista de opções disponíveis, selecione Editar na opção com home na coluna option_name . Em seguida, repita o mesmo processo de antes (para o siteurl ) e substitua o URL do site dev de home option_value pelo URL do site ativo.
Atualizar arquivos do site (wp-content) no site ao vivo
Neste ponto, terminamos de carregar e configurar nosso banco de dados! Mas, ainda não estamos fora de perigo. Ainda temos que substituir alguns dos arquivos do Live Site do site dev.
Para fazer isso, volte ao cPanel do Live Site, clique em File Manager, escolha o site ao vivo e clique em Go .
Clique na pasta wp-content e exclua-a .
Em seguida, clique em Carregar no menu superior do gerenciador de arquivos.
Clique em Escolher arquivo . Em seguida, selecione o arquivo wp-content.zip e clique em Abrir .
Aguarde o upload. Se ele terminar o upload, mas não levar você de volta à estrutura do arquivo, clique no link Voltar para… .
Encontre e clique no arquivo wp-content.zip que você acabou de enviar e selecione extrair no menu suspenso.
No pop-up Extrair , clique em Extrair arquivos . Assim que a extração estiver concluída, você pode excluir o arquivo compactado wp-content.zip, pois pode ficar confuso se você estiver fazendo isso com frequência.
Atualize o arquivo wp-config.php para o site ativo
Assim que a pasta wp-content estiver instalada, selecione o arquivo wp-config.php e clique em editar .
Pesquise no documento table_prefix e substitua table_prefix pelo prefixo das tabelas de banco de dados do site dev observadas anteriormente. Em seguida, basta rolar para baixo e clicar em Salvar .
É isso! Veja o site ao vivo para ver as mudanças que trouxemos do site de desenvolvimento do WordPress.
Se essa foi uma etapa demais para você, muitas empresas de hospedagem modernas que priorizam a hospedagem do WordPress oferecem ferramentas de migração / migração robustas (e fáceis de usar).
A seguir, mostraremos como o Siteground facilita o envio de um site dev para um Live Site.
Envie o site do desenvolvedor para um site ao vivo com ferramentas de teste do Siteground
Os provedores de hospedagem especializados em instalações do WordPress estão melhorando na criação de ferramentas para enviar sites dev/staging para um site ao vivo. Uma dessas empresas de hospedagem é a Siteground, que é um dos nossos parceiros de hospedagem Divi. Para enviar um site dev ao vivo usando o Siteground, você precisará ter construído seu site de teste usando as Ferramentas do Site do Siteground.
Quando seu site estiver funcionando no Siteground, faça login na sua conta do Siteground. Em seguida, clique na guia Sites próximo ao topo. Selecione também a subguia Sites . A partir daí, escolha o site que você tem em mente, representado por cada caixa individual na página. Clique no botão Ferramentas do Site desse site .
No menu da barra lateral esquerda, navegue até WordPress > Staging . A partir daí, selecione o site ativo exato que temos em mente no Select WordPress Installation , que geralmente é uma lista de subdomínios para o TLD específico.
Na seção "Gerenciar cópias de teste" na parte inferior, encontre a cópia de teste que deseja implantar e clique no ícone de três pontos (⋮) para expandir as opções da cópia de teste. Selecione Implantação completa na lista para implantar todo o site de preparo. Você também pode selecionar Implantação personalizada se tiver apenas parte do site de preparo que deseja implantar.
Por fim, no pop-up de confirmação de implantação, clique em Confirmar .
Estamos todos prontos depois disso! Você deverá ver uma mensagem de sucesso no canto superior direito.
Se você não vir a caixa de diálogo de sucesso, poderá entrar em contato com o suporte do Siteground para solução de problemas.
O que fazer depois que o site de desenvolvimento é enviado ao vivo
Todos os nossos três métodos para enviar um site de desenvolvimento do WordPress para um site ao vivo são excelentes opções. Mas, com cada um, há riscos de quebrar temporariamente seu site. Embora as etapas deste artigo tenham levado você ao resultado desejado, aqui está algo a ser observado quando você terminar o push do site de teste.
Depois de concluir as etapas escolhidas, abra o Live Site e examine suas páginas. Certifique-se de que tudo está carregando e o que você esperava que fosse. Em seguida, vá para o painel do administrador e faça login. Você não deve ter nenhum erro ao fazer login.
Se parece haver problemas de banco de dados, você precisa descobrir isso rapidamente. Você pode consultar nosso artigo Como corrigir um erro de conexão de banco de dados para encontrar algumas áreas comuns para verificar novamente. Se o push for necessário, você poderá reverter para o backup criado antes de iniciar e tentar as etapas novamente.
- Verifique as versões www e não www do site, bem como HTTPS e HTTP. (Os redirecionamentos estão acontecendo conforme o esperado?)
- Verifique os links de navegação principal, bem como as páginas dinâmicas, como categorias, postagens e tipos de postagem personalizados. (As suas alterações mais recentes do site dev estão no seu site ao vivo?)
- Certifique-se de que as imagens sejam renderizadas corretamente em páginas recém-atualizadas.
- Monitore 404 links quebrados diariamente por alguns dias depois.
Qual método você deve usar?
Cada um dos três métodos abordados neste artigo fará o trabalho. No entanto, dependendo do seu site ou provedor de hospedagem, algumas opções serão mais adequadas do que outras. Aqui estão algumas sugestões:
- Se o seu provedor de hospedagem tiver ferramentas de teste, vale a pena aprender como usá-las. Essas ferramentas tornam o trabalho o mais fácil possível.
- Os plugins de migração/staging são a próxima melhor rota. As versões Pro custarão algum dinheiro, mas sempre farão o truque para você.
- O envio manual de um site dev para um site ao vivo pode definitivamente não ser o melhor caminho para iniciantes, pois exigirá mais tempo e conhecimento técnico e pode acabar quebrando seu site. No entanto, se você sabe o que está fazendo, esse método oferece mais controle sobre o processo que é preferido por alguns desenvolvedores.
Conclusão
Saber como migrar um site de teste para seu site ao vivo é um conjunto de habilidades poderoso. Ele permite mais liberdade na experimentação em seus sites sem a preocupação de travar o site ao vivo em que seus visitantes estão ativamente. Esteja você gerenciando seus próprios sites ou os de clientes, saber como enviar atualizações o torna um webmaster muito mais confiável.
Imagem em destaque via Aleksandr_a / Shutterstock