{"id":32500,"date":"2023-02-16T17:45:35","date_gmt":"2023-02-16T20:45:35","guid":{"rendered":"\/tutoriais\/?p=32500"},"modified":"2023-09-27T17:40:43","modified_gmt":"2023-09-27T20:40:43","slug":"integrar-wordpress-github","status":"publish","type":"post","link":"\/br\/tutoriais\/integrar-wordpress-github","title":{"rendered":"Como integrar o WordPress ao GitHub e us\u00e1-lo para projetos de desenvolvimento web"},"content":{"rendered":"<p>O GitHub &eacute; uma ferramenta essencial para desenvolvedores web. Ao armazenar bancos de dados dos projetos em seu servidor em nuvem, diferentes usu&aacute;rios podem monitorar, gerenciar e modificar esses dados e projetos a qualquer momento.<\/p><p>Integrar o <a href=\"\/br\/tutoriais\/o-que-e-wordpress\"><strong>WordPress<\/strong><\/a> com o <a href=\"\/br\/tutoriais\/o-que-github\"><strong>GitHub<\/strong><\/a> pode melhorar muito seu processo de desenvolvimento de sites, al&eacute;m de tornar mais eficiente o fluxo de trabalho da sua equipe.<\/p><p>Este artigo vai apresentar todos os detalhes sobre a integra&ccedil;&atilde;o do WordPress com o GitHub. Tamb&eacute;m vamos explicar por que voc&ecirc; deveria utilizar a plataforma do GitHub e oferecer instru&ccedil;&otilde;es de como integr&aacute;-lo com o WordPress. Por fim, ainda vamos dar recomenda&ccedil;&otilde;es de plugins do GitHub para WordPress que v&atilde;o te ajudar nas suas tarefas de desenvolvimento web.<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Speed-Up-Your-Website-BR.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Speed-Up-your-website-BR.png\/public\" alt=\"\" class=\"wp-image-30339\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Speed-Up-your-website-BR.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Speed-Up-your-website-BR.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Speed-Up-your-website-BR.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Speed-Up-your-website-BR.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Speed-Up-your-website-BR.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-por-que-voce-deve-usar-o-github-para-seus-projetos-de-desenvolvimento-do-wordpress\"><strong>Por que Voc&ecirc; Deve Usar o GitHub para seus Projetos de Desenvolvimento do WordPress<\/strong><\/h2><p>Antes de discutirmos o GitHub, vamos explicar primeiro o que &eacute; <strong>Git <\/strong>e <strong>controle de vers&otilde;es<\/strong>. Esses s&atilde;o conceitos essenciais para entender o GitHub e como ele pode melhorar seu fluxo de trabalho de desenvolvimento de sites.<\/p><h3 class=\"wp-block-heading\" id=\"h-o-que-e-git-e-controle-de-versoes\"><strong>O Que &Eacute; Git e Controle de Vers&otilde;es&nbsp;<\/strong><\/h3><p>O controle de vers&otilde;es, ou <em>version control<\/em>, &eacute; um sistema para monitoramento de altera&ccedil;&otilde;es em um conjunto de arquivos, como c&oacute;digos de desenvolvimento de softwares. Ele armazena todas as vers&otilde;es dos arquivos do seu projeto em um reposit&oacute;rio, geralmente chamado de <strong>repo<\/strong>.&nbsp;<\/p><p>H&aacute; dois principais tipos de sistemas de controle de vers&otilde;es: <strong>centralizado <\/strong>e <strong>distribu&iacute;do<\/strong>.&nbsp;<\/p><p><strong>Sistemas de controle de vers&otilde;es centralizados<\/strong> exigem que os usu&aacute;rios se conectem ao reposit&oacute;rio principal para fazer altera&ccedil;&otilde;es. Quando o reposit&oacute;rio encontra um problema, os usu&aacute;rios n&atilde;o podem acess&aacute;-lo nem modific&aacute;-lo.<\/p><p>Por outro lado, os <strong>sistemas de controle de vers&otilde;es distribu&iacute;dos <\/strong>&nbsp;permitem que os usu&aacute;rios fa&ccedil;am modifica&ccedil;&otilde;es sem precisar acessar o reposit&oacute;rio central. Assim, os usu&aacute;rios podem clonar o reposit&oacute;rio e modificar os arquivos em suas m&aacute;quinas locais.<\/p><p><a href=\"http:\/\/tutoriais\/tutorial-do-git-basics-introducao\"><strong>Git (Global information tracker)<\/strong><\/a> &eacute; o mais popular sistema de controle distribu&iacute;do de vers&otilde;es. J&aacute; que o Git &eacute; hospedado em um servidor remoto, m&uacute;ltiplas pessoas podem acessar e trabalhar no mesmo projeto de forma simult&acirc;nea.<\/p><p>H&aacute; diversas plataformas de hospedagem Git, mas o GitHub &eacute; a mais popular. Ela tamb&eacute;m oferece recursos adicionais para al&eacute;m das funcionalidades essenciais para o Git.<\/p><p>Quando voc&ecirc; estiver desenvolvendo um site WordPress, provavelmente ser&aacute; necess&aacute;rio editar plugins, temas ou arquivos centrais (conhecidos como <em>core files<\/em> do WordPress). Apesar de poder edit&aacute;-los com simples editores de textos, esse &eacute; um processo tedioso e bastante propenso a erros.<\/p><p>O GitHub cria um controle de vers&otilde;es que garante o backup dos seus arquivos WordPress. Assim, se algo der errado, voc&ecirc; n&atilde;o perder&aacute; todo o trabalho. Al&eacute;m disso, a plataforma encurta o processo de desenvolvimento web, permitindo que voc&ecirc; aplique imediatamente mudan&ccedil;as no servidor.<\/p><p>\n\n\n\n<div><p class=\"important\"><strong>Importante!<\/strong> O WordPress n&atilde;o recomenda modificar arquivos centrais, exceto pelo arquivo <a href=\"https:\/\/codex.wordpress.org\/pt-br:Editando_wp-config.php\" target=\"_blank\" rel=\"noopener\"><strong>wp-config.php<\/strong><\/a>. Voc&ecirc; s&oacute; deve fazer altera&ccedil;&otilde;es em um arquivo <em>core<\/em> quando ele estiver com problemas ou corrompido, e nunca sem antes gerar um backup.<\/p><\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-quais-sao-os-beneficios-do-github\"><strong>Quais S&atilde;o os Benef&iacute;cios do GitHub<\/strong><\/h3><p>O GitHub oferece muitos benef&iacute;cios para desenvolvedores de sites e apps, incluindo:<\/p><ul class=\"wp-block-list\">\n<li><strong>Controle de vers&otilde;es<\/strong>. A plataforma do GitHub armazena diferentes vers&otilde;es do seu projeto e monitora todas as mudan&ccedil;as feitas nos arquivos. Quando necess&aacute;rio, voc&ecirc; pode identificar essas altera&ccedil;&otilde;es e reverter os arquivos para a vers&atilde;o anterior.<\/li>\n\n\n\n<li><strong>Hospedagem web gratuita<\/strong>. O GitHub tamb&eacute;m oferece servi&ccedil;os de <a href=\"https:\/\/www.hostinger.com\/br\/hospedagem-wordpress\"><strong>hospedagem para sites WordPress<\/strong><\/a>. Desse modo, voc&ecirc; pode aplicar mudan&ccedil;as no site diretamente atrav&eacute;s do GitHub, aumentando a efici&ecirc;ncia do seu projeto de desenvolvimento web.<\/li>\n\n\n\n<li><strong>Integra&ccedil;&atilde;o com o WordPress<\/strong>. O WordPress possui v&aacute;rios plugins espec&iacute;ficos para o GitHub, e esses recursos podem te ajudar nos processos de desenvolvimento de sites.&nbsp;<\/li>\n\n\n\n<li><strong>Reposit&oacute;rios de plugins e temas do WordPress<\/strong>. Muitos desenvolvedores utilizam reposit&oacute;rios do GitHub para armazenar seus temas e plugins. Se um plugin ou tema n&atilde;o estiver dispon&iacute;vel na biblioteca oficial do WordPress, voc&ecirc; pode facilmente instalar esse recurso pelo reposit&oacute;rio do GitHub.&nbsp;<\/li>\n\n\n\n<li><strong>Intuitivo e amig&aacute;vel para o usu&aacute;rio<\/strong>. A aplica&ccedil;&atilde;o de desktop do GitHub possui uma interface visual muito simples, o que facilita muito seu uso quando comparado a outros sistemas t&iacute;picos de linhas de comando Git. Al&eacute;m disso, por possuir uma <a href=\"https:\/\/docs.github.com\/pt\" target=\"_blank\" rel=\"noopener\"><strong>extensa documenta&ccedil;&atilde;o<\/strong><\/a> de apoio, o GitHub &eacute; uma excelente op&ccedil;&atilde;o para iniciantes no mundo do Git.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-como-o-github-beneficia-equipes-remotas\"><strong>Como o GitHub Beneficia Equipes Remotas<\/strong><\/h3><p>A principal vantagem em utilizar o GitHub &eacute; a facilidade que ele oferece para colabora&ccedil;&atilde;o em projetos. Isso gra&ccedil;as a alguns recursos que s&atilde;o especialmente &uacute;teis para equipes com integrantes que trabalham em locais diferentes, como:<\/p><ul class=\"wp-block-list\">\n<li><strong>Reposit&oacute;rio baseado em nuvem. <\/strong>O GitHub permite que os usu&aacute;rios copiem o reposit&oacute;rio principal em suas m&aacute;quinas locais. Desse modo, os desenvolvedores podem fazer altera&ccedil;&otilde;es em modo offline e, depois de conclu&iacute;do o processo, integr&aacute;-las com a vers&atilde;o hospedada na nuvem.<\/li>\n\n\n\n<li><strong>Ramifica&ccedil;&otilde;es<\/strong>. <a href=\"\/br\/tutoriais\/git-branch\"><strong>Git branches<\/strong><\/a> simplificam a distribui&ccedil;&atilde;o de tarefas. Esses recursos permitem que os membros de uma equipe trabalhem em linhas de desenvolvimento independentes de forma simult&acirc;nea e sem que um interfira com o outro.<\/li>\n\n\n\n<li><strong>Pull request. <\/strong><a href=\"https:\/\/docs.github.com\/pt\/pull-requests\/collaborating-with-pull-requests\/proposing-changes-to-your-work-with-pull-requests\/about-pull-requests\" target=\"_blank\" rel=\"noopener\"><strong>Solicita&ccedil;&otilde;es pull<\/strong><\/a> permitem designar at&eacute; 10 pessoas para trabalharem em uma tarefa espec&iacute;fica. Desse modo, o gerente do projeto pode saber no que outros membros da equipe est&atilde;o trabalhando e revisar as edi&ccedil;&otilde;es feitas por eles antes de aplic&aacute;-las no reposit&oacute;rio principal.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-como-criar-um-ambiente-wordpress-local-para-git\"><strong>Como Criar um Ambiente WordPress Local para Git<\/strong><\/h2><p>Antes de come&ccedil;ar a utilizar o GitHub, voc&ecirc; deve criar uma vers&atilde;o local do seu site WordPress. Esse site de desenvolvimento serve para voc&ecirc; testar altera&ccedil;&otilde;es, incluindo novos temas, plugins e designs.<\/p><p>As modifica&ccedil;&otilde;es que voc&ecirc; fizer no seu site WordPress local n&atilde;o v&atilde;o afetar o site que est&aacute; publicado na internet &mdash; pelo menos at&eacute; que voc&ecirc; implemente as mudan&ccedil;as e fa&ccedil;a o deploy.<\/p><h3 class=\"wp-block-heading\" id=\"h-ferramentas-do-wordpress-local\"><strong>Ferramentas do WordPress Local<\/strong><\/h3><p>Use uma ferramenta de desenvolvimento web local para criar um ambiente WordPress no seu computador. Baseado nas fun&ccedil;&otilde;es, h&aacute; dois tipos principais de <strong>ferramentas: de uso geral e de desenvolvimento WordPress.&nbsp;<\/strong><\/p><p>Ferramentas de uso geral, ou <em>general-purpose<\/em>, permitem que voc&ecirc; crie qualquer ambiente de desenvolvimento web. Elas suportam todos os sistemas de gerenciamento de conte&uacute;do <a href=\"https:\/\/www.hostinger.com\/tutorials\/what-is-a-cms\/\"><strong>(<\/strong><\/a><strong><a href=\"\/br\/tutoriais\/o-que-e-cms\">CMS<\/a><\/strong><a href=\"https:\/\/www.hostinger.com\/tutorials\/what-is-a-cms\/\"><strong>)<\/strong><\/a>, mas voc&ecirc; deve instalar manualmente aquele que desejar.&nbsp;<\/p><p>Ainda que voc&ecirc; possa utilizar ferramentas de uso geral para desenvolver projetos do WordPress, recomendamos utilizar ferramentas de desenvolvimento espec&iacute;ficas para esse CMS. Elas j&aacute; v&ecirc;m com o WordPress pr&eacute;-instalado, tornando-as mais convenientes para realiza&ccedil;&atilde;o dos seus projetos.<\/p><p>Neste tutorial, vamos utilizar a <a href=\"https:\/\/localwp.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Local WP<\/strong><\/a> para nossos exemplos. Essa ferramenta de desenvolvimento espec&iacute;fica para WordPress possui uma GUI (Interface Gr&aacute;fica do Usu&aacute;rio), tornando seu uso mais simples e ideal para desenvolvedores web iniciantes. Siga o passo-a-passo indicado abaixo para configurar o Local WP<\/p><ol class=\"wp-block-list\">\n<li>Navegue at&eacute; a p&aacute;gina de lan&ccedil;amentos de vers&otilde;es do <a href=\"https:\/\/localwp.com\/releases\/\" target=\"_blank\" rel=\"noopener\"><strong>Local WP<\/strong><\/a>.&nbsp;<\/li>\n\n\n\n<li>Fa&ccedil;a o download da &uacute;ltima vers&atilde;o do Local WP que corresponda ao seu sistema operacional.&nbsp;<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/igF_Xpj-r7DmqxMff705-vA-KQfyTiHF9uwUdPzk95SJ93ofjp-xRPgdQ2UcATJy5yknhz929jp5hlJ-OHeHEtg9F2vpRp8dSfPlBM56b2ZgWgS5yPmvozTLXWnv5RxeUaFeII4Zfto1eTo6x5zzY8U\" alt=\"Op&ccedil;&otilde;es de download do LocalWP com destaque para a op&ccedil;&atilde;o mais recente do Windows\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Rode o sistema de instala&ccedil;&atilde;o, o <strong>Local installer<\/strong>. Depois, siga os passos do <a href=\"https:\/\/localwp.com\/help-docs\/getting-started\/installing-local\/\" target=\"_blank\" rel=\"noopener\"><strong>guia de instala&ccedil;&atilde;o<\/strong><\/a> correspondente ao seu sistema operacional.<\/li>\n<\/ol><p>Depois que concluir o processo de instala&ccedil;&atilde;o do Local WordPress, crie um site de desenvolvimento em seu computador:<\/p><ol class=\"wp-block-list\">\n<li>Abra o Local WP. Neste momento, voc&ecirc; pode pular o passo de cria&ccedil;&atilde;o de conta &ndash; basta clicar no bot&atilde;o com o <strong>X<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/4eofdBl37QcQrma8CJjpxMjgBaFUFFy62sFEd0pOZulVotR_39_e8lBYq14-gYtFjNtOhKC0jT8oMUJtHxw1AynGBU6cWOwaxotGfYNw_tzcXtGHTwsTkok89QALk7KZquoLyUxXNtf3c3Nvnr3NFAc\" alt=\"P&aacute;gina inicial do LocalWP com destaque para o bot&atilde;o de pular etapa de cria&ccedil;&atilde;o de conta\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Na janela de termos de servi&ccedil;o <strong>(Terms of Service)<\/strong> marque a caixa de sele&ccedil;&atilde;o indicada e clique em <strong>I agree <\/strong>(Eu Concordo) para dar continuidade.<\/li>\n\n\n\n<li>No painel do Local WP, clique em <strong>Crate a new site <\/strong>para criar um novo site.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/q8uelAx0cMaOAZLwqM9HHFK24vOo3A8sWC5KtngyFZzIT7a36QAnBTe0oEfb4w_FbwGR50E3LWYP3-v0VdlED-_UIYJd8lado3-rnPPuCeZSTb0dfmVZofW9rXABqUiEVlZufizFsp-TuhkQXfqYsgQ\" alt=\"Criando novo site no LocalWP\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Selecione novamente a op&ccedil;&atilde;o <strong>Create a new site <\/strong>e ent&atilde;o clique em <strong>Continue<\/strong> para prosseguir.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/uWkQgoDj-QZCtVbMoL50oUxnvepeHaGpbQTCckt80j_7unkWpeDkT9a4L8UYx_trIHGjJLhVIkTxECaseFlYk8xKhFcv5afxfNPqgmZ8B0NrMd_gV_wk0LwFRozEPdwpO7iX4cqxmINU1d-3sYaxpeg\" alt=\"Sele&ccedil;&atilde;o da op&ccedil;&atilde;o de criar novo site do zero\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"5\">\n<li>Insira o nome do seu site no campo <strong>website name<\/strong> e clique novamente em <strong>Continue<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/jIje6gk6XD8gVKCF_HU7tedSQ5vHwEpplf4JiPmZNzE1L6ZvqfXGRUNHZ-9iLIu3ItiuJJVPu-VpIHZm3d85U30NDSQhqk0dCqXF0VKOJI8Caevv-CvdMMrQvoP2pLYZw3E_RDNFjdJTFSZpKeMD0rc\" alt=\"Campo para inserir nome do site no LocalWP\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"6\">\n<li>Determine as configura&ccedil;&otilde;es do seu ambiente local. Caso esteja incerto com o que escolher nesse passo, clique em <strong>Preferred <\/strong>(Preferido). Depois, selecione a op&ccedil;&atilde;o <strong>Continue<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/0ZDOgPwsNkmG-jnHW-js_KMA1mURhkJxjDHiHPCHtwv3OvJpCWgTqDsucS1hm-p20SmWFTUBGuVw7OQCLWL0Vhu7Ug7ptuWkJd36qp18BKvFgveq0U4SSPY8YC8pP9h-lV8CHqU0SajT9u_sEMBk-uE\" alt='Sele&ccedil;&atilde;o da op&ccedil;&atilde;o \"preferred\" para configura&ccedil;&atilde;o do site no LocalWP'><\/figure><\/div><ol class=\"wp-block-list\" start=\"7\">\n<li>Preencha os detalhes da sua conta WordPress. Caso tenha um multisite WordPress, selecione a op&ccedil;&atilde;o <strong>Yes<\/strong>, localizada na se&ccedil;&atilde;o de <strong>Advanced options <\/strong>(Op&ccedil;&otilde;es Avan&ccedil;adas). Depois, clique em <strong>Add Site<\/strong> (Adicionar Site) para confirmar, e ent&atilde;o seu novo site ser&aacute; exibido no painel do Local WP.&nbsp;<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/GXV-kOsjRXYQj92J-mcjiEXZPaEcXaRvd01fA3cUmRW509v9XQNZUg13Pb0-o5AfP7AhGZ7r_3Ua2L_DxpYcreMdhmEoPCWKGTFYuvi2frPnQC5Bou_mWfkB72u1LWZj7E9-DTSCmFtafl8zQqFu_fY\" alt=\"Campos para preenchimento de credenciais do WordPress\"><\/figure><\/div><p>Uma vez que seu ambiente local estiver pronto, instale um editor de texto para modificar os dados do seu site. Com o Local WP, voc&ecirc; pode instalar o <strong>VSCode <\/strong>diretamente a partir do painel:<\/p><ol class=\"wp-block-list\">\n<li>Navegue at&eacute; o painel de controle do Local WP e acesse o menu de add-ons para visualizar os elementos adicionais (esse bot&atilde;o &eacute; representado por um &iacute;cone de pe&ccedil;a de quebra-cabe&ccedil;a na barra lateral esquerda da sua tela).<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/lS0PJ2oWVhcXXp9XVjH_ad8WsVx2S5zJhT6anppooNaxzcg_6aT0xRN2ELq7TbDyFsAOJ-4ZLg9u3KIX3q8plc1h5TyXA5_GN_zPCFDWkH2wFStrYoIo7rGbMZLfPpnJKX3P0w-b4sX8WfOtlOrBp4Q\" alt=\"Painel de controle do LocalWP\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Ent&atilde;o, clique em <strong>Xdebug + VS Code<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/eIsQYSaXVjV5-2gRD5f3nq1bB7L8khnz4td70RS6PxeGkZNVLrx5NAdS56fJbR-hJqvkcQHGfGJQUkYRTZss6J9-yjouBXQ7tCqrcpjFHn4f0_hp4bR6v--lTbu-XzbN6wsQ9LJnufWHh710cszotHc\" alt=\"Painel de controle do LocalWP com destaque para a op&ccedil;&atilde;o Xdebug + VS Code\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>A janela de instala&ccedil;&atilde;o ser&aacute; exibida. Basta clicar em <strong>Install Add-on <\/strong>para adicionar o recurso.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/qh1TavdJdhvW7-3QmISr43J4Dnyp2AWhU-ZxPphk1Pe6KXHaxKDTcO9ZSR6pHMVMF96IDpIjmnz9XE7TumppD5iW1bJBNkkl2FmrYZamgITGbG8FpIk8gmsq3lSyFyjSGv8aVaQXWbv1YqJm5MLA3rs\" alt=\"Painel do LocalWP com destaque para o bot&atilde;o de instala&ccedil;&atilde;o do add-on\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Aguarde at&eacute; que o Local WP conclua a instala&ccedil;&atilde;o e reinicie o sistema.&nbsp;<\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-como-instalar-o-git-localmente\"><strong>Como Instalar o Git Localmente<\/strong><\/h3><p>Primeiramente voc&ecirc; deve instalar o Git de maneira local antes de usar o reposit&oacute;rio remoto do GitHub. Seu reposit&oacute;rio Git local &eacute; onde voc&ecirc; vai realizar as altera&ccedil;&otilde;es antes de aplic&aacute;-las no GitHub.&nbsp;<\/p><p>Um computador rodando a vers&atilde;o mais recente do Linux ou macOS pode j&aacute; possuir o Git pr&eacute;-instalado. Voc&ecirc; pode conferir essa informa&ccedil;&atilde;o sobre sua m&aacute;quina digitando <strong>git &ndash;version<\/strong> em seu <strong>Terminal<\/strong>.<\/p><p>Para o sistema operacional Windows, digite <strong>git version<\/strong> no seu <strong>Prompt de Comando.<\/strong><\/p><p>Se o Git j&aacute; estiver instalado, sua aplica&ccedil;&atilde;o de linha de comando ir&aacute; exibir o n&uacute;mero da vers&atilde;o Git. Caso contr&aacute;rio, a mensagem exibida vai informar que Git &eacute; um comando desconhecido, e poder&aacute; perguntar se voc&ecirc; deseja instalar ele.<\/p><p>Voc&ecirc; pode fazer o download manual do instalador Git e rod&aacute;-lo no <a href=\"https:\/\/git-scm.com\/download\/mac\" target=\"_blank\" rel=\"noopener\"><strong>macOS<\/strong><\/a>, <a href=\"https:\/\/git-scm.com\/download\/linux\" target=\"_blank\" rel=\"noopener\"><strong>Linux<\/strong><\/a>, ou <a href=\"https:\/\/git-scm.com\/download\/win\" target=\"_blank\" rel=\"noopener\"><strong>Windows<\/strong><\/a>. Alternativamente, voc&ecirc; pode baixar um dos clientes <a href=\"https:\/\/git-scm.com\/downloads\/guis\/\" target=\"_blank\" rel=\"noopener\"><strong>Git GUI<\/strong><\/a>, caso prefira trabalhar com uma interface amig&aacute;vel ao inv&eacute;s de trabalhar com linhas de comando.&nbsp;<\/p><p>Os <a href=\"https:\/\/git-scm.com\/book\/pt-br\/v2\/Come%C3%A7ando-Instalando-o-Git\" target=\"_blank\" rel=\"noopener\"><strong>passos de instala&ccedil;&atilde;o do Git<\/strong><\/a> podem ser diferentes, dependendo do seu sistema operacional. Esse tutorial vai indicar o passo-a-passo para instalar o Git na interface de linha de comando do Windows:<\/p><ol class=\"wp-block-list\">\n<li>Fa&ccedil;a o download do sistema de instala&ccedil;&atilde;o do Git para Windows.<\/li>\n\n\n\n<li>Rode o<strong> instalador<\/strong>. Clique em <strong>Next <\/strong>(Pr&oacute;ximo) para avan&ccedil;ar e depois em <strong>Finish<\/strong> (Encerrar) para completar o processo de instala&ccedil;&atilde;o utilizando a op&ccedil;&atilde;o padr&atilde;o do sistema.<\/li>\n\n\n\n<li>Abra o <strong>menu Iniciar do Windows<\/strong> e busque por <strong>Git Bash<\/strong>. Pressione a tecla <strong>Enter <\/strong>para abrir.<\/li>\n\n\n\n<li>Verifique se o Git j&aacute; est&aacute; instalado ao executar o comando <strong>git version<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/wTTmwe20eoIDPfnT0wl8QSaJAFFLw4kb5wPs6ZnR4L0nWLp2CRUKBaqIGzle8auMi-zwFgqJg5EDmDiCLKTuUt4gUAhlUKYV0Ugioy7mcIyB4GoxijEUGT_SrxxcjQZsst5mOsxPJYaujyTQYl6SVGw\" alt=\"Rodando comando git version no Windows\"><\/figure><\/div><p>Agora, crie um reposit&oacute;rio local utilizando o Git Bash. Caso voc&ecirc; n&atilde;o esteja familiarizado com o funcionamento do sistema Git, leia nosso artigo de <a href=\"\/br\/tutoriais\/comandos-basicos-de-git\"><strong>comandos Git b&aacute;sicos<\/strong><\/a> para aprender suas funcionalidades primordiais.<\/p><p>Por exemplo, abaixo indicamos como criar um reposit&oacute;rio para o tema padr&atilde;o do WordPress, o Twenty Twenty:<\/p><ol class=\"wp-block-list\">\n<li>Navegue at&eacute; o diret&oacute;rio <strong>wp-content <\/strong>e abra a pasta do tema <strong>twentytwenty<\/strong>.<\/li>\n\n\n\n<li>Clique com o bot&atilde;o direito em qualquer local da pasta e selecione a op&ccedil;&atilde;o <strong>Git Bash Here.<\/strong><\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/iA2iDX13rrHT_wDaWYKyVZ1BDUP7vIFwkCrlhUwfgc6YP5xnbxldaEFBg0r6_5vnQqsgBRTtW1s-01cKUiw0-FIoAk2dtW334-kVXXsStc35qUGwrQxUpMi-5dRiQQJodYaBanqxhpzUqr6Og6d5jSs\" alt=\"Pasta do tema selecionado com destaque para a op&ccedil;&atilde;o Git Bash Here\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Uma janela do <strong>Git Bash <\/strong>ser&aacute; exibida. Digite <strong>git init<\/strong> e pressione a tecla <strong>Enter<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/_PvbKXtsTAYPfP0YrSvQIrQ93XeGw2lTh2qxJtIOdzWaxUvEyntyX8fXJEAvPe6GNTLM0WxPi1h-c_5mnaBqEcFD6V8xdv3tOGMQ6kWDwII0hnud9zVifrDBdqvVSdn9Ob5sg2i35k-q06eIyzWFq68\" alt=\"Rodando o comando git init \"><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Depois, digite<strong> git add .<\/strong> e novamente pressione o<strong> Enter<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/SBcW4bx95I5F7Z7rvvSiVkc_lMfD6Mbw9DeI61qR5r37sDuf2Hta_wVdOO_xdbxD7IVJQ4HddFLMgyOamAXdpdmNd_TLFTU_5G_LpXHjyX60TMRvUVdC-qSHfvF9jX-jDtnuBTaumehToLuNRcE12es\" alt=\"Rodando o comando git add.\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"5\">\n<li>Por fim, insira o comando <strong>git commit -m &ldquo;message&rdquo;<\/strong> e tecle <strong>Enter<\/strong>. Voc&ecirc; deve substituir a palavra &ldquo;message&rdquo; por qualquer frase que desejar, mas lembre-se de que ela deve ser clara e descritiva.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/702O6xqERBOqfpaCROx6FXI7TGrlj1s1jE69V6kZw5rFx4eQUgltMimKM2C0YebUWZaeGApSFhmCd94WK73mYXm-GmfSyumt7jkrM9ZpdoONepCihZLQKDcDEoziUIDxbi4Ahqc4u-RuFtCo8fJ1Pcg\" alt=\"rodando o comando git commit -m &ldquo;the first commiit&rdquo;\"><\/figure><\/div><p>Se o processo foi realizado com sucesso, uma pasta oculta <strong>.git<\/strong> dever&aacute; ser exibida.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/k-r77LOhTQc3b17oZAKzP-Ft8BVnEVYWxmYYXEgHTad7c_VImdMIo6wuljXJFL8xSy5lRi9hfjRBvRgcOYh6CunIT9H-xtxZ3ytx9AEw-27sSQWdBv-QBPvrUGoYH0rtibrjpk0J7-bbxLj_uhoWgbg\" alt=\"destaque para a pasta oculta nomeada .git na pasta do tema\"><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-como-criar-e-utilizar-seu-primeiro-repositorio-github\"><strong>Como Criar e Utilizar seu Primeiro Reposit&oacute;rio GitHub<\/strong><\/h2><p>Agora voc&ecirc; vai aprender a criar um reposit&oacute;rio no GitHub e carregar a vers&atilde;o local nele. O reposit&oacute;rio GitHub &eacute; onde todos os membros de uma equipe v&atilde;o trabalhar e aplicar suas respectivas altera&ccedil;&otilde;es no projeto.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-como-registrar-uma-conta-no-github\"><strong>Como Registrar uma Conta no GitHub<\/strong><\/h3><p>Se voc&ecirc; j&aacute; possui uma conta no GitHub, pule esta se&ccedil;&atilde;o e entre em sua conta. Caso contr&aacute;rio, siga o passo-a-passo indicado abaixo:<\/p><ol class=\"wp-block-list\">\n<li>Em seu navegador, acesse o site do <a href=\"https:\/\/github.com\/\" target=\"_blank\" rel=\"noopener\"><strong>GitHub<\/strong><\/a> e clique no bot&atilde;o de <strong>Sign up <\/strong>(Cadastro) localizado no canto superior direito da p&aacute;gina para se cadastrar.&nbsp;<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/h-FvEwKgChdcLQQjIGP9iNp1n2qC55Mnm_kT8_z5T6QkuAoUQnq0yKy69gQybdeEXlTVrYv2cstacaqNAw5Wi1JgnZ9REgDVNU4VguWlGf2QlsHDBv0uRYbNtwNhEiU7_Dhset03aLhs062DFYryUEo\" alt=\"P&aacute;gina inicial do site GitHub com destaque para o bot&atilde;o de Sign Up\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Insira seu endere&ccedil;o de email e clique <strong>Continue <\/strong>para prosseguir.<\/li>\n\n\n\n<li>Em seguida, crie um nome de usu&aacute;rio e uma senha nos campos <strong>username <\/strong>e <strong>password<\/strong>. Determine se voc&ecirc; deseja receber novidades e atualiza&ccedil;&otilde;es selecionando a caixa correspondente. Clique em <strong>Continue<\/strong> e siga para o pr&oacute;ximo passo.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/tfDhTHKkRbUDGqVPQel9pyS1tzAyPJOewJ_Efr1tVDT-y96YVdHs8BlZOFYedaeOtRvtswa6OdkmqJmOeJpU_hjg_bm7NZKTxRzYVXVsJK3f22IgTtmi8WqF7fUiB-XQDxh0XNgQTOBgq9beykXgS_Q\" alt=\"Cadastrando uma conta no GitHub\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\">\n<li><strong>Verifique sua conta<\/strong> ao clicar no bot&atilde;o <strong>Start Puzzle <\/strong>(Come&ccedil;ar Quebra-Cabe&ccedil;as) e resolver o quebra-cabe&ccedil;as. Em seguida, clique no bot&atilde;o <strong>Create Account <\/strong>(Criar Conta).<\/li>\n\n\n\n<li>Acesse sua caixa de emails e localize o c&oacute;digo enviado pelo GitHub. Insira esse c&oacute;digo na caixa <strong>Enter code <\/strong>(Inserir C&oacute;digo) da sua conta do GitHub e clique em <strong>Enter<\/strong>.<\/li>\n\n\n\n<li>Responda algumas quest&otilde;es para configurar automaticamente sua nova conta GitHub com base nas suas prefer&ecirc;ncias. Caso prefira pular essa etapa, clique em <strong>Skip personalization <\/strong>(Pular personaliza&ccedil;&atilde;o)<strong>.<\/strong><\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/TEQddqJlFNQzfqLljzCGKyqyQW13ssmExoF03B3m-fOsMvkn4EX5ichuXvJJDhPjiB9Kz_VL0XK6DsoAG432yU-HKuLWTnzMVXzgz34j8ZbBVshsiqHPUCSXwIbC0TEkQg9zzLNUnNleen7-hCtJX7k\" alt=\"Configurando conta GitHuib - destaque para a op&ccedil;&atilde;o de pular etapa de personaliza&ccedil;&atilde;o\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"7\">\n<li>Escolha entre as op&ccedil;&otilde;es de conta gratuita ou conta de time: <strong>Free Account<\/strong> ou <strong>Team Account<\/strong>.<\/li>\n\n\n\n<li>Aguarde at&eacute; que o GitHub te redirecione para a p&aacute;gina da sua conta.<\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-como-criar-seu-primeiro-repositorio-github\"><strong>Como Criar seu Primeiro Reposit&oacute;rio GitHub<\/strong><\/h3><p>Para criar um novo reposit&oacute;rio, entre em sua conta GitHub. Depois, realize o processo indicado a seguir em qualquer uma das p&aacute;ginas:<\/p><ol class=\"wp-block-list\">\n<li>Clique no &iacute;cone <strong>+ <\/strong>localizado no canto direito superior da tela. A partir do menu suspenso, selecione a op&ccedil;&atilde;o <strong>New repository<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/0gUwLKiRP8K8eOMRWWGXlWw_E3iAXkThm8oUBv1XOzVTHRmmFFBQmgnMwjoz_nr7R4_Cv0TlelqDYZ3RsJM8NWjwUgntB3eXovJ5AG8-9IMYANrUwTL_zg8H9fN9kKGJ2qCuSEf4BOO9ghAGTZZEF9Y\" alt=\"Painel do GitHub com destaque para a op&ccedil;&atilde;o de novo reposit&oacute;rio\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>J&aacute; na p&aacute;gina espec&iacute;fica para criar um novo reposit&oacute;rio, selecione um respons&aacute;vel pelo projeto no campo <strong>Owner <\/strong>e insira o nome do seu reposit&oacute;rio no campo <strong>Repository name<\/strong>. Voc&ecirc; tamb&eacute;m tem a possibilidade de adicionar uma descri&ccedil;&atilde;o para o seu reposit&oacute;rio no campo <strong>Description<\/strong>.<\/li>\n\n\n\n<li>Selecione as configura&ccedil;&otilde;es de visualiza&ccedil;&atilde;o do seu projeto na op&ccedil;&atilde;o de <strong>repository&rsquo;s visibility<\/strong>. Se precisar de mais informa&ccedil;&otilde;es, verifique o <a href=\"https:\/\/docs.github.com\/pt\/repositories\/creating-and-managing-repositories\/about-repositories\" target=\"_blank\" rel=\"noopener\"><strong>guia de reposit&oacute;rios<\/strong><\/a> do GitHub.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/0NLY5qSieq6JOkks6HrPIYu6E8QnC-e2ouclJMo-o2LjzRO6b0Uz6WEXcHQqtKPEypv4aYpkvgyA8TkCyfHEBMPW-GPpyO7t7as6HSmXnwr__mHJA5fniMzRAOrKtOkeD-r-a3ZwByYiXjXf83dpIks\" alt=\"Criando novo reposit&oacute;rio no GitHub\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>J&aacute; que vamos enviar o reposit&oacute;rio local no GitHub, voc&ecirc; pode pular a etapa de &ldquo;<strong>Initialize this repository with:&rdquo;<\/strong> e clicar diretamente em <strong>Create repository<\/strong>. Assim que seu reposit&oacute;rio for criado, o GitHub exibir&aacute; seu novo reposit&oacute;rio vazio.&nbsp;<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/KLFWr8xOJxl9zqqPvTKZCyrwP5KN1_X3SdAp8af-Rxya6-HTamuv3YAWv7AxWd5mS2aUqJolnNV-MIxC3q4itp3kjoXH0Ifrpz4gC5gWrw-rfCxv22tOs3H_UGysAAwUzy-JmOzJeL3nfhe_PVj8io4\" alt=\"Definindo configura&ccedil;&otilde;es do novo reposit&oacute;rio GitHub com destaque para o bot&atilde;o de Criar Reposit&oacute;rio\"><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-como-criar-seu-primeiro-github-commit\"><strong>Como Criar seu Primeiro GitHub Commit<\/strong><\/h3><p>Depois de criar um reposit&oacute;rio GitHub, voc&ecirc; deve criar seu primeiro GitHub commit &ndash; fazendo o envio dos dados do seu reposit&oacute;rio local:<\/p><ol class=\"wp-block-list\">\n<li>Acesse seu <strong>reposit&oacute;rio<\/strong> <strong>GitHub<\/strong>.<\/li>\n\n\n\n<li>Na se&ccedil;&atilde;o de configura&ccedil;&atilde;o r&aacute;pida (<strong>quick setup<\/strong>), localize e copie a <strong>URL do reposit&oacute;rio<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/o64gF_OVgIboZS08DsprXAaN0yH1N6_X4540HVgl652RCulRm4HXqMu039TX3ZRzZCUbTlxZTWvWPbsAbR4zfya4NCh01xX5RwSy6w-4zNOx9CY1bik8_o4Og3pWCUXLRjgmLWntVMZZHKx1h-hH6W8\" alt=\"Informa&ccedil;&otilde;es do novo reposit&oacute;rio GitHub\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Abra o <strong>Git Bash<\/strong>. Digite <strong>git remote add origin URL<\/strong> e pressione <strong>Enter<\/strong>. N&atilde;o se esque&ccedil;a de substituir a palavra <strong>URL <\/strong>pelo link do seu reposit&oacute;rio, copiado no passo anterior.&nbsp;<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/ut10XBhWEIs-OiwW6Q5UbdsakLzRRaQRKHnbQd7s-izz1wYJlYdSRvouG_O4NCa1tOvyM6Ub_XKXkXnmLKny8bNaIHtj3LIlyOkMuLG-JImZ-dMa8uYWJp5p_ZXPW3yxWV2tEuf3t49Wo7JAFza-xrU\" alt=\"Rodando o comando git remote add origin URL como exemplo - origin URL ocultada \"><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Depois, digite o comando <strong>git push -u origin master<\/strong> e clique em <strong>Enter<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/kkoBPT4X5D_jwHSq6QmfcqwnELlJKn5X2XH9Oig5pvaHH7GbIPN4s0o9IpVoHIrJ3-1N29cr7WMRN3wd3TByZMCtf8n3x_-IzwQ3MjckdtAbPy8Tp0v6t5pSnWu2effhJg7RkqJNtGqQjUYDZFE-gPc\" alt=\"Rodando o comando git push -u origin master \"><\/figure><\/div><ol class=\"wp-block-list\" start=\"5\">\n<li>A janela para <strong>conectar com o<\/strong> <strong>GitHub<\/strong> ser&aacute; exibida. Selecione a op&ccedil;&atilde;o de entrar com o navegador: <strong>Sign in with your browser <\/strong>(Fazer login com seu navegador).<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/1oY1o4FpSR4zokklClvlKPUGUD8DW_4JC5pgJSE5x0KYZSveBh5Fy31AteiTPDnWxz1Axy7SFAj-uryBT4D1LC8w2YQIuclyiurcg907k5TD1Mm5KCrJ6zwBOQMqu22QOkAZ2FnhCvhAQlMD2KEoVtE\" alt=\"Janela de login do GitHub com destaque para a op&ccedil;&atilde;o de entrar pelo navegador\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"6\">\n<li>Entre na sua conta inserindo seu usu&aacute;rio e senha Github nos campos <strong>username <\/strong>e <strong>password<\/strong>. Clique em <strong>Sign in <\/strong>(Fazer login).&nbsp;<\/li>\n\n\n\n<li>Na tela de autentica&ccedil;&atilde;o, selecione a op&ccedil;&atilde;o <strong>Authorize GitCredentialManager<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/bCotNQMfZuVAKahVogiMFZZr0WUlboxoUSktpByByCIf6-7pi8dNQFzez58glUF7PEo4hk60PLEdCcBCxoa-4LzKjHS4lv9u_6_A4CfMcUmOHEKq-vNzxaLcrUOyajRKkfl3W3G6ANg978cDhrVElxk\" alt=\"Autorizando o gerenciador de credenciais do Git\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"8\">\n<li>Abra seu reposit&oacute;rio GitHub e o arquivo do seu reposit&oacute;rio local deve aparecer na tela.&nbsp;<\/li>\n<\/ol><p>Depois de fazer altera&ccedil;&otilde;es no seu reposit&oacute;rio local, carregue-as no GitHub pelas op&ccedil;&otilde;es de git push. O <a href=\"https:\/\/docs.github.com\/pt\/get-started\/using-git\/pushing-commits-to-a-remote-repository#sobre-o-git-push\" target=\"_blank\" rel=\"noopener\"><strong>push<\/strong><\/a> vai atualizar seu reposit&oacute;rio GitHub com as novas modifica&ccedil;&otilde;es a partir da vers&atilde;o local.<\/p><h3 class=\"wp-block-heading\" id=\"h-como-enviar-as-atualizacoes-do-github-para-seu-computador-local\"><strong>Como Enviar as Atualiza&ccedil;&otilde;es do GitHub para seu Computador Local<\/strong><\/h3><p>Depois de fazer o push dos arquivos do seu reposit&oacute;rio local para o GitHub, outros usu&aacute;rios poder&atilde;o fazer altera&ccedil;&otilde;es neles. Para aplicar essas modifica&ccedil;&otilde;es no seu reposit&oacute;rio local, voc&ecirc; deve fazer o processo conhecido como <a href=\"https:\/\/docs.github.com\/pt\/get-started\/using-git\/getting-changes-from-a-remote-repository\" target=\"_blank\" rel=\"noopener\"><strong>fetch<\/strong><\/a> das atualiza&ccedil;&otilde;es a partir do GitHub.<\/p><p>Fazer fetch de um reposit&oacute;rio no GitHub quer dizer baixar e aplicar as atualiza&ccedil;&otilde;es no seu reposit&oacute;rio local. Apesar do comando <strong>pull<\/strong> tamb&eacute;m fazer o download do reposit&oacute;rio atualizado, ele n&atilde;o une automaticamente os dados com os arquivos em que voc&ecirc; est&aacute; trabalhando.<\/p><p>Os passos para rodar o comando fetch e obter as atualiza&ccedil;&otilde;es a partir do GitHub s&atilde;o:<\/p><ol class=\"wp-block-list\">\n<li>Abra a pasta do seu <strong>projeto<\/strong>. No exemplo do nosso artigo, vamos acessar a pasta do tema <strong>Twenty Twenty<\/strong> do WordPress.<\/li>\n\n\n\n<li>Clique com o bot&atilde;o direito do mouse em qualquer local da p&aacute;gina e selecione a op&ccedil;&atilde;o <strong>Git Bash Here<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/PQqSsM0Y2moxvVlVBG-nAiRJq-JWsBusxFrDk2831x57wDmFE0QMj-jbpYi3J3-ejjtOovfMqxuhlwEcGQnAAPZ6rNiKnoi3QZBz8kd9O9Brl5cVYXxAEbiP76BoygaVvyYLX3_MTHrrFQF4-nC6nH0\" alt=\"Pasta do tema selecionado com destaque para a op&ccedil;&atilde;o Git Bash Here\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Digite o comando <strong>git fetch URL<\/strong> e pressione <strong>Enter<\/strong>. Lembre-se de substituir a palavra URL pela URL do seu projeto GitHub. Seu reposit&oacute;rio local dever&aacute; ser atualizado neste momento.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/JGArHCZxtYW61JF0nd9liZnW4ZEu2-PVKatdmIDZ6DN8Le4N3nmOMHoQ4uqhErQLdXbjBcyCLto6DMylNmFEnZ8r2M30vJHtdFSpKfVC7-WlPG6yBlnVhB5aIc7Q1yOCCcAd-mVieACeZ6a5KNYTImQ\" alt=\"Rodando o comando git fetch URL - URL oculta\"><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-como-usar-o-github-para-desenvolvimento-wordpress\"><strong>Como Usar o GitHub para Desenvolvimento WordPress&nbsp;<\/strong><\/h2><p>Depois de preparar todas as ferramentas, voc&ecirc; pode come&ccedil;ar a utilizar o GitHub para trabalhar em seus projetos de desenvolvimento de sites WordPress. Abaixo indicamos um exemplo de fluxo de trabalho para alterar o tema do seu site.&nbsp;<\/p><ol class=\"wp-block-list\">\n<li>Busque e acesse (fetch) o reposit&oacute;rio GitHub do tema do seu site.<\/li>\n\n\n\n<li>Fa&ccedil;a as altera&ccedil;&otilde;es desejadas no tema e teste-o no servidor local.&nbsp;<\/li>\n\n\n\n<li>Localize e entre na <strong>pasta do tema<\/strong> &rarr; <strong>clique com o bot&atilde;o direito em qualquer local da p&aacute;gina<\/strong> &rarr; selecione a op&ccedil;&atilde;o <strong>Git Bash Here<\/strong>.<\/li>\n\n\n\n<li>Insira o comando <strong>git add <\/strong>e pressione <strong>Enter<\/strong>. Isso vai informar ao Git que voc&ecirc; deseja incluir as altera&ccedil;&otilde;es para o pr&oacute;ximo commit.<\/li>\n\n\n\n<li>Aplique as mudan&ccedil;as no reposit&oacute;rio local atrav&eacute;s da execu&ccedil;&atilde;o do comando <strong>git commit<\/strong>.<\/li>\n\n\n\n<li>Fa&ccedil;a o push do seu reposit&oacute;rio local atualizado no GitHub atrav&eacute;s do comando <strong>git push -u origin master<\/strong>. Lembre-se de substituir a palavra <strong>master<\/strong> com o nome do <a href=\"https:\/\/docs.github.com\/pt\/desktop\/contributing-and-collaborating-using-github-desktop\/making-changes-in-a-branch\/managing-branches\" target=\"_blank\" rel=\"noopener\"><strong>branch<\/strong><\/a> quando estiver fazendo o push das altera&ccedil;&otilde;es para outro branch.<\/li>\n\n\n\n<li>Uma vez que o processo push for conclu&iacute;do, aplique as modifica&ccedil;&otilde;es no site publicado atrav&eacute;s do deploy do seu reposit&oacute;rio remoto.&nbsp;<\/li>\n<\/ol><p>H&aacute; muitas maneiras de fazer o deploy reposit&oacute;rios remotos no servidor de produ&ccedil;&atilde;o publicado. A forma mais conveniente &eacute; utilizando um plugin GitHub do WordPress, como o <a href=\"https:\/\/wppusher.com\/\" target=\"_blank\" rel=\"noopener\"><strong>WP Pusher<\/strong><\/a>.<\/p><p>Abaixo indicamos os passos necess&aacute;rios para utilizar o WP Pusher e fazer o deploy do seu reposit&oacute;rio GitHub no site publicado:<\/p><ol class=\"wp-block-list\">\n<li><a href=\"\/br\/tutoriais\/como-instalar-plugins-wordpress\"><strong>Baixe e instale<\/strong><\/a> o plugin do WordPress WP Pusher.&nbsp;<\/li>\n\n\n\n<li>No menu lateral do seu painel WordPress, navegue at&eacute; a se&ccedil;&atilde;o do <strong>WP Pusher<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/iT9rrOwPQZL00RrYtZpVnctI2yIxcp9hDE70vF3xvuTCFbN5NcdRSY6lcpnMq8uRcAwYoliOEase6BuBtq3xUrN0dlRr4ai_YH5PaxDbSGwbB84vI8qtYzalFsLuajqsVkZpFvug2ugD3YfROHdLFRU\" alt=\"Painel do WordPRess com destaque para o menu do WP Pusher\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Localize a aba do <strong>GitHub <\/strong>e clique na op&ccedil;&atilde;o <strong>Obtain a GitHub Token<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/nlF_bs-T3swx_HKxbvG_ck7zASUiqdyFcGO5Gtj0vKPmRmfSJxK4c93A6w3apCXgYO48dh7fx9wyE2n4Eo9MmBw1HInlLSk_fLwkt53_BV5ciqZwUWX4IZe8foWAOG0QpwnVeYfcKhYfFIdyTErTltU\" alt=\"Painel do WP Pusher com destaque para o bot&atilde;o de obter token GitHub\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Uma janela <strong>pop-up de autentica&ccedil;&atilde;o<\/strong> ser&aacute; exibida. Autorize o WP Pusher para que o plugin tenha acesso &agrave; sua conta GitHub.&nbsp;<\/li>\n\n\n\n<li><strong>Copie o token<\/strong> da janela de autentica&ccedil;&atilde;o e <strong>cole-o no WordPress.&nbsp;<\/strong><\/li>\n\n\n\n<li>Clique no bot&atilde;o <strong>Save GitHub token<\/strong> para salvar e confirmar.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/_7mZ-RrhFjaFwUioKLr1alWkzcgbrvoMPXr8wwRALYciv04hZMm_qURJ-31kL3hmyNCQW7JV8_SOljFNIkr7Hg8MJcF9LJonSqCaumk-7VfDtZFtkOIz80UDbXIwyUSvsu1sCL08b8VB8360te_kEmc\" alt=\"Painel do WP Pusher com destaque para o bot&atilde;o de salvar token GitHub\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"7\">\n<li>Navegue pelo menu lateral do WordPress &rarr; <strong>WP Pusher <\/strong>&rarr;<strong> Install theme <\/strong>ou<strong> Install plugin<\/strong>. No exemplo do nosso guia, vamos optar pela primeira op&ccedil;&atilde;o, a instala&ccedil;&atilde;o de um tema.&nbsp;<\/li>\n\n\n\n<li>Preencha o campo <strong>Theme repository <\/strong>com o nome do seu reposit&oacute;rio GitHub<strong>.<\/strong><\/li>\n\n\n\n<li>No campo <strong>Repository branch<\/strong>, insira a op&ccedil;&atilde;o <strong>main<\/strong>.<\/li>\n\n\n\n<li>Por fim, clique no bot&atilde;o <strong>Install theme <\/strong>para instalar o tema.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/Zouvtpp30hBUCuruWMANcdbQ4q1EVb8cEYMqobY8bsIBQmSFgYcPMr35V0sPvEF-M4Wd6t4vX-f5IlfuXDUwUZjAdzUyItDTl5u4Uh4nKIxULSz_MZPUj3Kb79letEfLWFPvp-3ct3GdtYcxmDUd7Og\" alt=\"Instalando tema pelo WP Pusher\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"11\">\n<li>Depois da instala&ccedil;&atilde;o, navegue para <strong>Apar&ecirc;ncia &rarr; Temas<\/strong>, e ent&atilde;o <strong>Ative<\/strong> seu novo tema instalado.<\/li>\n<\/ol><p>Sempre que voc&ecirc; atualizar seus reposit&oacute;rios com modifica&ccedil;&otilde;es, acesse o seu painel do WordPress e v&aacute; at&eacute; <strong>WP Pusher <\/strong>&rarr; <strong>Plugins<\/strong> ou <strong>Themes<\/strong> &rarr; <strong>Update <\/strong>para atualizar. Caso voc&ecirc; n&atilde;o realize esse processo, as altera&ccedil;&otilde;es n&atilde;o ser&atilde;o exibidas no site que est&aacute; publicado.<\/p><h2 class=\"wp-block-heading\" id=\"h-recursos-extras-para-integracoes-do-github-com-o-wordpress\"><strong>Recursos Extras para Integra&ccedil;&otilde;es do GitHub com o WordPress&nbsp;<\/strong><\/h2><p>Al&eacute;m de melhorar o <em>workflow<\/em> dos seus projetos de desenvolvimento web, integrar o WordPress com o GitHub ainda&nbsp; pode oferecer outros benef&iacute;cios. Por exemplo, voc&ecirc; pode instalar plugins ou temas a partir do pr&oacute;prio GitHub e hospedar seu site nesta plataforma.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-como-instalar-plugins-e-temas-wordpress-pelo-github\"><strong>Como Instalar Plugins e Temas WordPress pelo GitHub<\/strong><\/h3><p>Desenvolvedores WordPress geralmente possuem reposit&oacute;rios no GitHub para seus plugins e temas. Se esses temas ou plugins estiverem indispon&iacute;veis no diret&oacute;rio oficial do WordPress, voc&ecirc; pode instal&aacute;-los atrav&eacute;s do GitHub.&nbsp;&nbsp;<\/p><p>Os passos para <a href=\"\/br\/tutoriais\/como-instalar-temas-do-wordpress\"><strong>instalar um tema<\/strong><\/a> e um plugin s&atilde;o bastante similares. Abaixo indicamos os passos necess&aacute;rios para baixar e instalar um plugin WordPress pelo GitHub:<\/p><ol class=\"wp-block-list\">\n<li>Abra o GitHub e localize o plugin que voc&ecirc; deseja instalar.<\/li>\n\n\n\n<li>Na p&aacute;gina do reposit&oacute;rio do plugin no GitHub, clique em <strong>Code <\/strong>&rarr; <strong>Download ZIP<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/EXilDr49zr16UPrVKWry0ujNP1FcGzDPaPl0cv96uvEs9otzReh02ujWJey92JkApFm0kMODdu7MZBD6D9d1lhwT_gSHJyc4En7oNy7sHiuYLdZ74w3iCTJVaVx_ArretFhNsc-5MwEl0dzEsc4FWXA\" alt=\"Fazendo download de arquivo ZIP no reposit&oacute;rio GitHub do plugin\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Selecione o diret&oacute;rio que deseja e clique em <strong>Save <\/strong>para salvar.<\/li>\n\n\n\n<li>Depois que o download for conclu&iacute;do, instale o plugin do WordPress manualmente.&nbsp;<\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-github-pages-para-hospedagem-wordpress-estatica\"><strong>GitHub Pages para Hospedagem WordPress Est&aacute;tica<\/strong><\/h3><p>O GitHub oferece um servi&ccedil;o de hospedagem gratuito chamado GitHub Pages. Ele permite que voc&ecirc; crie um site diretamente a partir do seu reposit&oacute;rio GitHub remoto.<\/p><p>Contudo, o servi&ccedil;o converte seu site WordPress em um site est&aacute;tico, omitindo funcionalidades din&acirc;micas que ele possa ter. Um site est&aacute;tico &eacute; ideal para casos de portf&oacute;lios simples, blogs ou p&aacute;ginas de demonstra&ccedil;&atilde;o de projetos.&nbsp;<\/p><p>Al&eacute;m disso, sites hospedados no GitHub Pages utilizam um dom&iacute;nio <strong>github.io<\/strong> por padr&atilde;o. Para alterar essa configura&ccedil;&atilde;o, voc&ecirc; deve comprar um dom&iacute;nio com uma registradora, como a Hostinger.&nbsp;<\/p><p>Para hospedar seu site WordPress de forma est&aacute;tica no GitHub Pages, siga o guia r&aacute;pido indicado a seguir.&nbsp;<\/p><p><strong>1. Crie um Novo Reposit&oacute;rio GitHub Pages<\/strong><\/p><p>Um reposit&oacute;rio GitHub Pages &eacute; onde voc&ecirc; vai armazenar os dados do seu site est&aacute;tico. Criar um deles exige os mesmos passos e configura&ccedil;&otilde;es da cria&ccedil;&atilde;o de um reposit&oacute;rio GitHub normal. Entretanto, nesse caso, o nome do reposit&oacute;rio ser&aacute; acompanhado do dom&iacute;nio que comentamos anteriormente: <strong>username.github.io.<\/strong><\/p><p>Depois de criar um reposit&oacute;rio remoto no GitHub Pages, fa&ccedil;a um clone dele na sua m&aacute;quina local:<\/p><ol class=\"wp-block-list\">\n<li>Acesse o GitHub e navegue at&eacute; a p&aacute;gina do reposit&oacute;rio.<\/li>\n\n\n\n<li>Clique em <strong>Code <\/strong>e copie a <strong>URL do reposit&oacute;rio.<\/strong><\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/7FyKKt74mgvVFzmNZ5NWnDGVlwwbrl5VadDynO95gPw0SeqqS-ykKn0uby993GJ0NbMy36nVvW5TaR2WM-zgzR0Aib-PWEEA934Pufv2rn3LWkQsMnwtqrI0zaCxO7Ga3-x2WlrOs9MhZ88UT4GOOwo\" alt=\"Copiando a URL do reposit&oacute;rio GitHub\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Navegue at&eacute; a pasta onde voc&ecirc; deseja salvar o reposit&oacute;rio.<\/li>\n\n\n\n<li>Clique com o bot&atilde;o direito em qualquer local da p&aacute;gina e selecione a op&ccedil;&atilde;o <strong>Git Bash Here.<\/strong><\/li>\n\n\n\n<li>Digite o comando <strong>git clone URL<\/strong> e pressione <strong>Enter <\/strong>&ndash; lembrando de substituir a palavra URL pela URL copiada no passo 2. Em seguida, uma nova pasta com o nome do seu reposit&oacute;rio GitHub Page dever&aacute; ser exibida.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/WrWj6alylAR1a1tmynFsnKx2lgRsTgLVOt7WUA0qsRoq5C39f2ZJnx5JTAPSh-IK8Ge1Hs19COvOAjW5xYp2KLkOBxUYe3LGmY1rkoxOlNyzTOB14vclRABZu8TIBFYyEArcMXnIflSLSvNNoLkuMdM\" alt=\"Rodando o comando git clone URL - URL oculta\"><\/figure><\/div><p><strong>2. Crie um Site WordPress&nbsp;<\/strong><\/p><p>O site WordPress ser&aacute; seu ambiente de desenvolvimento. &Eacute; onde voc&ecirc; far&aacute; as altera&ccedil;&otilde;es nos conte&uacute;dos e design do site publicado e hospedado no GitHub Pages.<\/p><p>Utilizando ferramentas como o Local, voc&ecirc; pode hospedar seus sites WordPress GitHub Pages em um servidor local. De outro modo, voc&ecirc; pode utilizar um servi&ccedil;o para <a href=\"\/br\/hospedagem-de-sites\">hospedar sites<\/a> e permitir que outros usu&aacute;rios WordPress acessem os sites de forma remota.&nbsp;<\/p><p>Quando estiver hospedando seu site de desenvolvimento de maneira remota, configure-o como privado para evitar que usu&aacute;rios o visitem enquanto ele ainda est&aacute; sendo constru&iacute;do.<\/p><p>Confira nosso <a href=\"\/br\/tutoriais\/tutorial-wordpress\"><strong>tutorial WordPress<\/strong><\/a> para aprender mais sobre a instala&ccedil;&atilde;o e utiliza&ccedil;&atilde;o desse CMS. Uma vez que o site for criado, configure seu conte&uacute;do e design de acordo com as suas prefer&ecirc;ncias.&nbsp;<\/p><p><strong>3. Converta o Site WordPress em HTML Est&aacute;tico<\/strong><\/p><p>O GitHub Pages suporta apenas sites est&aacute;ticos, e j&aacute; que o WordPress &eacute; din&acirc;mico, voc&ecirc; deve converter suas p&aacute;ginas em p&aacute;ginas est&aacute;ticas antes de fazer o lan&ccedil;amento do site.&nbsp;<\/p><p>H&aacute; diferentes m&eacute;todos para converter seu site WordPress, mas utilizar um plugin &eacute; o mais comum deles. Neste tutorial, vamos utilizar o plugin <em>freemium<\/em> <a href=\"https:\/\/wordpress.org\/plugins\/simply-static\/\" target=\"_blank\" rel=\"noopener\"><strong>Simply Static<\/strong><\/a>.<\/p><p>Para converter um site WordPress atrav&eacute;s do plugin Simply Static, voc&ecirc; primeiramente deve configur&aacute;-lo:<\/p><ol class=\"wp-block-list\">\n<li><a href=\"\/br\/tutoriais\/como-instalar-plugins-wordpress\"><strong>Baixe e instale<\/strong><\/a> o plugin Simply Static.<\/li>\n\n\n\n<li>Navegue at&eacute; seu <strong>painel WordPress<\/strong> e no menu lateral selecione &rarr; <strong>Simply Static <\/strong>&rarr; <strong>Settings <\/strong>&rarr; <strong>General<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/Y7HY9z48hapSrXd76JJnmDua68S_GjLJdgnKQQC4-URK7oA2pElnFyJiqLMju7jO5eme7Ti5z9PUXgV1mnWWvsaOtfS7lPL8gOGeA--RYyirls-VgHlsU3viR4zXfFM5R3tliejbgRbwBWuebsMHH78\" alt=\"Configura&ccedil;&otilde;es gerais do plugin Simply Static\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Na se&ccedil;&atilde;o <strong>Destination URLs<\/strong>, selecione a op&ccedil;&atilde;o <strong>Use absolute URLs <\/strong>(Usar URLs Absolutas).<\/li>\n\n\n\n<li>Insira a <strong>URL do seu site<\/strong> hospedado do GitHub Pages. Para sites que utilizam o dom&iacute;nio gratuito github.io domain, a URL ser&aacute; <strong>username.github.io <\/strong>(sendo &ldquo;username&rdquo; seu nome de usu&aacute;rio).<\/li>\n\n\n\n<li>Na se&ccedil;&atilde;o <strong>Delivery Method<\/strong>, selecione <strong>Local Directory <\/strong>(Diret&oacute;rio Local).<\/li>\n\n\n\n<li>Insira o caminho local para o clone do seu reposit&oacute;rio do GitHub Pages. &Eacute; a&iacute; onde o Simple Static ir&aacute; salvar os arquivos HTML do seu site.&nbsp;<\/li>\n\n\n\n<li>Por fim, clique em <strong>Save Changes<\/strong> para salvar as configura&ccedil;&otilde;es.&nbsp;<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/Cz8mueScnl6KY9J4-94EFBN2Oc_scb1ZgEwKcWGMNkwqEY8reFGXJ61uzt2pl1JSaaiP2nvosbaq_jHnrYbDHWrVXMtXi8xtC86PKjWkob7xGFncdT0edsTM1lNziPHokaI-fcu10Ry0xWydVxvD8Ug\" alt=\"Configurando o plugin Simply Stratic - destaque para o bot&atilde;o de salvar altera&ccedil;&otilde;es \"><\/figure><\/div><p>Depois que o processo de configura&ccedil;&atilde;o do plugin for conclu&iacute;do, &eacute; hora de converter seu site WordPress:<\/p><ol class=\"wp-block-list\">\n<li>Navegue at&eacute; o menu lateral do seu <strong>painel WordPress<\/strong> &rarr; <strong>Simply Static <\/strong>&rarr; <strong>Generate<\/strong>.<\/li>\n\n\n\n<li>Clique no bot&atilde;o <strong>Generate Static Files <\/strong>para gerar os arquivos est&aacute;ticos. Aguarde at&eacute; que o processo de exporta&ccedil;&atilde;o seja conclu&iacute;do.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/bZvH2NV8P1XkWACUSZ3YX-GBi77tXwo97wre_l2x8TITT81yZlnkFQI5efIZGLhcr8ubU8MJEaJmUlRn2KqAnL3s93h207QV_TRGX6rH7ZFTv8Xtr8CcYv5JtuxAbvwqZ9fVtBB9L7A-ktUiIy4r-JU\" alt=\"Painel do plugin Simply Static com destaque para o bot&atilde;o de gerar arquivos est&aacute;ticos\"><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Abra seu reposit&oacute;rio local do GitHub Pages. Se a exporta&ccedil;&atilde;o foi feita com sucesso, os arquivos HTML dever&atilde;o ser exibidos.&nbsp;<\/li>\n<\/ol><p><strong>4. Fa&ccedil;a o Deploy do Site no GitHub Pages<\/strong><\/p><p>O pr&oacute;ximo passo &eacute; fazer o deploy do seu site WordPress est&aacute;tico no GitHub Pages para poder coloc&aacute;-lo no ar. Diferentemente de outros servi&ccedil;os de hospedagem, ele ir&aacute; automaticamente lan&ccedil;ar as atualiza&ccedil;&otilde;es no site publicado assim que voc&ecirc; fizer o <em>push <\/em>do seu reposit&oacute;rio gitHub Pages.&nbsp;&nbsp;<\/p><p>Para publicar seu site, ser&aacute; necess&aacute;rio rodar o comando push nos arquivos HTML para o seu reposit&oacute;rio GitHub.&nbsp;<\/p><ol class=\"wp-block-list\">\n<li>Copie a <strong>URL do seu reposit&oacute;rio GitHub Pages<\/strong>.<\/li>\n\n\n\n<li>Abra a pasta do seu <strong>reposit&oacute;rio local<\/strong>.&nbsp;<\/li>\n\n\n\n<li>Clique com o bot&atilde;o direito em qualquer local da p&aacute;gina e selecione a op&ccedil;&atilde;o <strong>Git Bash Here<\/strong>.<\/li>\n\n\n\n<li>Insira o comando <strong>git remote add origin URL<\/strong> e pressione <strong>Enter<\/strong>. Se a mensagem de erro:<strong> remote origin already exists<\/strong> for exibida, significa que voc&ecirc; j&aacute; adicionou o reposit&oacute;rio remoto. Nesse caso, basta seguir para o pr&oacute;ximo passo.&nbsp;<\/li>\n\n\n\n<li>Envie todos os arquivos para o reposit&oacute;rio GitHub ao digitar o comando <strong>git push origin -u master<\/strong> e pressionar <strong>Enter<\/strong>.<\/li>\n\n\n\n<li>Se o GitHub solicitar que voc&ecirc; entre na conta, selecione a op&ccedil;&atilde;o <strong>Sign in with your browser <\/strong>e insira seu nome de usu&aacute;rio e senha no navegador (campos <strong>username <\/strong>e <strong>password<\/strong>).<\/li>\n<\/ol><p>Depois de concluir o processo e enviar todos os arquivos HTML para o seu reposit&oacute;rio GitHub Pages, seu site estar&aacute; no ar e voc&ecirc; poder&aacute; acess&aacute;-lo como publicado.<\/p><p>Sempre que voc&ecirc; fizer modifica&ccedil;&otilde;es no site, crie novos arquivos HTML e fa&ccedil;a o <em>push<\/em> deles no reposit&oacute;rio GitHub Pages. Caso esteja utilizando o cliente GitHub para desktop, clique na op&ccedil;&atilde;o <strong>Push Origin<\/strong>.<\/p><p>Se voc&ecirc; prefere fazer o deploy autom&aacute;tico dos arquivos HTML do seu site no GitHub Pages, considere contratar a vers&atilde;o premium do plugin Simply Static &ndash; seus valores come&ccedil;am a partir de <strong>US$ 99,99<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/br\/hospedagem-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-44638\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-plugins-populares-wordpress-para-github\"><strong>Plugins Populares WordPress para GitHub&nbsp;<\/strong><\/h2><p>Usar plugins pode otimizar ainda mais seu fluxo de trabalho, tornando seus projetos de desenvolvimento WordPress mais eficientes. Abaixo indicamos nossas principais escolhas quanto aos melhores plugins GitHub do WordPress, cada um com diferentes prop&oacute;sitos:<\/p><h3 class=\"wp-block-heading\" id=\"h-1-wp-pusher\"><strong>1. <\/strong><a href=\"https:\/\/wppusher.com\/\" target=\"_blank\" rel=\"noopener\"><strong>WP Pusher<\/strong><\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/jem3o3FBqm9hJC_V1Cx5i-OjBHW7HqFr7DJHk2RG706KmuH6iF1ZiLYoryfoxpx4yfXZh3IYIiLaQSrg40dKPrcLLIALPoDaxGiw-qNvqUto9a2IhVr7qRmKMF369UXXG-OtybI8UxrANmC9K7ciFzg\" alt=\"P&aacute;gina inicial do plugin WP Pusher\"><\/figure><\/div><p>O WP Pusher ajuda a fazer o deploy de um novo tema ou plugin no seu site WordPress publicado, utilizando a URL do reposit&oacute;rio. Ele permite que voc&ecirc; instale temas e plugins diretamente do painel do WordPress.&nbsp;<\/p><p>O WP Pusher garante um fluxo de trabalho mais eficiente para usu&aacute;rios que atualizam seus plugins e temas com frequ&ecirc;ncia. Al&eacute;m disso, o plugin em quest&atilde;o tamb&eacute;m &eacute; muito &uacute;til para instalar temas e outros plugins dispon&iacute;veis na biblioteca do WordPress.<\/p><p>Para instalar um tema WordPress utilizando o WP Pusher, simplesmente insira o link do reposit&oacute;rio e clique no bot&atilde;o <strong>Install<\/strong>. O WP Pusher tamb&eacute;m possui se&ccedil;&otilde;es espec&iacute;ficas de temas e plugins (<strong>Themes <\/strong>e <strong>Plugins<\/strong>) que listam todos os plugins e temas instalados no site.&nbsp;<\/p><p>Este popular plugin est&aacute; dispon&iacute;vel numa vers&atilde;o gratuita e em vers&otilde;es pagas. O plano premium oferece mais recursos e custa a partir de <strong>US$ 99\/ano<\/strong>. Ele tamb&eacute;m conta com uma garantia de reembolso de 30 dias.&nbsp;<\/p><p><strong>Principais Recursos:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Integra&ccedil;&atilde;o multi-plataforma. <\/strong>O WP Pusher pode ser integrado com diversos servi&ccedil;os de reposit&oacute;rios baseados em Git, incluindo o GitHub, GitLab, e Bitbucket.<\/li>\n\n\n\n<li><strong>Push-to-deploy<\/strong>. Recurso que automaticamente atualiza plugins ou temas toda vez que os usu&aacute;rios fizerem o <em>push<\/em>.&nbsp;<\/li>\n\n\n\n<li><strong>Suporte ao WordPress Multisite<\/strong>. Esse plugin ir&aacute; funcionar em todos os sites numa rede WordPress multisite.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-2-git-updater\"><strong>2. <\/strong><a href=\"https:\/\/git-updater.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Git Updater<\/strong><\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/Ja9rBIYBvpuZbzWROAOveb3yOyJ79OlwYuNL0l4Y7ZaENEcpMNun2zJVQszPmCzPVUi6BHpmLJDOR1z1EUsSC4ONrvxkfcyxOTmwyh5GP6yZCyK6B0yLH5KQSIRDuEDc7HiMrTfJCiFt9IueTFpPG_8\" alt=\"Banner do plugin Git Updater\"><\/figure><\/div><p>O Git Updater &eacute; um plugin simples que automatiza atualiza&ccedil;&otilde;es para temas, plugins e pacotes de idiomas do WordPress hospedados no GitHub.&nbsp;<\/p><p>O Git Updater deve possuir acesso autorizado aos reposit&oacute;rios para funcionar corretamente. Al&eacute;m disso, ele exige que os arquivos <strong>style.css <\/strong>dos temas e plugins incluam linhas de c&oacute;digo espec&iacute;ficas.<\/p><p>Este plugin &eacute; capaz de verificar periodicamente novas atualiza&ccedil;&otilde;es em seus reposit&oacute;rios de plugins ou temas. Caso ele detecte uma nova vers&atilde;o, ele far&aacute; o deploy autom&aacute;tico da atualiza&ccedil;&atilde;o no servidor live.<\/p><p>O Git Updater tamb&eacute;m oferece uma vers&atilde;o gratuita e planos pagos. As vers&otilde;es premium come&ccedil;am em <strong>US$ 30\/ano<\/strong> e contam com recursos adicionais, como instala&ccedil;&otilde;es remotas e troca de branches.<\/p><p><strong>Principais Recursos:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Atualiza&ccedil;&otilde;es autom&aacute;ticas<\/strong>. Atualiza automaticamente um tema, plugin ou pacote de idioma quando uma nova vers&atilde;o aparecer no reposit&oacute;rio GitHub.&nbsp;<\/li>\n\n\n\n<li><strong>Instala&ccedil;&atilde;o remota de plugins e temas. <\/strong>Permite que voc&ecirc; instale temas e plugins baseados no GitHub atrav&eacute;s do seu painel de controle do WordPress.<\/li>\n\n\n\n<li><strong>Suporte a reposit&oacute;rios privados e p&uacute;blicos. <\/strong>Monitora atualiza&ccedil;&otilde;es de reposit&oacute;rios p&uacute;blicos e tamb&eacute;m privados.&nbsp;<\/li>\n\n\n\n<li><strong>Branch switching<\/strong>. Os usu&aacute;rios podem escolher se o Git Updater deve monitorar o <em>master branch <\/em>ou outros branches de desenvolvimento.&nbsp;<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-3-github-embed\"><strong>3. <\/strong><a href=\"https:\/\/wordpress.org\/plugins\/github-embed\/\" target=\"_blank\" rel=\"noopener\"><strong>GitHub Embed<\/strong><\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/uzVZHwDVV1yEDgjEiyNYgqCFGSuk2A3u-OokokoMhEKM5Gfyb34xnFZ6qkzHjb5-CrbJ15TmLGJsIIqbiXwEQaeXmUaeHU0qe5WHrdr6cNXapCAGAAE33dZx2IaybpkqRZeGnD3r6uN_zUb9r1Q0Kf0\" alt=\"Banner do plugin GitHub Embed dispon&iacute;vel no diret&oacute;rio oficial de plugins do WordPress\"><\/figure><\/div><p>O GitHub Embed &eacute; um plugin de c&oacute;digo aberto para incorporar informa&ccedil;&otilde;es do GitHub no seu site. Atualmente ele suporta:<\/p><ul class=\"wp-block-list\">\n<li>Reposit&oacute;rios<\/li>\n\n\n\n<li>Perfis de usu&aacute;rios<\/li>\n\n\n\n<li>Resumo de etapas de projetos (<em>milestones summary<\/em>)<\/li>\n\n\n\n<li>Contribuidores dos projetos<\/li>\n<\/ul><p>Para incorporar informa&ccedil;&otilde;es do GitHub no site, basta colar a URL do reposit&oacute;rio no seu site. Esse plugin automaticamente busca e aplica quaisquer atualiza&ccedil;&otilde;es feitas nas informa&ccedil;&otilde;es que foram inclu&iacute;das.&nbsp;<\/p><p>O GitHub Embed &eacute; especialmente &uacute;til para sites de projetos. Com este plugin, os desenvolvedores podem manter as informa&ccedil;&otilde;es sobre seus projetos atualizadas no site.&nbsp;<\/p><p>E o melhor de tudo &eacute; que este plugin e todas as suas funcionalidades s&atilde;o completamente gratuitas.&nbsp;<\/p><p><strong>Principais Recursos:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Personaliza&ccedil;&atilde;o. <\/strong>O plugin possui classes de estilo (styling classes), permitindo que seus usu&aacute;rios personalizem as informa&ccedil;&otilde;es do GitHub que foram adicionadas. Assim, o design do site fica coerente.&nbsp;<\/li>\n\n\n\n<li><strong>Atualiza&ccedil;&otilde;es autom&aacute;ticas de informa&ccedil;&otilde;es<\/strong>. O plugin GitHub Embed atualiza automaticamente as informa&ccedil;&otilde;es incorporadas toda vez que um usu&aacute;rio fizer alguma altera&ccedil;&atilde;o nelas pelo GitHub.&nbsp;<\/li>\n\n\n\n<li><strong>Incorpora&ccedil;&atilde;o de m&uacute;ltiplas informa&ccedil;&otilde;es. <\/strong>O processo de <em>embedding<\/em> das informa&ccedil;&otilde;es pode ser feito para m&uacute;ltiplos conjuntos de dados no site.<\/li>\n\n\n\n<li><strong>Resumo de milestones<\/strong>. Este plugin oferece detalhes sobre o progresso do seu projeto, incluindo erros, datas de prazos e descri&ccedil;&atilde;o de etapas.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-conclusao\"><strong>Conclus&atilde;o<\/strong><\/h2><p>O GitHub &eacute; um servi&ccedil;o de hospedagem Git que permite que os desenvolvedores colaborem em projetos de forma mais eficiente. A plataforma possui controle de vers&otilde;es, monitoramento e recursos de branching, possibilitando que projetos de desenvolvimento sejam feitos de forma simult&acirc;nea e organizada.&nbsp;<\/p><p>Integrar o WordPress com o GitHub vai melhorar muito o <em>workflow<\/em> dos seus processos de desenvolvimento. Este artigo passou por todos os passos necess&aacute;rios para fazer essa integra&ccedil;&atilde;o entre WordPress e GitHub.&nbsp;<\/p><p>A utiliza&ccedil;&atilde;o do GitHub permite que os usu&aacute;rios instalem plugins WordPress a partir dos seus reposit&oacute;rios e hospedem sites WordPress no GitHub Pages. Adicionalmente, plugins como o WP Pusher, Git Updater, e GitHub Embed s&atilde;o capazes de automatizar alguns dos processos de integra&ccedil;&atilde;o.<\/p><p>Esperamos que este tutorial tenha te ajudado a entender melhor como usar o GitHub para otimizar o seus projetos de desenvolvimento WordPress. Caso voc&ecirc; ainda tenha alguma quest&atilde;o, n&atilde;o hesite em deixar um coment&aacute;rio na se&ccedil;&atilde;o abaixo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O GitHub &eacute; uma ferramenta essencial para desenvolvedores web. Ao armazenar bancos de dados dos projetos em seu servidor em nuvem, diferentes usu&aacute;rios podem monitorar, gerenciar e modificar esses dados e projetos a qualquer momento. Integrar o WordPress com o GitHub pode melhorar muito seu processo de desenvolvimento de sites, al&eacute;m de tornar mais eficiente [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/br\/tutoriais\/integrar-wordpress-github\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":305,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"","rank_math_description":"Descubra como integrar o WordPress ao GitHub e conhe\u00e7a algumas dicas de como utilizar essa \u00f3tima ferramenta de desenvolvimento web com o WP","rank_math_focus_keyword":"","footnotes":""},"categories":[4911],"tags":[4943],"class_list":["post-32500","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-github"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-github","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/integrar-wordpress-github","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/github-wordpress","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-github","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-github","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-github","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/integrar-wordpress-github","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-github","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-github","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-github","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-github","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/32500","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/users\/305"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/comments?post=32500"}],"version-history":[{"count":5,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/32500\/revisions"}],"predecessor-version":[{"id":40413,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/32500\/revisions\/40413"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media?parent=32500"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/categories?post=32500"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/tags?post=32500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}