A melhor folha de dicas de desenvolvimento local do WordPress

Publicados: 2023-02-14

Deseja configurar um ambiente de desenvolvimento WordPress local sem folhear páginas e páginas de documentação? Nossa folha de dicas de desenvolvimento local do WordPress ajudará você a começar a trabalhar de forma rápida e inteligente!

Neste guia prático 'no-fluff', abordaremos brevemente o que é o desenvolvimento local do WordPress e alguns dos principais benefícios de usá-lo e, em seguida, veremos como configurar um ambiente local, instalar o WordPress em seu computador e teste seu site antes de ir ao ar.

Este guia abrange o seguinte:

  • O que é desenvolvimento local do WordPress?
  • Benefícios do desenvolvimento local do WordPress
  • Configurando seu ambiente de desenvolvimento local
    • O que você precisará
    • Instalando o Software do Servidor Local
    • Configurando um host virtual
    • Criando um banco de dados para sua instalação local do WordPress
  • Instalando o WordPress Localmente
    • Baixando e Instalando o WordPress no Servidor Local
    • Configurando o arquivo wp-config.php
  • Importando um site WordPress ao vivo para o ambiente local
    • Exportando o banco de dados do Live Site
    • Importando o banco de dados do Live Site para o servidor local
    • Substituindo URLs no banco de dados
    • Carregar os arquivos do Live Site para o ambiente local
  • Desenvolvendo e testando no site WordPress local
    • Fazendo alterações e testes
    • Depurando
    • Testando diferentes plugins e temas
  • Implantando o site WordPress local no servidor ativo
    • Exportando o banco de dados do site local
    • Importando o banco de dados para o servidor Live
    • Carregar os arquivos do site local para o servidor Live
    • Atualizando URLs no banco de dados
  • Ambiente de desenvolvimento local x Webhost Staging
    • Vantagens do Ambiente de Desenvolvimento Local
    • Contras do Ambiente de Desenvolvimento Local
    • Prós do ambiente de teste do Webhost
    • Contras do ambiente de preparação do Webhost

O que é desenvolvimento local do WordPress?

O desenvolvimento local do WordPress permite que você crie um ambiente de desenvolvimento para construir, trabalhar e testar sites WordPress em seu computador sem afetar seu site ativo.

O ambiente de desenvolvimento local replica o servidor de produção, tornando possível testar diferentes cenários e resolver problemas antes de enviar alterações para o site ativo.

Benefícios do Desenvolvimento Local

Alguns dos principais benefícios do desenvolvimento local do WordPress incluem:

  • Ambiente de teste seguro : o ambiente de desenvolvimento local fornece um espaço seguro para testar novos recursos, plug-ins e temas sem afetar seu site ativo.
  • Velocidade, Desempenho e Eficiência : Um ambiente de desenvolvimento local é mais rápido e responsivo do que um servidor remoto. Isso ocorre porque ele é executado em seu computador, portanto, seu computador pode acessar e processar dados muito mais rapidamente do que um servidor, e não há latência na comunicação entre sua máquina e o servidor.
  • Custo-benefício : a configuração de um ambiente de desenvolvimento local elimina a necessidade de serviços de hospedagem caros e reduz os custos associados à implantação de alterações em um site ativo. Você só precisa de um computador e um editor de texto para começar.
  • Colaboração aprimorada : vários desenvolvedores podem trabalhar em um único projeto simultaneamente sem interferir no trabalho uns dos outros.
  • Desenvolvimento Offline : Com um ambiente de desenvolvimento local, você pode desenvolver seu site mesmo quando estiver offline.
  • Segurança aprimorada : tem um projeto “ultra-secreto” no qual deseja trabalhar? Como um ambiente de desenvolvimento local é executado em sua máquina, ele é mais seguro do que um servidor remoto, portanto, você pode criar e trabalhar em seu site longe de olhares indiscretos. Não há risco de acesso não autorizado ou hacking.

Se você está apenas começando como desenvolvedor do WordPress, consulte nosso artigo de introdução ao desenvolvimento local do WordPress. Se você já é um pouco mais experiente, confira nosso artigo sobre maneiras de melhorar seu fluxo de trabalho de desenvolvimento do WordPress em um ambiente local.

Configurando seu ambiente de desenvolvimento local

Antes de configurar um ambiente de desenvolvimento WordPress local, você precisará de algumas coisas.

O que você precisará

Além de um computador com espaço de armazenamento e poder de processamento suficientes para dar suporte ao seu trabalho de desenvolvimento, aqui está tudo o que você precisa para configurar um ambiente de desenvolvimento local:

Software de servidor local

Você precisará instalar um software de servidor local para executar seu ambiente de desenvolvimento local.

