Guia Completo na Instalação de um Servidor Web e WordPress no Localhost

Qualquer desenvolvedor WordPress deve ser capaz de desenvolver em um servidor web local. É uma maneira rápida e direta de ver seu código em ação. Neste post, vou explicar como instalar e configurar um aplicativo de servidor web em seu computador (tanto Windows quanto MacOS), incluindo como resolver os problemas que podem surgir.

Existem muitas soluções para configurar um servidor web local, por exemplo, usando Docker, Vagrant ou um aplicativo de servidor web simples. O último é definitivamente o mais simples. Este post passará pelo processo de configuração do WampServer para Windows e do XAMPP para MacOS. Vá para o sistema operacional do seu computador:

Instalando o WampServer no Windows

Instalar um servidor web para Windows é bastante simples. Trata-se principalmente de seguir o assistente de configuração, então não entrarei em muitos detalhes aqui.

O primeiro passo é baixar o aplicativo do servidor web. Clique no link para ir para a página do WampServer e clique em “Download" no menu.

Você tem a opção de instalar um de 64 bits ou um de 32 bits. A maioria dos computadores hoje suporta 64 bits, então eu optaria por isso. Ao clicar no botão de download, um formulário será exibido, mas você pode simplesmente clicar no link na parte superior que diz “você pode baixá-lo diretamente”. Isso o levará ao download real.

Após o download do arquivo, clique no arquivo .exe para iniciar a instalação. Siga o processo de configuração. Lembre-se de que o local escolhido para instalar o WampServer é onde você precisará colocar seus arquivos do WordPress e qualquer outro projeto de site que você queira fazer. Se ele solicitar seu navegador padrão, selecione o programa do navegador (normalmente localizado em uma subpasta em C:Program Files (x86)).

Quando a instalação terminar e o WampServer for iniciado, ele aparecerá na bandeja do Windows (no lado direito da barra de tarefas, perto do relógio).

Quando o ícone estiver verde, o WampServer está executando o servidor web com sucesso. Quando está laranja ou vermelho o servidor está offline. Clique no ícone WampServer na bandeja para configurar e iniciar/reiniciar/parar serviços.

Para testar se o servidor web funciona, abra seu navegador e vá para http://localhost/. Você deve ver a página inicial do WampServer.

Se você iniciou com sucesso o servidor web, pule para ” Instalando o WordPress “! Se algo deu errado, dê uma olhada na seção intitulada “Possíveis problemas e correções para o WampServer” para tentar resolver o problema.

Instalando o XAMPP no MacOS X

Configurar um servidor web e fazer o WordPress funcionar corretamente em um MacOS é definitivamente um desafio. Depois de fazer isso algumas vezes, encontrei o processo com menos etapas e o melhor resultado.

Vá para o site do XAMPP e encontre a grande área verde de Download. Clique em “XAMPP para OS X”.

Siga o guia de configuração e, quando solicitado, arraste o ícone para a pasta Aplicativos. Clique em Abrir nas caixas de diálogo que perguntam se você tem certeza de abrir o aplicativo baixado da Internet. Quando a configuração estiver concluída, inicie o aplicativo XAMPP no Launcher.

Quando o XAMPP for inicializado pela primeira vez, você precisará clicar no botão “Iniciar”.

Depois de um tempo, o indicador deve mudar de vermelho para verde e você deve ver seu IP aparecer. Neste ponto, o servidor web e o servidor de banco de dados estão funcionando no endereço IP fornecido. Mas queremos usar um bom URL localhost em vez do IP. Clique na aba “Network” e na linha “localhost:8080” clique no botão Enable.

Após esta linha ficar verde, abra a URL http://localhost:8080/ no seu navegador. Você deve ver a página de boas-vindas do XAMPP. Isso significa que o servidor web está funcionando.

Para obter acesso à pasta do projeto web onde você colocará o WordPress e quaisquer outros arquivos de projeto, você precisa ir para a guia Volumes no XAMPP. Clique no botão “Montar”.

