Você encontrará frequentemente os termos GitHub e WordPress no mundo do desenvolvimento. A integração do WordPress e do GitHub pode simplificar o fluxo de trabalho do desenvolvedor e torná-lo mais produtivo.

GitHub é uma plataforma em nuvem que permite rastrear, gerenciar e armazenar seu código-fonte. Por outro lado, WordPress é um sistema de gerenciamento de conteúdo (CMS) para criação de sites.

Por que você precisa integrar os dois?

• Controle de versão: com o GitHub, você pode acompanhar todas as alterações no código-fonte do WordPress ao longo do tempo. Assim, você pode gerenciar facilmente seu código personalizado, temas WordPress e plug-ins.
• Ramificação: Após integrar o WordPress ao GitHub, você não precisa mais manter o estado do site ‘em manutenção’. Crie novas ramificações, trabalhe em recursos individuais, teste-os e implante-os quando estiver satisfeito com o funcionamento esperado.
• Colaboração: você pode estar construindo um grande site que requer a contribuição de diferentes desenvolvedores. O GitHub permite que você integre os membros da sua equipe e atribua a eles diferentes funções.
• Revisão de código: coisas podem dar errado ao criar um aplicativo WordPress e seu aplicativo quebrar. GitHub permite que você revise todas as alterações no código-fonte do WordPress antes de implantar no desenvolvimento.
• Backup e recuperação de código: armazenar o código-fonte do WordPress em seu computador pode ser arriscado, pois a máquina pode travar ou ser danificada. O GitHub armazena o código-fonte na nuvem, permitindo que você o clone de volta para sua máquina caso ocorra um infortúnio.
• Transparência e responsabilidade: o GitHub fornece um controle claro de todas as alterações feitas no código-fonte do WordPress e por quem.

O que é WordPress?

WordPress é um sistema de gerenciamento de conteúdo de código aberto que indivíduos sem experiência em codificação podem usar para construir sites. Esta plataforma foi originalmente projetada para blogs, mas agora evoluiu e os usuários podem construir plataformas de comércio eletrônico, fóruns, plataformas sociais, aplicativos móveis e sites de negócios.

O fato do WordPress ser de código aberto é um dos maiores atrativos para desenvolvedores e designers. Assim, você pode baixar o código-fonte do WordPress, editá-lo e redistribuí-lo. No entanto, você deve comprar um nome de domínio e hospedagem para publicar seu site online.

Por que usar WordPress?

• Fácil de usar: o WordPress foi projetado para ser fácil de usar, independentemente de você ser novo em codificação ou um especialista. Você pode usar o editor de soltar e arrastar para criar um site profissional sem escrever uma única linha de código.
• Uma variedade de temas: o WordPress tem milhares de temas que você pode editar para atender às suas necessidades. Você também pode criar um tema personalizado e carregá-lo em seu site.
• Vários plugins: Você não precisa criar tudo do zero, pois você pode usar plugins. Por exemplo, você pode integrar um aplicativo WordPress com gateways de pagamento usando plug-ins.
• Grande comunidade: se tiver dúvidas, você sempre pode contar com a grande comunidade WordPress. Você também pode usar vários recursos para solucionar problemas e resolver diferentes desafios.

O que é GitHub?

GitHub é uma plataforma de desenvolvimento de software em nuvem. Esta plataforma pode armazenar, rastrear e colaborar em vários projetos de desenvolvimento. GitHub permite que os usuários criem contas gratuitas, criem repositórios e convidem colaboradores para vários projetos. A plataforma funciona perfeitamente com Git, uma plataforma de controle de versão que permite rastrear alterações em seu projeto localmente.

GitHub oferece hospedagem gratuita para sites estáticos por meio de Páginas do GitHub e pode ser uma boa opção para páginas de portfólio. Você também pode usar o GitHub como plataforma de rede social, pois permite exibir projetos publicamente. Esse recurso também torna mais fácil para os desenvolvedores explorarem projetos de código aberto com os quais podem contribuir.

Por que usar o GitHub?

• Fácil de usar: configurar uma conta GitHub é fácil, mesmo se você não tiver experiência em tecnologia.
• Baseado em nuvem: o GitHub armazena seu código-fonte na nuvem, o que significa que você pode acessá-lo remotamente ou até mesmo recuperar seus arquivos quando sua máquina quebrar.
• Controle de versão: o GitHub rastreia todas as alterações feitas no código-fonte. Você também pode criar filiais diferentes para facilitar o rastreamento.
• Colaboração: você pode convidar colegas de equipe para colaborar em seu projeto GitHub. Esta plataforma também permite criar uma organização onde você pode atribuir aos membros diferentes funções e direitos.

Como usar o GitHub para WordPress

Você deve criar um servidor de desenvolvimento local antes de desenvolver e integrar um site WordPress com GitHub.

Existem diferentes soluções para a criação de um servidor de desenvolvimento. No entanto, podemos usar WP local para este artigo.

Requisitos para integração WordPress Github

• Eita. Ele vem pré-instalado se você tiver uma máquina executando o Linux ou macOS mais recente. Você pode usar este comando para verificar se está disponível: git –version.
• Conta ativa do GitHub. Se você não tem Git e GitHub, você pode usar este guia.
• Compreensão de como o WordPress funciona

Instale o WP local

• No página de lançamentoselecione uma distribuição que corresponda ao seu sistema operacional (estou usando Ubuntu).
• Após o download, siga o guia de instalação baseado no seu sistema operacional.

• O WP local solicitará que você crie uma conta gratuita. Você pode pular esta etapa clicando no botão ‘X’.

• Selecione a primeira opção que permite criar um novo site WordPress.

• Selecione seu ambiente. Por enquanto, vamos com “Preferencial”.

