Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Guia para iniciantes no uso do Git com o WordPress

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

Está querendo usar o Git e integrar o GitHub ao seu site WordPress?

O Git e o GitHub são ferramentas essenciais para desenvolvedores que desejam acompanhar as alterações no código, gerenciar diferentes projetos de codificação e trabalhar com uma equipe no mesmo código. Você também pode recuperar uma versão estável do seu código, caso algo dê errado durante o processo de desenvolvimento.

Neste artigo, explicaremos tudo sobre o uso do Git com o WordPress.

Beginners guide to using Git with WordPress

Aqui está uma visão geral de tudo o que abordaremos neste guia. Você pode clicar nos links abaixo para ir para qualquer seção:

O que é o Git?

Git, abreviação de global information tracker (rastreador de informações globais), é um sistema de controle de versão distribuído que ajuda a rastrear alterações em diferentes arquivos de computador ou projetos de codificação. Esses projetos são armazenados no que é chamado de repositório (ou repo), que é essencialmente a pasta principal que o Git usa para armazenar todos os arquivos.

O Git é usado principalmente por desenvolvedores que trabalham em diferentes tarefas de desenvolvimento de software. Com o Git, várias pessoas podem simplesmente fazer um clone do repositório principal que contém o código original.

Eles podem então fazer modificações em seus próprios computadores sem precisar acessar ou editar o repositório principal. Quando tiverem feito as alterações e estiverem prontos para enviá-las, muitos usuários farão o upload delas em um serviço como o GitHub, que ajuda a organizar os vários repositórios das equipes.

Git vs GitHub – Qual é a diferença?

Ao discutir o git, uma das perguntas mais frequentes é qual é a diferença entre o Git e o GitHub.

Muitas vezes, iniciantes e novos proprietários de sites pensam que Git e GitHub são a mesma coisa. No entanto, há uma diferença entre os dois.

O Git é o sistema de controle de versão real que permite rastrear alterações no código e criá-lo e classificá-lo em algo chamado repositórios. O GitHub, portanto, é uma plataforma de hospedagem na Web para armazenar repositórios Git para facilitar o acesso da equipe.

Você pode usar o Git de forma independente, mantendo tudo organizado em uma máquina local, mas não é possível usar o GitHub sem o Git.

Além disso, há muitas outras plataformas de hospedagem do Git, como Launchpad, Assembla e Bitbucket. Mas a mais popular é o GitHub, que oferece recursos adicionais além do Git.

O GitHub é mais adequado para empresas e equipes remotas que têm várias pessoas trabalhando no mesmo projeto. Ele tem uma interface fácil de usar e recursos avançados que o tornam uma ótima ferramenta para colaborações.

Além disso, ele armazena tudo na nuvem, de modo que você não precisa se preocupar com a perda de seus dados caso sua máquina local seja danificada ou roubada.

Dito isso, vamos ver algumas situações em que você gostaria de usar o Git e o GitHub para o desenvolvimento do WordPress.

Como usar o Git e o GitHub para o desenvolvimento do WordPress

Os dois principais motivos para usar o Git e o GitHub são o desenvolvimento de temas e plugins para o WordPress.

Por exemplo, se você estiver criando um novo tema ou usando um tema personalizado para o seu site, o GitHub é perfeito para gerenciar a base de código do seu projeto.

Você pode simplesmente buscar o repositório de temas do GitHub, fazer alterações e, em seguida, testar o tema em um servidor local. Depois que as alterações forem feitas, você poderá enviar o repositório atualizado para o GitHub e aplicar as alterações ao tema em seu site WordPress ativo.

Da mesma forma, se você for um desenvolvedor de WordPress que cria plug-ins, poderá usar o GitHub para gerenciar a base de código.

Também é excelente para projetos de código aberto em que qualquer pessoa pode contribuir para o desenvolvimento de um plug-in do WordPress. Por exemplo, você pode obter os arquivos do plugin no GitHub para corrigir bugs ou trabalhar no aprimoramento de um recurso.

Make contributions to plugin development on GitHub

Além disso, você pode usar o GitHub e o Git para baixar e instalar plug-ins e temas do WordPress em seu site ativo. Embora o GitHub permita o armazenamento e o download de arquivos, ele não está configurado para ser usado como armazenamento de arquivos da mesma forma que o Dropbox ou o Google Drive.

