Quando você estiver editando um site de produção, quaisquer mudanças que você fizer serão imediatamente implementadas. Isso significa que, se você quiser experimentar um novo software de codificação ou experimental, você pode acabar quebrando seu site e afastando novos visitantes.

Para resolver este problema, você pode criar uma versão local, offline, do seu site. Isso permite que você execute e edite o WordPress sem precisar de uma conexão de internet. Ao instalar seu site em seu computador pessoal, você pode testar novos recursos, aprender como usar o WordPress e, eventualmente, fazer suas edições em tempo real.

Neste artigo, explicaremos porque você pode querer construir um site WordPress offline. Então, lhe mostraremos como fazer isso usando DevKinsta. Vamos começar!

Confira nosso guia em vídeo sobre como construir um site WordPress offline

Por que você poderia considerar a criação de um site offline

Se você é proprietário de um site, você provavelmente já sabe que executar tarefas simples de gerenciamento pode impactar negativamente o seu conteúdo de produção. Muitas vezes, atualizações de software, novas instalações e mudanças baseadas em código podem causar tempo de inatividade ou outros problemas.

Uma maneira simples de evitar a quebra do seu site é criar um ambiente de teste. Ao fazer uma cópia do seu site de produção, você pode testar com segurança as mudanças de desenvolvimento. Usando Kinsta, você pode até mesmo configurar um site de teste com um clique:

Criação de um site de  teste no MyKinsta
Criação de um site de  teste no MyKinsta

No entanto, há momentos em que você pode querer editar seu site inteiramente offline. Por exemplo, se você não tiver acesso a Wi-Fi, você não será capaz de abrir um site de teste.

Felizmente, você pode salvar uma versão local do seu site no seu computador. Depois de construir um site WordPress offline, você pode fazer mudanças sem uma conexão com a internet.

Se você é um desenvolvedor ou designer profissional, você provavelmente precisará trabalhar nos sites dos seus clientes offline. Uma vez que você os clonar e trabalhar localmente, você pode desenvolver melhorias de codificação bem sucedidas sem afetar o conteúdo de produção. Então, você pode simplesmente empurrar estas mudanças para o site original.

Além disso, os sites locais podem oferecer uma maneira eficaz de aprender como usar o WordPress. Se você é um iniciante completo, você pode criar um novo site offline antes de comprar um plano de hospedagem ou domínio. Isto pode reduzir custos à medida que você experimenta o desenvolvimento local do WordPress.

Como construir um site WordPress offline (em 3 passos)

Agora que você conhece os benefícios de usar um site WordPress local, vamos discutir como criar um!

Passo 1: Instale o DevKinsta

Embora existam muitas ferramentas de desenvolvimento WordPress locais diferentes que você pode usar, estas podem ter processos de configuração complicados. Com DevKinsta, você pode criar seu primeiro ambiente local com um único clique:

Você pode Baixar DevKinsta a partir da página principal
Você pode Baixar DevKinsta a partir da página principal

Aqui estão algumas das características de alta qualidade que nós incorporamos no DevKinsta:

A DevKinsta pode suportar sistemas operacionais MacOS, Windows e Linux. Entretanto, antes de você baixar nossa ferramenta de desenvolvimento local, é importante ter certeza de que seu computador atende a estes requisitos:

  • Pelo menos 5GB de espaço em disco
  • Pelo menos 1GB de RAM
  • Conexão com a Internet durante o download
  • Virtualização habilitada na BIOS

Então, o processo de instalação irá variar dependendo do software do seu computador. Você provavelmente precisará instalar o Docker Desktop antes de fazer o download e abrir o arquivo DMG DevKinsta.

Passo 2: Adicione um novo site

Uma vez instalado o DevKinsta, você pode usar três métodos diferentes para criar um site WordPress local. Para ter certeza de que você escolhe o método certo para suas necessidades, vamos caminhar através de cada abordagem.

Método 1: Adicionando um novo site WordPress

Se o DevKinsta foi instalado corretamente, você verá uma página Criar novo Site. Aqui, você pode adicionar um novo site WordPress, importar um do Kinsta, ou criar uma versão personalizada:

Criar um novo site DevKinsta
Criar um novo site DevKinsta

Para criar um site WordPress completamente novo a partir do zero, selecione Novo site WordPress. Isto irá construir um ambiente local que é configurado com Nginx, MySQL, e o mais recente software WordPress.

Para este método, tudo o que você precisa fazer é preencher um nome de site, nome de usuário do administrador WordPress e senha do administrador WordPress. Em seguida, clique em Criar site:

Criar novo login para WordPress
Criar novo login para WordPress

Depois de 30-60 segundos, a DevKinsta criará um novo site. Você poderá ver informações sobre o novo banco de dados, servidor, versão PHP, e muito mais:

Nova configuração de site offline
Nova configuração de site offline

Durante este processo, você provavelmente terá que inserir a senha do seu computador ou aceitar um diálogo de confirmação. Isto permitirá que o software faça alterações no seu arquivo hospedeiro e termine de criar o banco de dados.