XAMPP, MAMP e WAMP são três opções populares. Cada um desses pacotes de software de servidor local fornece um ambiente de desenvolvimento completo para desenvolvedores web com todos os componentes necessários (como servidor web Apache, banco de dados MySQL e linguagem de script PHP, em um único pacote), um painel de controle para gerenciar esses componentes e um ferramenta para gerenciar o banco de dados.

Cada pacote de software, no entanto, também possui seus próprios recursos exclusivos com diferenças importantes, por isso é importante escolher um que atenda às suas necessidades específicas.

Vejamos brevemente cada um:

XAMPPGenericName

XAMPPGenericName
XAMPPGenericName

O XAMPP é um software de servidor da Web gratuito, de código aberto e fácil de instalar que fornece um ambiente de desenvolvimento local para desenvolvedores da Web. Significa Apache, MariaDB, PHP e Perl, os quatro principais componentes do XAMPP.

Alguns dos principais recursos (e prós) do XAMPP:

  • Inclui servidor web Apache, banco de dados MariaDB e linguagens de script PHP e Perl.
  • Suporta vários sistemas operacionais, incluindo Windows, Mac e Linux.
  • Painel de controle fácil de usar para gerenciamento de servidor web e componentes de banco de dados.
  • Opção para instalar componentes adicionais como phpMyAdmin para gerenciamento de banco de dados.

Contras:

  • Não é tão popular quanto MAMP ou WAMP, então o suporte da comunidade pode não ser tão forte.
  • Configuração mais complexa em comparação com MAMP ou WAMP, exigindo mais conhecimento técnico para instalar e configurar componentes.

O XAMPP é melhor para desenvolvedores da Web que precisam de um ambiente de desenvolvimento completo com vários componentes e estão familiarizados com a configuração e o gerenciamento desses componentes. Também é melhor para desenvolvedores que trabalham em vários sistemas operacionais e precisam de uma solução multiplataforma.

MAMP

MAMP
MAMP

MAMP é um software de servidor local que fornece um ambiente de desenvolvimento para desenvolvedores da web. Significa Macintosh, Apache, MySQL e PHP, os quatro principais componentes do MAMP.

Alguns dos principais recursos (e prós) do MAMP:

  • Inclui servidor web Apache, banco de dados MySQL e linguagem de script PHP.
  • Compatível com o sistema operacional macOS, mas também pode ser usado para sistema operacional baseado em Windows.
  • Painel de controle fácil de usar para gerenciamento de servidor web e componentes de banco de dados.
  • Opção para instalar componentes adicionais como phpMyAdmin para gerenciamento de banco de dados.

Contras:

  • Só pode usar a linguagem de script PHP.
  • Menos componentes em comparação com o XAMPP, o que pode limitar as necessidades de alguns desenvolvedores.

MAMP é melhor para desenvolvedores web que trabalham no sistema operacional macOS.

Para obter mais informações sobre como usar essa opção, confira nosso tutorial sobre como desenvolver WordPress localmente usando MAMP.

WampServer

WampServer
WampServer

WAMP é um software de servidor local que fornece um ambiente de desenvolvimento para desenvolvedores web. Significa Windows, Apache, MySQL e PHP, os quatro principais componentes do WAMP.

Alguns dos principais recursos (e prós) do WAMP:

  • Inclui servidor web Apache, banco de dados MySQL e linguagem de script PHP.
  • Suporta sistema operacional Windows.
  • Painel de controle fácil de usar para gerenciamento de servidor web e componentes de banco de dados.
  • Opção para instalar componentes adicionais como phpMyAdmin para gerenciamento de banco de dados.

Contras:

  • Suporta apenas o Windows, portanto, os desenvolvedores que usam macOS ou Linux podem precisar procurar em outro lugar.
  • Menos componentes em comparação com o XAMPP, o que pode limitar as necessidades de alguns desenvolvedores.

O WAMP é melhor para desenvolvedores web que trabalham no sistema operacional Windows e que precisam de um ambiente de desenvolvimento completo com componentes básicos.

Para mais informações sobre essa opção, confira nosso tutorial sobre como desenvolver WordPress localmente usando WAMP.

Embora XAMPP, MAMP e WAMP sejam excelentes opções para desenvolvedores da Web que procuram um ambiente de desenvolvimento local, existem outras opções disponíveis, incluindo Local by Flywheel, DesktopServer e (se você precisar trabalhar no WordPress localmente em mais de uma máquina) até mesmo instalando e executando o WordPress a partir de um USB.

Editor de texto

O outro componente que você precisa é um editor de texto para desenvolvimento WordPress projetado especificamente para trabalhar com linguagens de programação como PHP. Um editor de texto é essencial para editar o código e fazer alterações no seu site.

Vejamos algumas opções populares para editores de texto:

Texto Sublime

Texto Sublime
Texto Sublime

Sublime Text é um editor de texto popular amplamente usado por desenvolvedores para fins de codificação e script. Ele oferece uma interface limpa, rápida e intuitiva, facilitando o trabalho com grandes bases de código.