Agora, vamos ver como você pode usar o Git e o GitHub para o desenvolvimento do WordPress. Neste tutorial, mostraremos como fazer alterações em um arquivo de plug-in local e carregá-lo no GitHub.

Configuração de um ambiente local do WordPress para o Git

Antes de usar o Git e o GitHub, é uma prática recomendada criar um ambiente local do WordPress. É nesse ambiente que você pode trabalhar em seu projeto, fazer alterações em um site do WordPress, testar seu novo código e testar o desenvolvimento de plugins e temas.

Ter um ambiente local garante que seu site ativo não seja afetado pelas alterações até que você as implemente. Caso algo dê errado, você poderá fazer alterações e depurar o código em seu site local.

Para começar, você pode usar um software da Web local que permite hospedar sites locais em seu computador, em vez de um servidor de teste ou ao vivo.

Por exemplo, softwares como Local WP (anteriormente conhecido como Local by Flywheel), MAMP, XAMPP e WampServer são excelentes para criar ambientes locais. Eles são de uso gratuito e muito fáceis de configurar.

Login to your local WordPress website

Você pode saber mais seguindo nossos guias sobre como instalar o WordPress em um computador Windows e como instalar o WordPress localmente em um Mac.

Instalando o Git localmente e criando um repositório

Quando seu ambiente local estiver pronto, a próxima etapa é fazer o download e instalar o Git em seu computador.

Mas antes de fazer isso, é importante verificar se o Git já está instalado em sua máquina ou não. Isso porque os dispositivos macOS e Linux mais recentes têm o Git pré-instalado.

Para começar, basta digitar o comando git -version no “Terminal” em qualquer máquina Mac ou Linux. Em um dispositivo Windows, você pode abrir o prompt de comando e digitar o comando git version.

Se o Git estiver pré-instalado, você verá o número da versão do Git. Se ele ainda não estiver instalado, você não verá nada ou receberá um erro de comando desconhecido. Isso significa que você terá que instalar o Git em seu computador.

Primeiro, você precisa acessar o site do Git e ir para a seção “Downloads”.

Git website

Na próxima tela, você encontrará links para Mac, Windows e Linux/Unix.

Clique no link do sistema operacional do seu dispositivo para fazer o download do Git.

Select your operating system for git

Depois de fazer o download do Git no site, você pode iniciar o assistente de instalação.

A partir daí, clique no botão “Next” (Avançar) e siga as instruções na tela para concluir o processo de instalação.

Installing git

Quando a instalação estiver concluída, você poderá iniciar o Git.

Depois disso, basta digitar git version para verificar se o software está instalado corretamente.

Check git version

Agora que o Git está pronto para ser usado em seu sistema, a próxima etapa é criar um repositório local do Git onde você pode fazer o commit das alterações nos arquivos do site do WordPress antes de enviá-las para o GitHub.

Para começar, navegue até os arquivos locais do site em seu computador. A partir daí, localize a pasta “wp-content” e, em seguida, vá para a pasta do plug-in ou do tema em que está trabalhando. Agora, clique com o botão direito do mouse em qualquer lugar dentro da pasta e clique na opção “Open Git Bash Here”.

Click open with git bash

Isso abrirá o software Git em seu computador.

A partir daí, basta digitar o seguinte comando e pressionar a tecla Enter ou Return no teclado.

git init
Enter git init command

Depois disso, você precisará digitar o seguinte comando para preparar as alterações no arquivo.

git add .

Quando isso for feito, pressione Enter ou Return.

Enter git add command

Em seguida, você pode adicionar uma mensagem ao seu repositório digitando o seguinte comando.

git commit -m “message”

Não se esqueça de substituir a mensagem por qualquer texto que desejar. Essa é uma maneira de deixar anotações sobre as alterações específicas que você fez no repositório.

Add commit message

Feito isso, basta pressionar o botão Enter ou Return em seu teclado.

Agora você deve ver uma pasta “.git” oculta nos arquivos de tema locais do WordPress.

View hidden git folder

Criar o repositório do GitHub e confirmar alterações

Em seguida, você pode acessar o site do GitHub e se inscrever para obter uma conta gratuita.

Para começar, basta digitar seu endereço de e-mail e clicar no botão “Sign up for GitHub” (Registrar-se no GitHub).