Método 2: Importando seu site Kinsta

Se você tem um plano de hospedagem Kinsta, você pode clonar o seu site existente. Ao fazer isso, você pode facilmente empurrar qualquer mudança de volta ao seu ambiente de hospedagem original ou site de produção. Para começar, selecione Importar da Kinsta:

Download do site existente da Kinsta
Download do site existente da Kinsta

A seguir, você precisará conectar sua conta MyKinsta. Quando você terminar de digitar seu nome de usuário e senha, clique em Login:

Entrando com o e-mail e senha MyKinsta
Entrando com o e-mail e senha MyKinsta

Então, escolha o site que você quer clonar para o seu computador. Como a DevKinsta suporta tanto ambientes de teste quanto ambientes de produção, você pode escolher qualquer um deles:

Select live or staging site to import from your list
Selecione o site de produção ou de teste para importar

Se o site for multisite, especifique se ele usa um subdomínio ou subdiretório. Você pode selecionar No multisite também:

Adicionar detalhes do WordPress multisite
Adicionar detalhes do WordPress multisite

Depois que você clicar em Importar site, DevKinsta irá criar uma cópia local do site que você escolheu.

Método 3: Adicionando um site personalizado

Quando você quiser ter mais controle sobre sua instalação local de WordPress, você pode selecionar a opção Site personalizado. Isto irá permitir que você configure configurações específicas sobre o site:

Você pode criar um site offline com configuração personalizada
Você pode criar um site offline com configuração personalizada

Primeiro, escolha um nome para o site. Você também pode nomear o banco de dados e escolher uma versão PHP:

Preenchendo detalhes personalizados do site
Preenchendo detalhes personalizados do site

Em Detalhes do WordPress, você pode modificar o título do site, assim como a versão do WordPress. Finalmente, preencha seu e-mail administrativo, nome de usuário e senha:

Informação completa de login no WordPress
Informação completa de login no WordPress

Uma vez que você clique em Criar site, DevKinsta adicionará o domínio ao seu arquivo host e criará um novo banco de dados. Isto deve levar apenas entre 15 e 20 segundos.

Passo 3: Gerenciando seu site local

Depois de criar um site local, você precisará saber como visitá-lo e gerenciá-lo. Desta forma, você pode implementar mudanças e avaliar o sucesso delas. Na página Sites, clique no ícone da seta para abrir o frontend do seu site:

Abrir site WordPress offline
Abrir site WordPress offline

Para ir ao seu administrador WordPress, selecione um site. Então, no topo da página de informações do site, encontre o botão WP Admin:

Clique no botão WP Admin
Clique no botão WP Admin

No navegador gerado, você pode preencher suas informações de login do WordPress. Então, você será capaz de visualizar e editar seu site usando seu painel de controle:

O painel de controle do WordPress está agora aberto offline
O painel de controle do WordPress está agora aberto offline

Uma vez que você fizer mudanças, você pode voltar para a página de informações Site DevKinsta. Ao selecionar Sinc > Mover para Kinsta, você pode implementar estes desenvolvimentos em seu site de teste ou de produção. Alternativamente, você também pode puxar as mudanças de Kinsta para este ambiente local:

Mudanças de e para Kinsta
Mudanças de e para Kinsta

Se você clicar em Gerenciador do banco de dados, você pode iniciar o Adminer em uma aba do navegador. Usando esta ferramenta, você pode criar novos bancos de dados, inspecionar os dados em uma tabela, alterar configurações de colunas, executar consultas SQL, e muito mais:

Gerenciamento do banco de dados Adminer
Gerenciamento do banco de dados Adminer

Como um iniciante, você pode precisar criar apenas um site WordPress local. Entretanto, se você é um desenvolvedor ou trabalha para uma agência, você pode construir e gerenciar vários sites no DevKinsta.

No DevKinsta, cada site funciona em um ambiente de contêineres. Isto significa que você pode adicionar tantos projetos quantos você precisar. Para fazer isso, clique em Adicionar site na página inicial:

Gerenciar sites locais DevKinsta
Gerenciar sites locais DevKinsta

Até agora, você deve ter um novo site WordPress offline e as ferramentas que você precisa para personalizá-lo! Isso pode ajudá-lo a desenvolver seu site sem Wi-Fi e evitar erros de codificação de produção.

Resumo

Depois de lançar uma versão local de WordPress, você pode abrir e gerenciar seu site mesmo sem uma conexão de internet. Quando você voltar a estar online, você pode simplesmente mover suas mudanças para o seu site de produção. Desta forma, você pode completar as tarefas de desenvolvimento a qualquer momento.

Usando o DevKinsta, instalar um ambiente WordPress local pode ser um processo fácil. Baixe esta ferramenta gratuita hoje mesmo para criar um site de testes offline com apenas um clique!

Jeremy Holcombe Kinsta

Content & Marketing Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems ;).