Algumas das principais características do Sublime Text:

  • Destaque de sintaxe e conclusão de código para mais de 80 linguagens de programação
  • Esquemas de cores personalizáveis, combinações de teclas e macros
  • Ferramentas avançadas de pesquisa e edição, como seleções múltiplas, edição dividida e edição de colunas
  • Alterne instantaneamente entre projetos com um sistema de configurações específicas do projeto

O Sublime Text é uma ótima ferramenta para desenvolvedores que trabalham em projetos que exigem a escrita de código em HTML, CSS e JavaScript. Ele oferece realce de sintaxe fácil de usar, conclusão de código e ferramentas de edição que tornam o processo de codificação rápido e eficiente.

Código do Visual Studio

Código do Visual Studio
Código do Visual Studio

O Visual Studio Code é um editor de código aberto e gratuito desenvolvido pela Microsoft. Ele oferece uma variedade de recursos e ferramentas para ajudar os desenvolvedores a criar e gerenciar projetos de grande escala.

Alguns dos principais recursos do Visual Studio Code:

  • IntelliSense, uma ferramenta inteligente e avançada de conclusão e depuração de código
  • Suporte e depuração integrados ao Git
  • Suporta várias linguagens de programação e possui uma grande biblioteca de extensões
  • Interface e espaço de trabalho personalizáveis

Para editores de texto adicionais, consulte nossa lista dos melhores editores de texto para desenvolvimento do WordPress.

Você marcou todos os requisitos acima?

O computador atende às especificações exigidas
Software de servidor local selecionado
Editor de texto selecionado

Ótimo! Então vamos para o próximo passo…

Instalando o Software do Servidor Local

Para este exemplo, instalaremos o XAMPP em um sistema operacional Windows. Use o mesmo processo descrito abaixo para instalar o software de servidor local escolhido em seu computador e siga as instruções específicas do pacote de software:

  1. Baixe o XAMPP : Acesse o site oficial do XAMPP e baixe a versão mais recente do XAMPP para Windows.
  2. Instalar o XAMPP : Clique duas vezes no arquivo baixado para iniciar o processo de instalação. Execute o arquivo de instalação baixado e siga as instruções na tela para instalar o XAMPP. Por padrão, o XAMPP será instalado no diretório C:\xampp .
  3. Inicie o XAMPP : Após a instalação, abra o Painel de Controle do XAMPP no menu Iniciar ou atalho na área de trabalho. Inicie os módulos Apache e MySQL clicando nos botões “Iniciar” ao lado de cada módulo.
  4. Verifique a instalação : Para verificar se o XAMPP está funcionando corretamente, abra um navegador da Web e navegue até http://localhost . Isso deve exibir a página de boas-vindas do XAMPP.
  5. Crie um host virtual : Para criar um host virtual, siga as etapas descritas abaixo.

O XAMPP agora deve estar instalado e configurado em sua máquina. Você está pronto para começar a desenvolver e testar seus sites localmente.

Nota: O processo de instalação do XAMPP ou outro software de servidor local, como MAMP ou WAMP, pode variar um pouco dependendo do sistema operacional usado. Para sistemas operacionais Mac e Linux, você pode seguir as instruções de instalação fornecidas no site do XAMPP.

Consulte nossos outros tutoriais relacionados ao XAMPP para obter informações adicionais sobre como configurar o XAMPP, atualizar o XAMPP, solucionar problemas do XAMPP e migrar o WordPress de um host local do XAMPP para a web.

Configurando um host virtual

A configuração de um host virtual em um ambiente de desenvolvimento local permite que os desenvolvedores executem vários sites em sua máquina local, cada um com seu próprio URL exclusivo. Isso fornece um ambiente de teste mais realista e facilita a alternância entre diferentes projetos.

Para obter o guia passo a passo abaixo para configurar um host virtual em seu ambiente de desenvolvimento local e começar a testar seus sites:

1. Abra o arquivo de configuração do Apache : Abra o arquivo de configuração do software do servidor local. Para este exemplo, estamos usando o XAMPP, então abra o arquivo de configuração do Apache, normalmente localizado em /etc/httpd/conf/httpd.conf ou C:\xampp\apache\conf\httpd.conf .

2. Habilite a hospedagem virtual : Localize a seção “# Virtual Hosts” e remova o comentário da seguinte linha removendo o símbolo de hash (#) no início da linha: #Include conf/extra/httpd-vhosts.conf .

3. Configure o host virtual : Abra o arquivo de configuração do host virtual, normalmente localizado em /etc/httpd/conf/extra/httpd-vhosts.conf ou C:\xampp\apache\conf\extra\httpd-vhosts.conf .

4. Adicionar um novo host virtual : Adicione um novo host virtual criando um novo bloco de código com o seguinte formato: 

