{"id":233805,"date":"2023-02-21T18:03:00","date_gmt":"2023-02-21T15:03:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233805"},"modified":"2023-02-21T18:03:04","modified_gmt":"2023-02-21T15:03:04","slug":"tutorial-de-tema-wordpress-para-iniciantes-parte-0-5-configurando-o-desenvolvimento-local-do-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/tutorial-de-tema-wordpress-para-iniciantes-parte-0-5-configurando-o-desenvolvimento-local-do-wordpress\/","title":{"rendered":"Tutorial de Tema WordPress para Iniciantes \u2013 Parte 0.5: Configurando o Desenvolvimento Local do WordPress"},"content":{"rendered":"\n

Esta li\u00e7\u00e3o mostrar\u00e1 rapidamente como configurar um ambiente de desenvolvimento local e instalar o WordPress nele, para que possamos come\u00e7ar a desenvolver nosso tema. \u00c9 para voc\u00ea que nunca configurou um ambiente de desenvolvimento ou instalou o WordPress localmente para fins de teste ou desenvolvimento. Se voc\u00ea j\u00e1 tem tudo pronto, pule para a parte 1<\/a>.<\/p>\n

Configurar uma pilha de desenvolvimento web \u00e9 crucial e mais simples do que voc\u00ea imagina. Resumidamente; \u00e9 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. \u00c9 muito mais r\u00e1pido e simples desenvolver e testar seu c\u00f3digo “localmente" em seu computador do que fazer upload constantemente via FTP para um dom\u00ednio ou servidor.<\/p>\n

Edit: Eu criei um guia atualizado e mais detalhado sobre como configurar um WordPress local aqui<\/a>! <\/p>\n

Configurando um Ambiente de Desenvolvimento Local<\/h2>\n

Existem v\u00e1rios programas gratuitos que permitem configurar seu computador como um servidor web. Os mais comuns s\u00e3o WampServer<\/a> para Windows e XAMPP<\/a> ou MAMP<\/a> para Mac IOS. Para sistemas Windows de 64 bits, certifique-se de instalar a vers\u00e3o de 64 bits do WampServer. Quanto ao IOS, recomendo o XAMPP, mas lembre-se de que voc\u00ea provavelmente precisar\u00e1 executar algumas etapas adicionais para alterar as permiss\u00f5es da pasta de desenvolvimento (que \u00e9 necess\u00e1ria para o WordPress instalar plugins e muito mais).<\/p>\n

\"Tutorial<\/a><\/p>\n

Baixe o software (links acima) e execute o instalador. Voc\u00ea n\u00e3o precisa fornecer nenhum detalhe, ele deve, como padr\u00e3o, instalar o servidor web Apache e o banco de dados MySQL e deve funcionar bem sem nenhuma altera\u00e7\u00e3o. Feito isso, abra o programa. Normalmente, ele iniciar\u00e1 o lan\u00e7amento de um servidor Apache e SQL quando voc\u00ea iniciar o programa, caso contr\u00e1rio, deve haver um link para “Iniciar todos os servi\u00e7os”.<\/p>\n

\"Tutorial<\/a>\"Tutorial<\/a><\/p>\n

Enquanto o programa estiver em execu\u00e7\u00e3o, voc\u00ea poder\u00e1 acessar seu navegador, digitar localhost<\/code>e ver a p\u00e1gina de boas-vindas desse programa. Tenha em mente que voc\u00ea precisa que este programa seja executado em segundo plano, executando todos os servi\u00e7os, enquanto voc\u00ea est\u00e1 desenvolvendo.<\/p>\n

No WampServer voc\u00ea pode clicar no \u00edcone na barra de tarefas e escolher “Iniciar todos os servi\u00e7os” no menu suspenso. No XAMPP o programa possui um bot\u00e3o para ele em sua interface principal.<\/p>\n

O programa fornecer\u00e1 uma pasta dedicada onde voc\u00ea poder\u00e1 colocar seus arquivos de desenvolvimento web. Para WampServer o diret\u00f3rio padr\u00e3o \u00e9 a subpasta www<\/code>dentro do diret\u00f3rio de instala\u00e7\u00e3o do programa; por exemplo C:wamp64www<\/code>. Para XAMPP no IOS, voc\u00ea encontrar\u00e1 um atalho para a pasta htdocs<\/code>dentro de Programs > XAMPP > htdocs<\/code>. Esta pasta \u00e9 onde voc\u00ea pode colocar qualquer arquivo php ou web e acess\u00e1-los atrav\u00e9s do seu navegador e tamb\u00e9m \u00e9 onde voc\u00ea colocar\u00e1 todos os arquivos do WordPress.<\/p>\n

Instalando o WordPress<\/h2>\n

Instalar o WordPress \u00e9 muito f\u00e1cil! V\u00e1 para a p\u00e1gina de download do WordPress.org<\/a> e clique no grande bot\u00e3o azul para fazer o download. Voc\u00ea receber\u00e1 um arquivo zip com a vers\u00e3o atual do WordPress, em ingl\u00eas.<\/p>\n

Eu recomendo que voc\u00ea crie uma subpasta em sua pasta de desenvolvimento local para WordPress (caso voc\u00ea queira fazer v\u00e1rios projetos de desenvolvimento web ou v\u00e1rios WordPresses). Para os prop\u00f3sitos deste tutorial eu criei uma subpasta chamada wordpress<\/code>, ent\u00e3o meu caminho para ela \u00e9 C:wamp64wwwwordpress<\/code>(para acessar essa pasta eu precisaria ir localhost\/wordpress<\/code>no meu navegador).<\/p>\n

1 Extraia o conte\u00fado zip do seu WordPress baixado no local desejado em seu ambiente de desenvolvimento.<\/p>\n

Em segundo lugar, voc\u00ea precisar\u00e1 criar um banco de dados em seu SQL local, para que o WordPress possa instalar tudo nele. Normalmente voc\u00ea pode usar PHPMyAdmin (\u00e9 instalado como padr\u00e3o com WampServer e XAMPP). Para acessar o PHPMyAdmin, navegue at\u00e9 localhost\/phpmyadmin<\/code>no seu navegador. Voc\u00ea deve ver uma p\u00e1gina de login. Como padr\u00e3o o usu\u00e1rio \u00e9 root<\/code>e a senha est\u00e1 vazia.<\/p>\n

\"Tutorial<\/a><\/p>\n

Dependendo de qual vers\u00e3o do PHPMyAdmin voc\u00ea instalou, voc\u00ea 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\u00e7\u00e3o do WordPress (recomendo que voc\u00ea use o mesmo nome da sua pasta; por exemplo, wordpress<\/code>ou algo um pouco mais revelador). Quanto ao tipo de agrupamento (o menu suspenso), recomendo usar ” utf8_general_ci<\/code>” (voc\u00ea precisar\u00e1 rolar um pouco para baixo para encontr\u00e1-lo). Clique em OK e voc\u00ea pode simplesmente fechar a guia PHPMyAdmin. O WordPress cuidar\u00e1 do resto para voc\u00ea.<\/p>\n

2 Fa\u00e7a 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.<\/p>\n

A etapa final \u00e9 executar o instalador do WordPress que faz o resto para voc\u00ea.<\/p>\n

3 No seu navegador, navegue para localhost\/wordpress<\/code>(ou para onde voc\u00ea extraiu o WordPress). O instalador do WordPress deve aparecer e gui\u00e1-lo pela instala\u00e7\u00e3o do WordPress.<\/p>\n

O guia de instala\u00e7\u00e3o solicitar\u00e1 que voc\u00ea digite o nome do seu banco de dados (digite o que voc\u00ea criou acima), seu nome de usu\u00e1rio e senha SQL (padr\u00e3o “root” e senha vazia). Para todo o resto, voc\u00ea pode deixar como padr\u00e3o ou definir as vari\u00e1veis \u200b\u200bdesejadas, como o nome do seu site, e definir suas credenciais de login.<\/p>\n

Quando o guia de instala\u00e7\u00e3o do WordPress estiver conclu\u00eddo, voc\u00ea dever\u00e1 ter um WordPress completo instalado localmente! Visitar localhost\/wordpress<\/code>deve fornecer sua p\u00e1gina inicial e visitar localhost\/wordpress\/wp-admin<\/code>deve fornecer seu painel de administra\u00e7\u00e3o.<\/p>\n

Agora voc\u00ea est\u00e1 pronto para come\u00e7ar a desenvolver seu tema WordPress! V\u00e1 direto para a Parte 1: Introdu\u00e7\u00e3o<\/a>.<\/p>\n

Fonte de grava\u00e7\u00e3o: awhitepixel.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

A etapa 0.5 no tutorial do tema WordPress para iniciantes aborda como configurar um ambiente de desenvolvimento local com WAMP ou XAMPP e instalar o WordPress.<\/p>\n","protected":false},"author":1,"featured_media":223973,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[930,898,898,722,722,837,920,1110,920,837,930,846,846,867,867],"tags":[1170],"class_list":["post-233805","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-assuntos","category-codigo-2","category-desenvolvedor","category-guia-para-iniciantes","category-outro","category-n-a","category-tutoriais","category-wordpress-8","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/233805","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=233805"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/233805\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/223973"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=233805"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=233805"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=233805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}