• Configure seu nome de usuário e senha.

• Instale um complemento para ajudá-lo a usar um editor de código. Você navega até o botão de extensão no lado esquerdo do WP Local. Se você estiver usando o VS Code, poderá instalar isto:

Agora você tem um site WordPress que pode desenvolver localmente. Nosso próximo passo será integrar nosso site ao GitHub.

Como conectar o WordPress ao GitHub

Na interface do WP Local, você pode clicar em “Ir para a pasta do site”, conforme mostrado nesta captura de tela.

Agora podemos abrir o código-fonte do site WordPress que criamos localmente. Como estou usando o VS Code, a estrutura de pastas será conforme mostrado abaixo:

Por enquanto, não se preocupe muito com as diferentes pastas e arquivos.

Crie um repositório GitHub

Supondo que você tenha o Git e o GitHub configurados, você pode seguir estas etapas para criar um repositório e usar o Git como controle de versão:

• Faça login no GitHub e clique em “Novo”

• Dê ao seu repositório um nome memorável, marque as caixas relevantes e clique em “Criar repositório”.

• Inicialize seu código-fonte na pasta do projeto WordPress. O GitHub fornecerá vários comandos que você pode copiar e colar em seu terminal para começar. Você terá comandos semelhantes a este:

echo "# GitHub-WordPress" >> README.md
git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin [email protected]:username/repository-name.git
git push -u origin main

Substitua “nome de usuário” e “nome do repositório” pelo seu nome de usuário e o nome do repositório que você escolheu na etapa dois.

• Envie a fonte do WordPress para o GitHub. Você usa estes comandos:

adicione. (Isso organiza todos os arquivos do seu projeto)

git commit -m “confirmar a pasta do projeto”

git push (Este commit envia todos os arquivos para o GitHub”

Após essas etapas, você integrou seu site WordPress local ao GitHub.

Verifique esta captura de tela:

Você notará que ele possui uma estrutura de pastas semelhante àquela que tínhamos quando abrimos nosso código-fonte no editor de código.

Sua equipe agora pode clonar o repositório para suas máquinas locais, crie galhostrabalhe em diferentes recursos, faça commit deles e envie-os para o GitHub para armazenamento.

Edite seu site WordPress

A maior parte da codificação/construção estará na pasta de temas. Você pode localizar esta pasta usando este caminho: app/public/wp-content/themes

Minha pasta tem três temas e posso selecionar o mais recente. Meu site fica assim antes de começar a editar:

Se eu seguir este caminho: app/public/wp-content/themes/templates/home.html, posso editar o conteúdo da página inicial.

Posso alterar o conteúdo do

na página inicial para “Este é um exemplo de integração WordPress-GitHub”.

Se eu atualizar o conteúdo do servidor de desenvolvimento local, será exibido isto:

Como enviar alterações para o GitHub

As alterações que fiz acima estão disponíveis apenas localmente. Podemos preparar, confirmar e enviá-los para o GitHub para armazenamento. Siga esses passos:

• Execute este comando: git status

Como você pode ver, existem arquivos não rastreados em app/public/wp-content/themes/twentytwentythree/templates/home.html

• Prepare suas edições. Você pode usar este comando: git add .
• Comprometer-se. Use este comando git commit -m “este commit edita a página inicial”
• Empurre as mudanças. Use este comando: git push.

Se voltarmos ao repositório no GitHub, podemos ver que temos um novo commit, conforme mostrado nesta imagem.

Sua equipe agora pode extrair as alterações, editar os arquivos e enviá-los para este repositório.

Melhores práticas para manter uma integração tranquila com o GitHub

• Aproveite o controle de versão: A maior vantagem da integração do WordPress com GitHub é o recurso de controle de versão. Certifique-se de rastrear todo o código que você escreve ou modifica usando o controle de versão (Git)
• Crie um ambiente de teste: O servidor de desenvolvimento local é o seu ambiente de teste. Verifique todas as alterações feitas em seu site WordPress por meio do servidor de desenvolvimento local antes de enviá-las para o site ativo.
• Use o recurso .gitignore: você não precisa rastrear todas as pastas e arquivos ao desenvolver um site WordPress. Seu foco principal será nos temas. Você pode usar o recurso .gitignore para garantir o rastreamento apenas das alterações relevantes.
• Use ramificações: você pode ter vários desenvolvedores trabalhando em recursos diferentes simultaneamente. Você pode criar ramificações para tais recursos e mesclá-las com o Main/Master após testar se tudo funciona.
• Desenvolva um fluxo de trabalho: Um bom desenvolvedor deve ter um fluxo claro que mostre todos os passos a serem seguidos no desenvolvimento. Seu fluxo de trabalho deve indicar quando testar e implantar seu site e quais critérios devem ser atendidos.
• Automatize os testes: use pipelines de integração contínua e implantação contínua (CD/CI), como o Jenkins, para testar seu código automaticamente à medida que você o desenvolve.
• Documente seu trabalho: a documentação deve indicar o que cada recurso faz em seu código WordPress.

Conclusão

Integrar o WordPress com GitHub é fácil quando você segue as etapas acima. A próxima etapa é fornecer aos seus colegas de equipe o link para o repositório GitHub e atribuir-lhes diferentes recursos para trabalhar. Se você for o líder da equipe, poderá sempre revisar todos os commits antes de aprová-los. O GitHub também facilita o acesso ao código-fonte, pois ele será armazenado na nuvem.

Por outro lado, quando você tem o WordPress em sua máquina local, você pode hospedá-lo nas páginas do GitHub se estiver procurando um site estático. Você também pode instalar vários plug-ins de seus repositórios em seu ambiente de desenvolvimento local.

Você pode conferir nosso artigo sobre GitHub vs. GitLab.