O XAMPP agora deve estar executando o servidor web e o servidor de banco de dados MySQL com sucesso, pronto para você instalar o WordPress. Siga as etapas abaixo para instalar o WordPress, pois há várias etapas adicionais necessárias para que o XAMPP funcione corretamente.

Instalando o WordPress (WampServer e XAMPP)

Vá para a página de download do WordPress e clique no botão azul de download. Ele deve fornecer um arquivo zip que, ao extrair, criará uma pasta “wordpress” com todos os arquivos para fazer o WordPress funcionar.

Mova o arquivo zip baixado para a wwwpasta (para WampServer) / htdocspasta (para XAMPP). Descompacte o arquivo zip baixado. Quando terminar de descompactar, você deverá ter uma subpasta “wordpress” dentro da pasta do seu servidor web. Isso significa que o WordPress estará acessível a partir da URL http://localhost/wordpress/ (para WampServer) / http://localhost:8080/wordpress/ para (XAMPP). No entanto, você pode renomear a pasta, se desejar.

O próximo passo é criar um banco de dados para WordPress. Tanto o WampServer quanto o XAMPP instalam automaticamente o phpMyAdmin para você acessar os bancos de dados. Para WampServer: Clique no ícone WampServer na bandeja do sistema e clique em “phpMyAdmin” ou vá até a URL http://localhost/phpmyadmin. Para o XAMPP: Acesse o phpMyAdmin indo até a url http://localhost:8080/phpmyadmin ou clicando no item de menu “phpMyAdmin” no canto superior direito da página de boas-vindas do XAMPP em http://localhost:8080. Faça login com o nome de usuário ‘root’ e senha vazia (ambos os servidores da web).

Na barra lateral à esquerda, clique em “Novo” para criar um novo banco de dados. Digite o banco de dados desejado (por exemplo, “wordpress”) e o agrupamento do banco de dados (utf8_general_cié uma boa escolha).

Após a criação do banco de dados, você pode fechar o phpMyAdmin. O próximo passo é configurar o arquivo de configuração do WordPress.

Navegue até sua pasta do WordPress. Faça uma cópia do arquivo wp-config-sample.phpe renomeie a cópia para wp-config.php. Abra wp-config.phpe edite as seguintes linhas (assumindo que o nome do seu banco de dados é ‘ wordpress‘);

• define( 'DB_NAME', 'wordpress' );
• define( 'DB_USER', 'root' );
• define( 'DB_PASSWORD', '' );

Deixe o resto como está, salve e feche o arquivo.

No seu navegador, navegue até http://localhost/wordpress/ (WampServer) / http://localhost:8080/wordpress/ (XAMPP) – ou qualquer pasta em que você descompactou o WordPress. Você deve ser saudado com a tela de configuração do WordPress. Siga as etapas para configurar sua instalação do WordPress.

Para usuários do Windows/WampServer, você instalou o WordPress com sucesso! Se você encontrar problemas, dê uma olhada na seção ” Possíveis problemas e correções para o WampServer “.

Para usuários do MaxOS/XAMPP, infelizmente, existem algumas etapas adicionais para fazer o WordPress funcionar corretamente – prossiga para a próxima etapa.

Corrigindo problemas ao executar o WordPress no XAMPP

A instalação de plugins/temas está pedindo informações de FTP

Se você tentar instalar um plug-in, poderá receber esta caixa de diálogo perguntando sobre credenciais de FTP:

A solução que encontrei que resolve isso é editar seu wp-config.phparquivo. Logo após a WP_DEBUGdefinição adicione esta linha

define( 'FS_METHOD', 'direct' );

Salve e feche o wp-config.phparquivo. O WordPress não solicitará mais informações de FTP, mas os plugins ainda não poderão ser instalados. Você provavelmente receberá “Falha na instalação. Não foi possível criar o diretório”. Isso acontece devido à propriedade e permissões incorretas para os arquivos e pastas.