ServerName example.local
DocumentRoot "/path/to/document/root"
<Directory "/path/to/document/root">
AllowOverride All
Require all granted

Fazem isto:

  • Substitua “example.local” pela URL desejada para o host virtual.
  • Substitua “/path/to/document/root” pelo caminho completo para o diretório raiz do documento para o host virtual.

5. Atualize o arquivo hosts : O arquivo hosts mapeia nomes de domínio para endereços IP. Para tornar o host virtual acessível por meio do URL especificado, você precisará adicionar uma entrada ao arquivo hosts. O arquivo hosts geralmente está localizado em /etc/hosts or C:\Windows\System32\drivers\etc\hosts . Adicione uma nova linha com o seguinte formato: 127.0.0.1 example.local . Substitua “example.local” pela URL especificada na configuração do host virtual. Salve as alterações no arquivo de configuração.

6. Reinicie o Apache : reinicie o servidor web local Apache para aplicar as alterações.

7. Teste o host virtual : teste seu host virtual visitando a URL em um navegador da web. O navegador deve exibir o conteúdo do diretório raiz do documento para o host virtual.

Criando um banco de dados para sua instalação local do WordPress

A próxima etapa antes de configurar um projeto WordPress localmente é criar um banco de dados para seu ambiente de desenvolvimento local.

Siga estas instruções passo a passo para criar um banco de dados no XAMPP:

1. Abra o Painel de Controle do XAMPP : Abra o Painel de Controle do XAMPP no menu Iniciar ou atalho na área de trabalho. Certifique-se de que os módulos Apache e MySQL estejam em execução.

2. Acesse o phpMyAdmin : Para acessar o phpMyAdmin, abra um navegador da Web e navegue até http://localhost/phpmyadmin . Isso abrirá a interface do phpMyAdmin em seu navegador.

3. Crie um novo banco de dados : Na interface do phpMyAdmin, clique na guia “Bancos de dados”. Na seção “Criar banco de dados”, digite um nome para seu novo banco de dados e selecione o agrupamento “utf8mb4_general_ci”. Em seguida, clique no botão “Criar”.

4. Criar um novo usuário : Para criar um novo usuário para o banco de dados, clique na guia “Usuários” e depois no botão “Adicionar usuário”. No formulário “Adicionar usuário”, insira um nome de usuário e senha para o novo usuário e selecione “Local” como host. Certifique-se de conceder todos os privilégios ao usuário marcando a caixa de seleção "Conceder todos os privilégios no banco de dados". Por fim, clique no botão “Ir”.

5. Salve seus detalhes : Anote ou salve seu nome de banco de dados, nome de usuário e senha. Você precisará deles para conectar o banco de dados ao WordPress posteriormente.

Depois de concluir as etapas acima, você terá criado com sucesso um banco de dados para sua instalação local do WordPress e ambiente de desenvolvimento local.

Agora você pode usar esse banco de dados para armazenar e gerenciar seus dados enquanto desenvolve e testa seu site WordPress localmente.

Você concluiu todas as etapas acima?

Software de servidor local instalado
Configurar host virtual
banco de dados criado

Ótimo! Então vamos para o próximo passo…

Instalando o WordPress Localmente

Agora que preparamos nosso ambiente local, o próximo passo é baixar, instalar e configurar o WordPress.

Baixando e Instalando o WordPress no Servidor Local

Siga as etapas abaixo para concluir este processo:

  1. Visite o site WordPress : Vá para o site oficial WordPress.org e clique no botão “Download WordPress” para baixar a versão mais recente do WordPress.
  2. Extraia o arquivo : O download do WordPress será um arquivo ZIP compactado. Extraia o conteúdo do arquivo para um diretório em seu computador.
  3. Mova os arquivos extraídos para o servidor local : Mova o conteúdo do diretório extraído para o diretório raiz do servidor local. Se você estiver usando o XAMPP, por exemplo, geralmente é C:\xampp\htdocs no Windows ou /Applications/XAMPP/htdocs no macOS.
  4. Crie um banco de dados : (Observação: se você estiver acompanhando, esta etapa já deve ter sido concluída.) Antes de instalar o WordPress, você precisará criar um banco de dados. Você pode fazer isso usando uma ferramenta como phpMyAdmin, incluída na maioria dos softwares de servidor local, como XAMPP e MAMP.
  5. Inicie a instalação : Abra seu navegador da web e navegue até http://localhost/wordpress (ou a URL equivalente para seu servidor local). Isso iniciará o processo de instalação do WordPress.
  6. Escolha o idioma : Na primeira tela, selecione o idioma de sua preferência e clique no botão “Continuar”.
  7. Preencha as informações do banco de dados : Na próxima tela, preencha as informações do banco de dados que você criou na etapa 4. Isso inclui o nome do banco de dados, o nome de usuário do banco de dados e a senha do banco de dados.
  8. Preencha as informações do site : Na próxima tela, preencha as informações do seu site WordPress local. Isso inclui o título do site, nome de usuário, senha e endereço de e-mail.
  9. Execute a instalação : Depois de preencher todas as informações, clique no botão “Instalar WordPress” para executar a instalação.
  10. Faça login no seu site : Após a conclusão da instalação, faça login no seu site WordPress local usando o nome de usuário e a senha que você criou na etapa 8 para começar a personalizar e desenvolver seu site local.