Sign up for a GitHub account

Na próxima tela, você precisará inserir detalhes para criar uma nova conta.

Por exemplo, crie uma senha, insira um nome de usuário e verifique suas preferências de e-mail.

Enter details to create a GitHub account

Se você rolar a tela para baixo, o GitHub solicitará que você resolva um quebra-cabeça para verificar sua conta.

É semelhante a ter o reCAPTCHA em seu site.

Verify your GitHub account

Quando sua conta estiver pronta, você verá o painel do GitHub.

Clique no sinal de “+” na parte superior e selecione a opção “Novo repositório”.

Create a new repo in GitHub

Depois disso, você pode inserir um nome para o seu repositório.

Também há opções para adicionar uma descrição e tornar o repositório público ou mantê-lo privado.

Enter a name for new repo

Se você rolar a tela para baixo, verá mais opções, como adicionar um arquivo README e escolher uma licença.

Depois de inserir todos os detalhes, clique no botão “Create repository” (Criar repositório).

Click the create repo button

Depois de criar o repositório, você precisará copiar a URL dele.

Você pode encontrar o link na seção Quick Setup (Configuração rápida).

Copy repo link under quick setup

Em seguida, você precisará abrir o Git Bash em seu computador.

A partir daí, basta digitar o seguinte comando e pressionar Enter ou Return.

git remote add origin URL

Não se esqueça de substituir a URL pelo link do seu repositório.

Enter remote add origin command

Depois disso, você pode digitar o seguinte comando.

git push -u origin main

Isso enviará o repositório local para o repositório remoto no GitHub.

Enter git push command

Em seguida, pode ser solicitado que você conecte sua conta do GitHub se ela ainda não estiver conectada ao Git. Basta fazer login na sua conta e autorizar o Git a se conectar.

Agora, você pode abrir o repositório do GitHub e ver os arquivos locais que acabou de editar.

View local files in GitHub repo

Depois de enviar os arquivos locais para o GitHub, outros usuários podem editar o arquivo e fazer outras alterações no plug-in ou no tema.

Se você precisar buscar essas atualizações em um repositório do GitHub para a configuração do seu site local, precisará abrir a pasta do plug-in no computador, clicar com o botão direito do mouse em qualquer lugar e abrir o Git Bash.

Em seguida, você pode digitar o seguinte comando e pressionar a tecla Enter ou Return.

git fetch URL

Não se esqueça de substituir a URL pelo link para o repositório do GitHub.

Agora você pode repetir essas etapas para iniciar o desenvolvimento do WordPress usando o Git e o GitHub.

Depois de fazer as alterações nos arquivos locais, a próxima etapa é enviá-las para o site ativo.

Implantar temas e plug-ins do GitHub em um site WordPress ativo

Depois de concluir o desenvolvimento de um plug-in ou tema do WordPress, a última etapa é implantá-lo em seu site ativo.

Agora, você pode usar o Git e executar diferentes comandos para enviar suas alterações para o site do WordPress. No entanto, há uma maneira mais fácil de usar um plug-in do WordPress Github, como o WP Pusher.

Primeiro, você precisará acessar o site do WP Pusher e clicar no botão “Download”.

WP Pusher website

Em seguida, faça o download dos arquivos do plug-in WP Pusher e salve-os em seu computador.

Depois disso, vá em frente, instale e ative o plug-in WP Pusher. Se precisar de ajuda, consulte nosso guia sobre como instalar um plug-in do WordPress.

Após a ativação, você pode acessar o WP Pusher no painel do WordPress e mudar para a guia “GitHub”.

Obtain GitHub token

Em seguida, uma nova janela pop-up será aberta, solicitando que você permita que o WP Pusher se conecte à sua conta do GitHub.

Basta clicar no botão “Authorize wppusher” para continuar.

Authorize wp pusher

A partir daqui, você precisará fazer login na sua conta do GitHub.

Feito isso, basta copiar o token do GitHub na próxima tela.

Copy the GitHub token

Agora, vá para as configurações do WP Pusher GitHub e insira o código do token.

Não se esqueça de clicar no botão “Save GitHub token” (Salvar token do GitHub).

Save GitHub token

Quando o GitHub estiver conectado, você poderá instalar quaisquer temas ou plug-ins que tenha carregado no GitHub a partir do repositório em seu site WordPress ativo.

