Guia para iniciantes no uso do Git com o WordPress

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.

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.

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.

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”.

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.

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.

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.

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”.

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

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.

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.

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.

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).

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.

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.

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”.

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.

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).

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).

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.

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.

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.

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”.

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”.

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.

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

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

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).

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.

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.

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.

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).

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).

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 nosso guia sobre SEO 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.