Agora você baixou e instalou o WordPress com sucesso.

Agora você pode começar a personalizar e desenvolver seu site localmente, com todos os benefícios de um ambiente de desenvolvimento local, antes de implantar seu site em um servidor ativo.

Configurando o arquivo wp-config.php

O arquivo wp-config.php é um componente crucial na configuração de uma instalação local do WordPress e ambiente de desenvolvimento local. Este arquivo contém definições de configuração que controlam como o WordPress interage com seu banco de dados e outras configurações importantes.

Se você seguiu as instruções de instalação acima, suas credenciais de banco de dados serão adicionadas automaticamente ao arquivo wp-config.php .

Se, por qualquer motivo, você precisar configurar manualmente o arquivo wp-config.php , siga as instruções abaixo:

1. Crie um arquivo wp-config.php : Se a sua instalação local do WordPress ainda não tiver um arquivo wp-config.php , você pode criar um copiando o arquivo wp-config-sample.php e renomeando-o para wp-config.php .

2. Atualize as credenciais do banco de dados : Abra o arquivo wp-config.php e atualize as seguintes linhas com as informações apropriadas: 

define( 'DB_NAME', 'database_name' );
define( 'DB_USER', 'database_user' );
define( 'DB_PASSWORD', 'database_password' );
define( 'DB_HOST', 'localhost' );

Substitua database_name , database_user e database_password pelos valores que você usou ao criar o banco de dados e o usuário em uma etapa anterior.

3. Defina as chaves de segurança do WordPress : as chaves de segurança do WordPress adicionam uma camada extra de segurança ao seu site, criptografando as informações armazenadas nos cookies. Você pode gerar um conjunto de chaves de segurança no site oficial do WordPress. Copie as chaves geradas e cole-as em seu arquivo wp-config.php , substituindo as chaves de espaço reservado que já estão lá.

4. Habilitar depuração : Para desenvolvimento local, é útil habilitar a depuração no WordPress. Isso fornecerá mensagens de erro e avisos mais detalhados que podem ajudá-lo a solucionar problemas com seu site. Para habilitar a depuração, adicione a seguinte linha ao seu arquivo wp-config.php:

define( 'WP_DEBUG', true );

5. Salve as alterações : Depois de fazer as alterações no arquivo wp-config.php , salve o arquivo e feche-o.

A configuração bem-sucedida do arquivo wp-config.php garantirá que seu site WordPress instalado localmente possa se conectar ao banco de dados, seja seguro e forneça informações úteis de depuração à medida que você desenvolve e testa seu site localmente.

Importando um site WordPress ao vivo para o ambiente local

Siga as etapas abaixo se precisar importar um site WordPress ativo para o seu ambiente local:

Exportando o banco de dados do Live Site

Para exportar o banco de dados do site ativo, você precisará ter acesso ao servidor do site ativo.

Aqui estão as etapas para exportar o banco de dados do site ao vivo (observação: diferentes ambientes de servidor executarão isso de maneira diferente, mas a maioria deve seguir um processo semelhante):

  1. Faça login no painel de controle do seu servidor ao vivo .
  2. Acesse o banco de dados : O primeiro passo é acessar o banco de dados do site ativo. Você pode fazer isso usando uma ferramenta como phpMyAdmin, que geralmente é fornecida pelo seu provedor de hospedagem na web. Procure uma seção chamada “Databases” e clique em “phpMyAdmin”.
  3. Selecione o banco de dados : Depois de fazer login no phpMyAdmin, selecione o banco de dados para o seu site ativo no painel do lado esquerdo.
  4. Exportar o banco de dados : Clique no botão “Exportar” para iniciar o processo de exportação.
  5. Escolha o formato de exportação : Na tela de exportação, escolha o método de exportação “Rápido”, selecione o formato “SQL” e verifique se as opções “Estrutura” e “Dados” estão selecionadas.
  6. Baixe o arquivo de exportação : Clique no botão “Ir” para baixar o arquivo de exportação para o seu computador.

Importando o banco de dados para o servidor local

Para importar o banco de dados do site ao vivo para o servidor local, verifique se o software do servidor local escolhido já está instalado no computador.

