Como instalar o XAMPP e o WordPress localmente no Windows PC

Publicados: 2019-08-07

Ter uma instalação local do WordPress em seu computador pode ser incrivelmente útil para teste e desenvolvimento de sites. Desenvolvedores do WordPress e proprietários de sites frequentemente instalam o WordPress localmente em seus computadores para testar novos lançamentos, temas, plugins e atualizações de código antes de usá-los na produção.

Neste artigo, mostrarei como você pode criar um ambiente local do WordPress usando um aplicativo gratuito chamado XAMPP.

Por que instalar o WordPress localmente?

Você pode estar se perguntando por que alguém se daria ao trabalho de instalar o WordPress em seu computador. Afinal, não seria mais rápido apenas instalar atualizações em seu site ao vivo e economizar tempo? Realizar atualizações diretamente em seu site WordPress ao vivo realmente economizará seu tempo inicialmente, mas como qualquer usuário experiente do WordPress lhe dirá, fazer isso é arriscado. Sempre há uma chance de que atualizar para uma nova versão do WordPress, ou atualizar um tema ou plug-in, faça com que seu site falhe.

Aqui estão as razões mais frequentes pelas quais as pessoas estão instalando uma versão local do WordPress em seus computadores:

  • Teste – Uma instalação local do WordPress permite testar com segurança atualizações, ajustes e outras personalizações.
  • Teste do site – Seu site local do WordPress pode ser usado como um site de teste do WordPress. Depois de fazer as modificações desejadas, elas podem ser enviadas para o seu site ao vivo.
  • Desenvolvimento – Uma versão local do WordPress é o ambiente perfeito para criar e modificar temas e plugins do WordPress.
  • Acesso offline – Pode ser útil configurar um site WordPress de teste online que possa ser acessado de qualquer lugar; no entanto, uma instalação local do WordPress não precisa de uma conexão com a internet. Portanto, você pode acessar sua instalação local se sua conexão cair ou se estiver viajando e não tiver acesso à internet.
  • Segurança e privacidade – Uma instalação local do WordPress só é acessível a você em seu computador. Isso é significativamente mais seguro do que um site WordPress instalado online.
  • Velocidade – As instalações locais do WordPress são executadas mais rapidamente do que suas contrapartes online.

Como você pode ver, há muitos benefícios em configurar uma instalação local do WordPress. Você ficará feliz em saber que configurar um é um processo relativamente simples.

O que é XAMPP?

Para executar o WordPress, é recomendável que seu ambiente inclua:

  • Apache ou Nginx,
  • PHP 7.3+,
  • MySQL 5.6+ ou MariaDB 10.0+.

Cada um desses aplicativos de código aberto pode ser instalado separadamente em seu computador, no entanto, é demorado fazê-lo. Por outro lado, o XAMPP instala tudo o que você precisa para executar o WordPress. Além disso, você pode usá-lo para criar instalações locais de outras soluções de sites, como Joomla, Drupal, PrestaShop, PHPBB e OpenCart também.

Página inicial do XAMPP

O nome XAMPP é um acrônimo de multiplataforma (X), Apache (A), MariaDB (M), PHP (P) e Perl (P). O XAMPP é “multiplataforma” porque funciona em vários sistemas operacionais. Os quatro aplicativos instalados pelo XAMPP abrem muitas possibilidades para proprietários e desenvolvedores de sites.

Acredito que a maioria dos usuários do WordPress se sentirá confortável usando o instalador do XAMPP, no entanto, se você tiver algum problema, poderá encontrar ajuda no fórum da comunidade do XAMPP.

Instale o XAMPP no seu computador

O XAMPP é um software de código aberto, então você pode baixá-lo gratuitamente. Como um aplicativo multiplataforma, está disponível para os sistemas operacionais Windows, Linux, Mac e Solaris.

Versões do XAMPP

Você pode baixar o XAMPP com diferentes versões do PHP para cada sistema operacional. Ele vem com vários complementos que permitem instalar aplicativos populares em cima do XAMPP - falaremos sobre eles mais adiante no artigo.

Downloads do Windows XAMPP

Para este tutorial, instalei a versão PHP 7.3.7 do XAMPP no meu laptop Windows. O processo é o mesmo para usuários de Linux, Mac e Solaris; embora o layout do painel de controle varie de acordo com o sistema operacional.

Para iniciar o processo de instalação, baixe a versão do XAMPP que melhor atende às suas necessidades e clique duas vezes no arquivo .exe .

Instale o XAMPP

