Como construir um site WordPress offline (em 3 etapas simples)

Publicados: 2022-08-29

Quando você estiver editando um site ao vivo, todas as alterações feitas serão implementadas imediatamente. Isso significa que, se você quiser experimentar uma nova codificação ou software experimental, poderá acabar quebrando seu site e alienando novos visitantes.

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

Neste post, explicaremos por que você pode querer construir um site WordPress offline. Em seguida, mostraremos como fazer isso usando o DevKinsta. Vamos começar!

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

Se você é proprietário de um site, provavelmente já sabe que realizar tarefas simples de gerenciamento pode afetar negativamente seu conteúdo ao vivo. Muitas vezes, atualizações de software, novas instalações e alterações baseadas em código podem causar tempo de inatividade ou outros problemas.

Uma maneira simples de evitar quebrar seu site é criar um ambiente de teste. Ao fazer uma cópia do seu site ao vivo, você pode testar as alterações de desenvolvimento com segurança. Usando Kinsta, você pode até configurar um site de teste com um clique:

Uma captura de tela da criação de um site de teste no MyKinsta
Criando um site de teste no MyKinsta

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

Felizmente, você pode salvar uma versão local do seu site em seu computador. Depois de criar um site WordPress offline, você pode fazer alterações sem uma conexão com a Internet.

Se você for um desenvolvedor ou designer profissional, provavelmente precisará trabalhar offline nos sites de seus clientes. Depois de cloná-los e trabalhar localmente, você pode desenvolver melhorias de codificação bem-sucedidas sem afetar o conteúdo ao vivo. Em seguida, você pode simplesmente enviar essas alterações para o site original.

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

Quando você estiver editando um site ao vivo, todas as alterações feitas serão implementadas imediatamente. Criar seu site offline pode tornar as coisas mais simples Click to Tweet

Como construir um site WordPress offline (em 3 etapas)

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 locais diferentes do WordPress que você pode usar, elas podem ter processos de configuração complicados. Com o DevKinsta, você pode criar seu primeiro ambiente local com um único clique:

Baixar DevKinsta
Você pode baixar o DevKinsta na página principal

Aqui estão alguns dos recursos de alta qualidade que incorporamos ao DevKinsta:

  • Suporte para PHP 7.2 – 8.0
  • Integração com MyKinsta
  • Gerenciamento de e-mail local
  • Gerenciador de banco de dados integrado

O DevKinsta pode suportar sistemas operacionais macOS, Windows e Linux. No entanto, antes de baixar nossa ferramenta de desenvolvimento local, é importante certificar-se de que seu computador atende a estes requisitos:

  • Pelo menos 5 GB de espaço em disco
  • Pelo menos 1 GB de RAM
  • Conexão com a Internet durante o download
  • Virtualização habilitada no 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 baixar e abrir o arquivo DevKinsta DMG.

Etapa 2: adicionar um novo site

Depois de instalar o DevKinsta, você pode usar três métodos diferentes para criar um site local do WordPress. Para garantir que você escolha o caminho certo para suas necessidades, vamos analisar cada abordagem.

Método 1: Adicionar 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 da Kinsta ou criar uma versão personalizada:

A página Criar um novo site DevKinsta está disponível após o download
Criar um novo site DevKinsta

Para criar um site WordPress completamente novo do zero, selecione Novo site WordPress . Isso criará um ambiente local configurado com Nginx, MySQL e o software WordPress mais recente.

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

Crie um novo login do WordPress na página de login principal
Criar novo login do WordPress

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

Configuração do site offline no DevKinsta
Nova configuração do site off-line

Durante esse processo, você provavelmente terá que digitar a senha do seu computador ou aceitar uma caixa de diálogo de confirmação. Isso permitirá que o software faça alterações no arquivo hosts e termine de criar o banco de dados.

Método 2: Importe seu site Kinsta

Se você tiver um plano de hospedagem Kinsta, poderá clonar seu site existente. Ao fazer isso, você pode enviar facilmente quaisquer alterações de volta ao seu ambiente de teste original ou site ao vivo. Para começar, selecione Importar da Kinsta :

Baixe o site Kinsta existente
Baixe o site Kinsta existente

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

Faça login com o e-mail e a senha do MyKinsta que você tem em mãos
Faça login com e-mail e senha do MyKinsta

Em seguida, escolha o site que deseja clonar em seu computador. Como o DevKinsta suporta ambientes de teste e ao vivo, você pode escolher qualquer um:

Selecione o site ao vivo ou de teste para importar da sua lista
Selecione o site ativo ou de teste para importar

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

Adicione detalhes do multisite do WordPress se você estiver executando o multisite
Adicionar detalhes do multisite do WordPress

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

Método 3: adicionar um site personalizado

Quando você deseja ter mais controle sobre sua instalação local do WordPress, pode selecionar a opção Site personalizado . Isso permitirá que você defina configurações específicas sobre o site:

Lutando com problemas de tempo de inatividade e WordPress? Kinsta é a solução de hospedagem projetada para economizar seu tempo! Confira nossas funcionalidades
Criar 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 do PHP:

Preencha os detalhes do site personalizado
Preencha os detalhes do site personalizado

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

Preencha as informações necessárias
Informações completas de login do WordPress

Depois de clicar em Criar site , o DevKinsta adicionará o domínio ao seu arquivo hosts e configurará um novo banco de dados. Isso deve levar apenas entre 15 e 20 segundos.

Etapa 3: gerencie seu site local

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

Abrir site WordPress off-line
Abrir site WordPress off-line

Para acessar o administrador do WordPress, selecione um site. Em seguida, na parte superior da página de informações do site , encontre o botão WP Admin :

Encontre o botão WP Admin e clique nele no DevKinsta
Clique no botão WP Admin

No navegador gerado, você pode preencher suas informações de login do WordPress. Em seguida, você poderá visualizar e editar seu site usando seu painel:

Abra o painel do site offline
O painel do WordPress agora está aberto offline

Depois de fazer as alterações, você pode voltar para a página de informações do site DevKinsta. Ao selecionar Sync > Push to Kinsta , você pode implementar esses desenvolvimentos em seu site de teste ou ao vivo. Alternativamente, você também pode fazer pull das alterações da Kinsta para este ambiente local:

Empurre alterações de e para Kinsta
Empurre alterações de e para Kinsta

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

Uma captura de tela do banco de dados Adminer
Gerenciar banco de dados do administrador

Como iniciante, você pode precisar criar apenas um site local do WordPress. No entanto, se você for um desenvolvedor ou trabalhar para uma agência, poderá criar e gerenciar vários sites no DevKinsta.

No DevKinsta, cada site é executado em um ambiente conteinerizado. Isso significa que você pode adicionar quantos projetos precisar. Para fazer isso, clique em Adicionar site na página inicial:

Gerenciar sites locais do DevKinsta
Gerenciar sites locais do DevKinsta

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

Sem conexão com a internet? Sem problemas. Veja como você pode criar uma versão local e offline do seu site neste guia Click to Tweet

Resumo

Depois de iniciar uma versão local do WordPress, você pode abrir e gerenciar seu site mesmo sem uma conexão com a Internet. Quando você voltar a ficar on-line, basta enviar as alterações para seu site ativo. Dessa forma, você pode concluir as tarefas de desenvolvimento a qualquer momento.

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