Aqui estão as etapas para importar o banco de dados do site ao vivo para o servidor local:

  1. Abra o phpMyAdmin no software do seu servidor local : Faça login no phpMyAdmin para o seu servidor local e selecione o banco de dados que você criou para a instalação local do WordPress.
  2. Importar o banco de dados : Clique no botão “Importar” para importar os dados do arquivo de exportação que você acabou de baixar.
  3. Selecione o arquivo de importação : Na tela de importação, clique no botão “Escolher arquivo”, selecione o arquivo de exportação que você acabou de baixar e clique no botão “Ir” para iniciar o processo de importação.

Substituindo URLs no banco de dados

Depois de importar o banco de dados do site ativo, você precisará substituir as URLs no banco de dados para corresponder ao seu ambiente de desenvolvimento local.

Aqui estão as etapas para substituir URLs no banco de dados:

1. Abra o phpMyAdmin em seu software de servidor local.
2. Selecione o banco de dados importado no painel esquerdo.
3. Clique na guia “SQL”.
4. Digite a seguinte consulta na área de texto: 

UPDATE wp_options SET option_value = replace(option_value, 'http://www.livesite.com', 'http://local.livesite.com') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://www.livesite.com','http://local.livesite.com');
UPDATE wp_posts SET post_content = replace(post_content, 'http://www.livesite.com', 'http://local.livesite.com');

5. Substitua “http://www.livesite.com” pela URL do seu site ativo e substitua “http://local.livesite.com” pela URL do seu ambiente de desenvolvimento local.

6. Clique no botão “Ir” para executar a consulta.

Carregar os arquivos do Live Site para o ambiente local

Para carregar os arquivos do site ao vivo para o ambiente local, você precisará ter acesso FTP ao servidor do seu site ao vivo.

Siga as etapas abaixo para carregar os arquivos do site ao vivo para o seu ambiente local:

  1. Conecte-se ao servidor do seu site ao vivo usando um cliente FTP como o FileZilla.
  2. Navegue até o diretório raiz do seu site ao vivo no servidor.
  3. Baixe todos os arquivos para o seu computador local.
  4. Coloque os arquivos baixados no diretório raiz do seu ambiente de desenvolvimento local, que geralmente está localizado na pasta “htdocs” ou “www” no XAMPP ou outro software de servidor local.

Notas:

  1. Se você já possui uma instalação do WordPress, a pasta acima não estará vazia e você será solicitado a substituir os arquivos e diretórios existentes, portanto, substitua todos os arquivos, exceto o arquivo wp-config.php para manter as mesmas configurações, incluindo o conectado bancos de dados que foram preenchidos com os dados do site ao vivo.
  2. Antes de carregar os arquivos do site ao vivo para o ambiente local, pode ser necessário alterar as permissões de arquivo para torná-los graváveis ​​pelo software do servidor local.
  3. Além disso, certifique-se de testar seu backup local do WordPress antes de fazer qualquer alteração.

É isso! Agora você importou com sucesso seu site ao vivo em sua instalação local do WordPress e ambiente de desenvolvimento local.

Desenvolvendo e testando no site WordPress local

Você finalmente está pronto para desenvolver e testar seu site localmente usando os mesmos dados de seu site ativo, oferecendo um ambiente realista para teste e desenvolvimento.

Vamos ao processo:

Fazendo alterações e testes

  1. Faça login no site WordPress local: Abra seu site WordPress local em seu navegador da Web e faça login no painel do WordPress usando suas credenciais de administrador.
  2. Faça alterações no site: você pode fazer alterações em seu site WordPress local editando temas, plug-ins ou código personalizado. Basta acessar esses elementos no painel do WordPress.
  3. Teste as alterações: depois de fazer alterações no site WordPress local, é importante testar as alterações para garantir que funcionem conforme o esperado. Você pode testar as alterações visitando o front-end do seu site e verificando se as alterações entraram em vigor.

Depuração

  1. Use o modo de depuração: o WordPress possui um modo de depuração integrado que facilita a identificação e resolução de problemas em seu site. Para habilitar o modo de depuração, você precisa adicionar o seguinte código ao seu arquivo wp-config.php: define( 'WP_DEBUG', true ); .
  2. Verifique os logs de erro: se estiver tendo problemas com seu site WordPress local, você pode verificar os logs de erro para ver se há alguma mensagem de erro ou mensagem de aviso que possa ajudá-lo a identificar o problema. Os logs de erro podem ser encontrados no arquivo de log de depuração do WordPress, localizado no diretório wp-content.
  3. Use ferramentas de depuração: há várias ferramentas de depuração e plug-ins disponíveis para o WordPress que podem ajudá-lo a identificar e resolver problemas em seu site. Por exemplo, o plug-in Query Monitor fornece informações detalhadas sobre consultas de banco de dados, uso do plug-in e muito mais. Veja este tutorial para obter ajuda com a depuração do WordPress: Depurando o WordPress: Como usar o WP_Debug

Testando diferentes plugins e temas