Na próxima etapa, você precisa selecionar os componentes do servidor e da linguagem do programa que deseja instalar. Todos os componentes são selecionados por padrão.

Selecione os componentes do XAMPP

Agora, você precisa definir o local da pasta de instalação onde o XAMPP (e posteriormente seu site WordPress) será instalado.

Selecione a pasta de instalação do XAMPP

Na próxima etapa, você encontrará uma breve nota sobre o aplicativo Bitnami. Falarei mais sobre como você pode usar o Bitnami para instalar o WordPress mais adiante no artigo.

Nota Bitnami na configuração do XAMPP

Depois de concluir as etapas de configuração, você pode começar a instalar o XAMPP.

Comece a instalar o XAMPP

Leva apenas um minuto para o XAMPP descompactar todos os arquivos e instalá-los em seu computador.

Instalando arquivos XAMPP

O XAMPP pode ser sinalizado pelo software antivírus, portanto, certifique-se de dar acesso a ele.

Dê acesso ao firewall XAMPP

Parabéns! O XAMPP já foi instalado! Agora, você pode iniciar o painel de controle do XAMPP na área de trabalho do Windows.

XAMPP foi instalado

O painel de controle do XAMPP pode ser carregado em inglês ou alemão.

Selecione seu idioma XAMPP

O painel de controle pode ser um pouco assustador no começo, mas é simples de usar quando você sabe onde está tudo.

À esquerda, você verá os componentes do módulo que instalou. À direita, você pode encontrar suas ações correspondentes: Start , Admin , Config e Logs . Os botões de ação do administrador ficarão acinzentados até que os módulos pertencentes estejam em execução.

No lado direito, há links para funcionalidades úteis, como a área de configuração do painel de controle, ferramenta de utilitário Netstat , shell de comando, explorador de arquivos e serviços.

Primeiro lançamento do painel de controle do XAMPP

Do início ao fim, o processo de download e instalação do XAMPP deve levar apenas alguns minutos.

Nas seções a seguir, mostrarei como instalar o WordPress localmente usando o Bitnami e como você pode instalar o WordPress manualmente. Em ambos os métodos, você precisa iniciar os serviços Apache e MySQL. Para fazer isso, tudo o que você precisa fazer é clicar nos botões de início de cada módulo.

Inicie o Apache e o MySQL

Agora, o XAMPP permanecerá na barra de tarefas do Windows, a menos que você saia do aplicativo. Ao clicar com o botão direito do mouse no ícone do XAMPP, você pode ativar e desativar os módulos. Você também pode sair do XAMPP daqui.

XAMPP na barra de tarefas do Windows

Você pode verificar se o seu servidor está funcionando corretamente digitando localhost na barra de URL do seu navegador. Ao fazer isso, você verá a página de boas-vindas do XAMPP que inclui os detalhes técnicos de sua instalação.

Página inicial local do XAMPP

Agora que o XAMPP foi instalado e os módulos Apache e MySQL foram iniciados, você também pode instalar o WordPress.

Instale o WordPress usando o Bitnami

Bitnami é uma solução de pacote de aplicativos que simplifica o processo de instalação de aplicativos populares de código aberto. A empresa foi adquirida pela VMWare em maio de 2019; embora os fundadores da Bitnami tenham confirmado que continuará a ser suportado.

O XAMPP incentiva os usuários a usar o Bitnami promovendo o aplicativo durante o processo de instalação do XAMPP e também como uma “ferramenta completa” em sua página de complementos.

Complementos do XAMPP

Você pode baixar o módulo Bitnami WordPress da página Bitnami Modules for XAMPP. Está disponível para Windows e Linux. No momento da redação deste artigo, o módulo não está disponível para outros sistemas Unix, mas funciona com OS X se você usar XAMPP-VM em vez de XAMPP.

Depois de clicar no arquivo de instalação do Bitnami WordPress, você será perguntado em qual idioma deseja instalar o WordPress. Os idiomas disponíveis são inglês, espanhol, português, chinês simplificado, coreano, hebraico, alemão, romeno e russo.

Seletor de idioma do instalador do XAMPP Bitnami

Agora, você pode clicar no assistente de configuração do módulo Bitnami WordPress.

Assistente de configuração do módulo Bitnami WordPress

Na próxima etapa, você precisa selecionar a pasta onde o XAMPP foi instalado anteriormente. Se você não alterou a pasta de instalação padrão do XAMPP, o Bitnami listará corretamente sua pasta de instalação do XAMPP.

Selecione a pasta de instalação do XAMPP

Bitnami criará sua conta de administrador do WordPress agora. Tudo o que você precisa fazer é inserir seu nome de usuário, nome real, endereço de e-mail e senha.