Falha na instalação de plugins/temas com “Não foi possível criar diretório”

Para corrigir esse Finder aberto, clique com o botão direito do mouse em sua htdocspasta e clique em "Obter informações". Na parte inferior da janela, clique para expandir “Compartilhamento e Permissões”. Clique no ícone de cadeado e digite sua senha de administrador para ter acesso e alterar as configurações. Em “Todos” defina a permissão para “Ler e escrever”. Em seguida, clique no ícone Cog e escolha “Aplicar aos itens incluídos…”. Clique em OK na caixa de diálogo.

A etapa final é alterar as permissões nos arquivos e pastas usando chmod. Abra o terminal (Command + Spacebar, digite “terminal” e clique em Enter). No prompt, escreva ” cd” (incluindo um espaço depois) e arraste a pasta Finder htdocs para a janela do terminal e clique em Enter. Caso contrário, você precisará digitar o caminho completo para a pasta htdocs (veja a caixa cinza acima). Uma vez dentro da pasta htdocs, digite este comando e clique em Enter:

sudo chmod -R 0777 *

Se for solicitada sua senha de administrador, digite-a e clique em Enter. O prompt deve permanecer por um tempo e, de repente, atualizar para um novo prompt quando terminar.

Atualize sua página de administração do WordPress e agora você poderá usar o WordPress como de costume!

Possíveis problemas e correções para WampServer

O ícone do WampServer na bandeja do sistema é laranja e nunca fica verde

Experimente http://localhost/ em um navegador de qualquer maneira. Se funcionar, provavelmente significa que o WampServer está configurado com mais serviços do que você precisa. Você precisa apenas do Apache (servidor web) e MySQL (banco de dados). Eu experimentei que o WampServer por padrão também tenta iniciar o MariaDB (outro serviço de banco de dados). Mas como ele não pode iniciar o MariaDB, o ícone permanece laranja – mesmo que o Apache e o MySQL estejam rodando. Se for esse o caso, remova o serviço MariaDB.

Localhost não está funcionando

Infelizmente, pode haver muitas razões para isso. Eu começaria verificando se o serviço Apache e MySQL está em execução. Clique no ícone WampServer na bandeja > Apache > Administração de serviço. Se o “Serviço Iniciar/Retomar” estiver verde e clicável, isso significa que o Apache não está em execução no momento.

Se o Apache não estiver em execução, tente clicar em “Instalar serviço” nesse mesmo menu. Você deve obter um prompt de comando que mostre a configuração bem-sucedida do Apache ou pode receber um prompt do motivo pelo qual não está funcionando.

Na maioria dos casos, o Apache não pode iniciar porque a porta 80 está ocupada por algum outro programa. Verifique se você tem o Skype instalado. Google como configurar o Skype para não ocupar a porta 80 e tente novamente o WampServer.

Permalinks bonitos não funcionam no WordPress

Permalinks personalizados (bonitos) no WordPress requerem que o módulo ” rewrite_module” seja instalado em seu servidor web. Clique no ícone WampServer na bandeja > Apache > Módulos Apache – e na longa lista localize e clique em ” rewrite_module“. WampServer irá instalar o módulo e reiniciar o servidor web Apache automaticamente.

Meu tamanho máximo de upload na Biblioteca de mídia é de apenas 2 MB

Por padrão, o WampServer define o tamanho máximo de upload do arquivo para 2 Mb. Isso geralmente é muito pequeno para carregar imagens maiores na Biblioteca de mídia. Para corrigir isso, precisamos alterar o php.iniarquivo do Apache. Clique no ícone WampServer > PHP > php.ini. Ele deve abrir o arquivo em seu programa de edição de texto padrão.

Procure por “upload_max_filesize” e aumente o valor M (Mb) para algo assim:

upload_max_filesize = 50M

Eu também recomendo mudar mais uma coisa. Procure por “post_max_size”. Aumente o valor M (Mb) para que a linha fique assim:

post_max_size = 50M

Feche o arquivo e reinicie o Apache.