Instalar, ativar e testar plug-ins e temas em um site WordPress local funciona exatamente da mesma maneira que em qualquer outro site WordPress regular. Portanto, certifique-se de fazer o seguinte enquanto estiver no modo de teste:

  1. Instalar plug-ins : instale plug-ins em seu site WordPress local para adicionar novos recursos ou funcionalidades ao seu site. Para instalar um plug-in, faça login no painel do WordPress, vá para a seção Plug-ins e clique no botão Adicionar novo.
  2. Ativar plug-ins : ative o plug-in que você está testando após instalá-lo para usá-lo em seu site. Para ativar um plug-in, vá para a seção Plug-ins do painel do WordPress e clique no botão Ativar ao lado do plug-in que deseja usar.
  3. Testar plug-ins : depois de ativar um plug-in, é importante testá-lo para garantir que esteja funcionando conforme o esperado. Teste os plug-ins visitando o front-end do seu site e verificando se o plug-in entrou em vigor.
  4. Instalar temas : instale temas em seu site WordPress local para alterar a aparência do seu site. Para instalar um tema, faça login no painel do WordPress, vá para a seção Aparência e clique no botão Temas.
  5. Ativar temas : ative o tema após instalá-lo para alterar a aparência do seu site. Para ativar um tema, vá para a seção Aparência do painel do WordPress e clique no botão Ativar ao lado do tema que deseja usar.
  6. Temas de teste : depois de ativar um tema, é importante testá-lo para garantir que está funcionando conforme o esperado. Teste os temas visitando o front-end do seu site e verificando se o tema entrou em vigor.

Você fez todas as alterações necessárias, depurou problemas e testou diferentes plugins e temas em seu site local?

Ótimo! Agora você está pronto para tornar seu site WordPress local ativo.

Implantando o site WordPress local no servidor ativo

A etapa final desse processo é exportar todos os arquivos e banco de dados locais do WordPress para o ambiente de hospedagem ativo e garantir que todas as alterações, configurações e URLs do site estejam funcionando no site ativo.

Exportando o banco de dados do site local

Siga as etapas abaixo para exportar seu site WordPress local para seu servidor ativo:

  1. Faça login no banco de dados do site local usando PHPMyAdmin.
  2. Selecione o banco de dados que deseja exportar.
  3. Vá para a guia "Exportar".
  4. Escolha o método de exportação “Rápido”.
  5. Selecione o formato “SQL”.
  6. Clique em “Ir” para baixar o arquivo SQL para o seu computador.

Importando o banco de dados para o servidor Live

Siga as etapas abaixo para importar o arquivo de exportação do seu banco de dados local do WordPress para o seu site ativo:

  1. Faça login no banco de dados do servidor ativo usando PHPMyAdmin.
  2. Crie um novo banco de dados para o site ativo.
  3. Vá para o novo banco de dados e selecione a guia "Importar".
  4. Escolha o arquivo SQL exportado de seu site local.
  5. Clique em “Ir” para importar o banco de dados.

Agora que você migrou o banco de dados do site local para o site ativo, vamos fazer o mesmo com os arquivos do site.

Carregar os arquivos do site local para o servidor Live

Siga as etapas abaixo para fazer upload dos arquivos do seu site WordPress local para o seu site ativo:

  1. Prepare os arquivos: antes de enviar os arquivos do site local para o servidor, é uma boa ideia revisar e limpar os arquivos. Isso pode incluir a remoção de arquivos desnecessários, como backups ou arquivos de teste, para minimizar a quantidade de dados sendo carregados.
  2. Conecte-se ao servidor: você pode se conectar ao servidor usando vários métodos, como FTP ou SFTP. Você precisará usar um software cliente, como o FileZilla, para se conectar ao servidor. Você precisará fornecer o host do servidor, nome de usuário e senha para se conectar.
  3. Carregar os arquivos: Uma vez conectado ao servidor, você pode carregar os arquivos do site local para o servidor. Você pode carregar os arquivos de várias maneiras, incluindo o upload de arquivos individuais ou o upload de toda a pasta local do site. Navegue até o diretório raiz do site ativo no servidor. Carregue todos os arquivos do site local para o diretório do site ativo no servidor e substitua os arquivos existentes, se solicitado.
  4. Atualize as informações do banco de dados: Depois de enviar os arquivos para o servidor, você precisará atualizar as informações do banco de dados no arquivo wp-config.php para refletir as informações do banco de dados do site ao vivo. Abra o arquivo wp-config.php em um editor de texto e atualize o nome do banco de dados, nome de usuário e senha para corresponder ao banco de dados ativo.
  5. Atualizar URLs no banco de dados: Consulte a seção abaixo.
  6. Teste o site: Depois de carregar os arquivos do site local para o servidor, é uma boa ideia testar o site para garantir que tudo esteja funcionando corretamente. Isso pode envolver o teste da funcionalidade, links e imagens do site para garantir que estejam funcionando conforme o esperado.