Crie uma conta de administrador do WordPress com Bitnami

Nesta etapa, basta digitar o nome da sua instalação do WordPress.

Digite o nome do site WordPress

Agora, você pode inserir os detalhes da sua conexão SMTP. Você pode escolher entre duas opções: Gmail e provedor de e-mail personalizado.

Configuração SMTP

Se você selecionar Gmail, precisará inserir seu endereço e senha do Gmail. Se você selecionar personalizado, precisará inserir todas as informações de conexão SMTP fornecidas pelo seu provedor de e-mail.

Insira as informações de conexão SMTP

A próxima etapa exibe um anúncio do Bitnami Cloud. Se você deixar a caixa de seleção marcada, ele abrirá a página de informações que explica os benefícios de hospedar seu site WordPress com eles por meio de serviços em nuvem, como Google Cloud e Amazon Web Services.

Nuvem Bitnami

Bitnami agora instalará o WordPress no seu PC com Windows.

Instalando o WordPress no seu PC com Windows

Leva apenas um minuto ou mais para que os arquivos necessários sejam instalados.

Clique para instalar o WordPress

Parabéns! Você acabou de instalar o WordPress localmente no seu computador usando o Bitnami!

Instalação do WordPress concluída com Bitnami

A última etapa do assistente de instalação do Bitnami WordPress pede que você inicie o módulo Bitnami WordPress. Fazê-lo vai abrir o front-end do seu novo site WordPress.

Meu novo site pode ser acessado localmente no URL http://127.0.0.1/wordpress/ .

Front-end do WordPress instalado com Bitnami

Como seria de esperar, a área de administração do meu novo site WordPress pode ser encontrada localmente em http://127.0.0.1/wordpress/wp-admin/ .

Área de administração do WordPress instalada com Bitnami

Bitnami instalou o WordPress na pasta de aplicativos XAMPP em C:\xampp\apps\wordpress . Você pode encontrar todos os arquivos do WordPress na pasta htdocs .

A pasta de instalação do Bitnami WordPress

Como você pode ver, o processo de instalação do WordPress localmente em seu computador usando XAMPP e Bitnami é muito fácil. O software faz tudo para você.

Acredito que este seja o método que a maioria dos usuários do WordPress deve escolher ao instalar um site WordPress localmente em seu computador.

Configurar o WordPress manualmente no XAMPP

O Bitnami é sem dúvida a forma mais simples de instalar o WordPress no XAMPP, mas também é importante saber como instalar manualmente o WordPress. Aqueles de vocês que já instalaram o WordPress manualmente em um site ativo estarão familiarizados com o processo.

Existem três etapas para instalar o WordPress manualmente com o XAMPP:

  1. Crie o banco de dados do WordPress.
  2. Baixe o WordPress.
  3. Instale o WordPress.

Vamos seguir em frente e criar o banco de dados WordPress.

1. Crie seu banco de dados WordPress

Você pode criar seu banco de dados WordPress no aplicativo phpMyAdmin que foi instalado junto com o XAMPP. Para acessar o phpMyAdmin, basta clicar no botão admin do módulo MySQL.

Botão de administração do MySQL

O aplicativo phpMyAdmin será carregado no seu navegador.

página inicial do phpMyAdmin

Clique na guia "Bancos de dados" , digite um nome para o seu banco de dados WordPress e clique no botão "Criar" . Você pode chamar o banco de dados como quiser, mas lembre-se disso para o assistente de instalação do WordPress mais tarde.

Criar banco de dados WordPress no phpMyAdmin

Em contraste com a instalação do WordPress em uma configuração ao vivo, você não precisa criar um usuário de banco de dados ao usar o XAMPP (embora você ainda possa, se desejar).

2. Baixe o WordPress

O WordPress pode ser baixado diretamente de https://wordpress.org/download/. Após baixar o instalador, extraia o arquivo ZIP para descompactar a pasta do WordPress.

Baixar WordPress

Em seguida, vá para a pasta htdocs dentro da pasta principal de instalação do XAMPP. No Windows, se você não alterou o local da pasta de instalação do XAMPP durante a instalação, a pasta htdocs estará localizada em C:\xampp\htdocs\ .

Crie uma nova pasta para o seu site WordPress local dentro desta pasta. Eu chamei o meu mylocalwordpress , mas você pode usar o nome que quiser. Você precisa copiar o conteúdo da pasta WordPress que você extraiu do arquivo ZIP para esta nova pasta. No meu caso, é C:\xampp\htdocs\mylocalwordpress\ .