Por exemplo, acesse WP Pusher ” Install Plugin no painel de administração do WordPress e insira o URL do repositório do plug-in.

Enter plugin repo

Ou você pode clicar no botão “Pick from GitHub”, e uma nova janela pop-up será aberta.

A partir daí, basta copiar o link para seu repositório de plug-ins.

Copy the link for plugin repo

Depois de inserir a URL do repositório do GitHub, você pode inserir outros detalhes, como o branch e o subdiretório do repositório.

Em seguida, você precisará rolar a tela para baixo e clicar no botão “Install plugin” (Instalar plug-in) na parte inferior.

Click install plugin button

Depois que o plug-in for instalado, você precisará ativá-lo.

Para fazer isso, basta acessar Plugins ” Plugins instalados e navegar até o plug-in que você acabou de instalar. A partir daí, você pode clicar no botão “Activate” (Ativar).

Activate a plugin

Agora você pode começar a usar o plug-in instalado em seu site.

Da mesma forma, você pode ir para Install Theme (Instalar tema) em WP Pusher no painel do WordPress para configurar um tema personalizado que você desenvolveu usando esse mesmo processo.

Instalar plug-ins e temas do WordPress a partir do GitHub

Além de integrar o WordPress ao Git e ao GitHub para desenvolvimento, você também pode obter arquivos de plug-ins e temas que não estão mais disponíveis na biblioteca do WordPress.org.

Os desenvolvedores do WordPress geralmente criam repositórios do GitHub para seus plug-ins e temas. Muitas vezes, você pode encontrá-los facilmente no GitHub se eles não estiverem disponíveis na biblioteca de plug-ins e temas do WordPress.

Basta abrir o GitHub e procurar o plug-in ou o tema que você deseja instalar. Depois disso, você pode clicar no botão “Code” (Código) e selecionar a opção “Download ZIP” (Baixar ZIP).

Download zip file for plugin

Dessa forma, você pode baixar os arquivos do plug-in e instalá-los em seu site.

Para obter mais detalhes, consulte nosso guia sobre como instalar plug-ins e temas do WordPress a partir do GitHub.

Termos importantes do Git e do GitHub que você deve conhecer

Você se deparará com diferentes terminologias do Git e do GitHub quando começar a usá-los para o desenvolvimento do WordPress e outros fins. Para ajudá-lo, aqui estão alguns termos importantes que você deve conhecer:

  • Ramificações – Uma ramificação é como um repositório paralelo que você pode criar. Ela permite que você faça alterações e trabalhe livremente sem afetar a ramificação principal ou interromper a versão ativa.
  • Mesclar – Quando você deseja fazer alterações em uma ramificação e aplicá-las a outra ramificação, esse processo é chamado de mesclagem. No entanto, as ramificações precisam estar no mesmo repositório ou em uma bifurcação.
  • Pull – refere-se a buscar alterações e mesclá-las. Digamos que alguém tenha feito alterações em um arquivo no repositório. Você pode fazer o pull dessas alterações em seu ambiente local para garantir que seus arquivos estejam atualizados.
  • Pull Requests (PR) – Uma pull request é quando um usuário envia alterações propostas a um repositório e elas são aceitas ou rejeitadas por outro colaborador do repositório.
  • Bifurcação – Uma bifurcação é uma cópia pessoal do repositório de outro usuário que você tem em sua conta. Você pode fazer alterações em um projeto livremente usando uma bifurcação sem afetar o repositório original.
  • Commit – Um commit é uma alteração individual em um arquivo no repositório. Quando você faz um commit, o Git cria um ID exclusivo para ajudá-lo a manter um registro de alterações específicas. Ele também registra quem fez as alterações e quando elas foram feitas.
  • Push – Fazer push significa enviar suas alterações para um repositório remoto no GitHub. Por exemplo, se você fizer alterações em um arquivo localmente, poderá enviá-las para que outras pessoas também possam acessá-las.

Esperamos que este artigo tenha ajudado você a aprender como usar o Git com o WordPress. Talvez você também queira ver nossas escolhas das melhores ferramentas de desenvolvimento do WordPress e os erros mais comuns do WordPress e como corrigi-los.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

1 comentárioDeixe uma resposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.