Atualizando URLs no banco de dados

Você pode atualizar as URLs em seu banco de dados usando um editor de texto ou trabalhando diretamente em seu banco de dados (certifique-se de que seu banco de dados tenha um backup completo antes de fazer alterações).

Atualizando URLs usando um editor de texto

Siga as etapas abaixo para atualizar as URLs em seu banco de dados usando um editor de texto.

  1. Exportar o banco de dados: Antes de atualizar as URLs no banco de dados, você precisará exportar o banco de dados. Use sua ferramenta de gerenciamento de banco de dados (por exemplo, phpMyAdmin).
  2. Localize e substitua os URLs : Depois de exportar o banco de dados, você precisará localizar e substituir os URLs no banco de dados. Você pode fazer isso usando um editor de texto como Sublime ou Visual Studio Code. Pesquise e substitua os URLs e certifique-se de substituir os URLs com cuidado e completamente, incluindo URLs em dados serializados.
  3. Importar o banco de dados : depois de atualizar as URLs no banco de dados, você precisará importar o banco de dados de volta para seu ambiente de desenvolvimento local. Você pode importar o banco de dados usando uma ferramenta de gerenciamento de banco de dados, como phpMyAdmin.
  4. Teste o site : Depois de importar o banco de dados atualizado, é uma boa ideia testar o site para garantir que tudo esteja funcionando corretamente. Isso pode envolver o teste da funcionalidade, links e imagens do site para garantir que estejam funcionando conforme o esperado.

Atualizando URLs no banco de dados

Siga as etapas abaixo para atualizar as URLs diretamente em seu banco de dados:

1. Faça login no banco de dados do site ao vivo usando PHPMyAdmin.
2. Selecione o banco de dados do site ativo.
3. Vá para a guia “SQL”.
4. Run the following SQL query to update the URLs: 

UPDATE wp_options SET option_value = replace(option_value, 'http://old-url', 'http://new-url') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://old-url','http://new-url');
UPDATE wp_posts SET post_content = replace(post_content, 'http://old-url', 'http://new-url');

Replace “old-url” with the URL of the local site and “new-url” with the URL of the live site.

5. Click “Go” to run the query.
6. This will update all references to the local site's URL with the live site's URL in the database, ensuring that all links and images on the live site work correctly.

If you have followed the above steps correctly, the URLs in your database should have successfully updated. After these steps, your local WordPress site should now be fully functional on the live server. Make sure to thoroughly test the live site to ensure that all features are working correctly, and make any necessary adjustments to ensure a seamless transition from the local development environment to the live server.

Local Development vs Webhost Staging Environment

While WordPress local development provides a safe and efficient environment to build, edit, and test WordPress websites, you may decide to work in a webhost staging environment instead (here are some good reasons why you may not want to develop WordPress locally).

Both local development environments and webhost staging environments, however, have their pros and cons.

Here is a brief overview of the pros and cons of using a WordPress local development versus a webhost staging environment:

Pros of Local Development Environment

  • Easy to Use : Local development environments are easy to use, even for beginner developers.
  • Flexibility : You have complete control over your local development environment, so you can configure it however you like.
  • Test Any Changes : With a local development environment, you can test any changes you make to your site without affecting the live version.

Cons of Local Development Environment

  • Not a Live Environment : A local development environment is not a live environment, so you cannot test your site with live data.
  • Limited Resources : Your local machine may have limited resources, such as memory and processing power, which can affect your site's performance.
  • Not a True Representation : A local development environment may not accurately represent a live server environment, so testing may not be 100% accurate.

Pros of Webhost Staging Environment

  • Live Environment : A webhost staging environment is a live environment, so you can test your site with live data.
  • More Accurate Testing : A webhost staging environment is a more accurate representation of a live server environment, so testing is more reliable.
  • More Resources : A webhost staging environment typically has more resources available than a local development environment, so your site's performance will be better.

Cons of Webhost Staging Environment

  • Cost : Setting up a webhost staging environment can be expensive, as you have to pay for hosting and a domain name.
  • Not as Fast : A webhost staging environment is not as fast as a local development environment because it runs on a remote server.

For smaller projects, a local development environment is a great option because it is free and easy to use. For larger projects, however, a webhost staging environment may be a better option because it is a live environment and provides more accurate testing.

Ultimately, the choice between these two methods will depend on your individual needs, preferences, and hosting options.

Note: We recommend avoiding shared hosting, and hosting on our Quantum plan instead for basic WordPress sites, but if you have reasons for choosing shared hosting, then check out our article on how to run WordPress local development on shared hosting.

All WPMU DEV hosting plans (except for Quantum) include a staging environment. Refer to our staging documentation for more details on the benefits of using a staging environment to develop and test WordPress sites.

Do you use a local environment to build and test WordPress sites? Share your experiences and comments below!