Esta lição mostrará rapidamente como configurar um ambiente de desenvolvimento local e instalar o WordPress nele, para que possamos começar a desenvolver nosso tema. É para você que nunca configurou um ambiente de desenvolvimento ou instalou o WordPress localmente para fins de teste ou desenvolvimento. Se você já tem tudo pronto, pule para a parte 1.
Configurar uma pilha de desenvolvimento web é crucial e mais simples do que você imagina. Resumidamente; é um programa que instala um servidor web (geralmente Apache) e um banco de dados (geralmente MySQL) em seu computador para que seu computador seja capaz de servir sites. É muito mais rápido e simples desenvolver e testar seu código “localmente" em seu computador do que fazer upload constantemente via FTP para um domínio ou servidor.
Edit: Eu criei um guia atualizado e mais detalhado sobre como configurar um WordPress local aqui!
Configurando um Ambiente de Desenvolvimento Local
Existem vários programas gratuitos que permitem configurar seu computador como um servidor web. Os mais comuns são WampServer para Windows e XAMPP ou MAMP para Mac IOS. Para sistemas Windows de 64 bits, certifique-se de instalar a versão de 64 bits do WampServer. Quanto ao IOS, recomendo o XAMPP, mas lembre-se de que você provavelmente precisará executar algumas etapas adicionais para alterar as permissões da pasta de desenvolvimento (que é necessária para o WordPress instalar plugins e muito mais).
Baixe o software (links acima) e execute o instalador. Você não precisa fornecer nenhum detalhe, ele deve, como padrão, instalar o servidor web Apache e o banco de dados MySQL e deve funcionar bem sem nenhuma alteração. Feito isso, abra o programa. Normalmente, ele iniciará o lançamento de um servidor Apache e SQL quando você iniciar o programa, caso contrário, deve haver um link para “Iniciar todos os serviços”.
Enquanto o programa estiver em execução, você poderá acessar seu navegador, digitar localhoste ver a página de boas-vindas desse programa. Tenha em mente que você precisa que este programa seja executado em segundo plano, executando todos os serviços, enquanto você está desenvolvendo.
No WampServer você pode clicar no ícone na barra de tarefas e escolher “Iniciar todos os serviços” no menu suspenso. No XAMPP o programa possui um botão para ele em sua interface principal.
O programa fornecerá uma pasta dedicada onde você poderá colocar seus arquivos de desenvolvimento web. Para WampServer o diretório padrão é a subpasta wwwdentro do diretório de instalação do programa; por exemplo C:wamp64www. Para XAMPP no IOS, você encontrará um atalho para a pasta htdocsdentro de Programs > XAMPP > htdocs. Esta pasta é onde você pode colocar qualquer arquivo php ou web e acessá-los através do seu navegador e também é onde você colocará todos os arquivos do WordPress.
Instalando o WordPress
Instalar o WordPress é muito fácil! Vá para a página de download do WordPress.org e clique no grande botão azul para fazer o download. Você receberá um arquivo zip com a versão atual do WordPress, em inglês.
Eu recomendo que você crie uma subpasta em sua pasta de desenvolvimento local para WordPress (caso você queira fazer vários projetos de desenvolvimento web ou vários WordPresses). Para os propósitos deste tutorial eu criei uma subpasta chamada wordpress, então meu caminho para ela é C:wamp64wwwwordpress(para acessar essa pasta eu precisaria ir localhost/wordpressno meu navegador).
1 Extraia o conteúdo zip do seu WordPress baixado no local desejado em seu ambiente de desenvolvimento.
Em segundo lugar, você precisará criar um banco de dados em seu SQL local, para que o WordPress possa instalar tudo nele. Normalmente você pode usar PHPMyAdmin (é instalado como padrão com WampServer e XAMPP). Para acessar o PHPMyAdmin, navegue até localhost/phpmyadminno seu navegador. Você deve ver uma página de login. Como padrão o usuário é roote a senha está vazia.
Dependendo de qual versão do PHPMyAdmin você instalou, você deve encontrar facilmente alguns links para instalar um novo banco de dados; por exemplo "Novo" no topo da barra lateral esquerda. Decida um nome de banco de dados para sua instalação do WordPress (recomendo que você use o mesmo nome da sua pasta; por exemplo, wordpressou algo um pouco mais revelador). Quanto ao tipo de agrupamento (o menu suspenso), recomendo usar ” utf8_general_ci” (você precisará rolar um pouco para baixo para encontrá-lo). Clique em OK e você pode simplesmente fechar a guia PHPMyAdmin. O WordPress cuidará do resto para você.
2 Faça login em seu banco de dados com PHPMyAdmin e crie um novo banco de dados com o nome do banco de dados escolhido e utf8 como tipo de agrupamento.
A etapa final é executar o instalador do WordPress que faz o resto para você.
3 No seu navegador, navegue para localhost/wordpress(ou para onde você extraiu o WordPress). O instalador do WordPress deve aparecer e guiá-lo pela instalação do WordPress.
O guia de instalação solicitará que você digite o nome do seu banco de dados (digite o que você criou acima), seu nome de usuário e senha SQL (padrão “root” e senha vazia). Para todo o resto, você pode deixar como padrão ou definir as variáveis desejadas, como o nome do seu site, e definir suas credenciais de login.
Quando o guia de instalação do WordPress estiver concluído, você deverá ter um WordPress completo instalado localmente! Visitar localhost/wordpressdeve fornecer sua página inicial e visitar localhost/wordpress/wp-admindeve fornecer seu painel de administração.
Agora você está pronto para começar a desenvolver seu tema WordPress! Vá direto para a Parte 1: Introdução.