Pasta de instalação local do WordPress

Agora você tem tudo para instalar o WordPress localmente.

3. Instale o WordPress

Agora é hora de instalar o WordPress.

Se desejar, você pode instalar o WordPress adicionando as informações do banco de dados ao arquivo wp-config-sample.php e renomeando-o para wp-config.php . No entanto, é muito mais fácil executar o famoso assistente de instalação do WordPress; e você sempre pode modificar o arquivo wp-config.php posteriormente, se necessário.

Para executar o assistente de instalação do WordPress, você precisa acessar seu novo site WordPress. Lembra da pasta que você criou no htdocs anteriormente? O nome desta pasta é usado como o local do seu site WordPress.

Assim, você pode acessar seu site WordPress em http://localhost/yourwebsitename/ . Por exemplo, na minha configuração, tive que visitar http://localhost/mylocalwordpress/ . Ao visitar a URL de instalação local, você verá o assistente de instalação do WordPress (localizado em http://localhost/yourwebsitename/wp-admin/setup-config.php ).

Na primeira etapa, você pode selecionar o idioma do seu site entre as dezenas em que o WordPress foi traduzido.

Seletor de idioma do instalador do XAMPP WordPress

Na próxima etapa, o instalador lembra que você precisará das informações de conexão do banco de dados para o assistente.

Lembrete de informações do banco de dados do instalador do WordPress

Agora, você precisa inserir os detalhes de conexão do banco de dados. Digite o nome do banco de dados do WordPress, nome de usuário e senha do banco de dados, host do banco de dados e o prefixo da tabela que deseja usar para suas tabelas do WordPress.

Insira os detalhes da sua conexão com o banco de dados

O nome do seu banco de dados é o nome do banco de dados que você criou no phpMyAdmin. Se você esqueceu o nome do seu banco de dados neste estágio, você pode fazer login novamente no phpMyAdmin a partir do painel de controle do XAMPP e vê-lo lá.

O nome de usuário do banco de dados deve ser definido como root e o campo de senha deve ser deixado em branco. O host do banco de dados deve permanecer como localhost . Você também pode alterar o prefixo da tabela, se desejar. Vale a pena fazer isso se você planeja criar vários sites WordPress em seu ambiente local.

Detalhes da minha conexão com o banco de dados

Em seguida, você será solicitado a executar o assistente de instalação do WordPress.

Execute o assistente de instalação do WordPress

Agora você pode inserir o nome do seu novo site WordPress, seu nome de usuário e senha de administrador e seu endereço de e-mail. Essa página também tem uma opção para desencorajar os mecanismos de pesquisa de indexar seu site; embora isso não seja aplicável agora, pois seu site está offline.

Quando estiver pronto, clique no botão “Instalar WordPress” .

Insira os detalhes do site antes da instalação do WordPress

O WordPress já foi instalado no seu computador e você pode fazer login no seu novo site.

WordPress foi instalado

O assistente de instalação do Bitnami WordPress direcionou você para o front-end do seu site. O procedimento de instalação manual do WordPress irá, em vez disso, levá-lo para a página de login do administrador para que você possa entrar na sua área de administração do WordPress em http://localhost/yourwebsitename/wp-admin/ .

Login de administrador do WordPress

Agora você pode começar a usar seu site local do WordPress.

Área de administração do WordPress

Embora o módulo Bitnami WordPress simplifique a instalação do WordPress, instalar o WordPress manualmente usando o XAMPP está longe de ser difícil.

O método de instalação Bitnami evita que você tenha que criar seu banco de dados WordPress no phpMyAdmin e baixar a versão mais recente do WordPress do WordPress.org. No entanto, se você instalar o WordPress manualmente, terá mais controle sobre como as coisas são configuradas.

A escolha é sua.

Pensamentos finais

Espero que você tenha gostado deste tutorial sobre como criar um site local do WordPress no seu computador usando o XAMPP.

Um site local do WordPress é algo que os usuários do WordPress podem usar para testes, preparação de sites, desenvolvimento e muito mais. Se você instala o WordPress manualmente ou usa o módulo Bitnami WordPress para simplificar o processo de instalação, tenho certeza de que você poderá seguir as etapas acima.

Vale a pena notar que alguns aplicativos, como o Skype, podem entrar em conflito com o XAMPP porque o Apache usa a porta 80. Você encontrará tutoriais on-line sobre como resolver esse problema, mas se você enfrentar esse problema, normalmente é mais rápido desinstalar o XAMPP e instale-o novamente. Boa sorte.