Integração WordPress e GitHub

Desenvolver temas e plugins para WordPress pode ser divertido e lucrativo. Embora existam muitas maneiras de gerenciar seu fluxo de trabalho, controle de versão e armazenamento, concentrar-se nas melhores ferramentas disponíveis pode ajudar a levar seus projetos para o próximo nível.

Felizmente, o GitHub torna essa tarefa muito mais fácil. É um popular repositório de código-fonte aberto com muitas ferramentas valiosas para desenvolvedores. Além disso, é atualmente o maior host de código-fonte aberto do mundo, com mais de 34 milhões de usuários e mais de 100 milhões de repositórios.

Este artigo fornecerá um guia completo para integrar seu site de desenvolvimento WordPress ao GitHub. Além disso, veremos alguns plug-ins que você pode considerar adicionar ao seu fluxo de trabalho. Vamos codificar!

Como combinar GitHub e WordPress (em 4 etapas)

Para combinar seu ambiente de desenvolvimento do WordPress com o GitHub, você precisará passar por algumas etapas importantes. Isso começa com a criação de um ambiente WordPress GitHub local. Em seguida, você passará a instalar o GitHub e criar seu primeiro repositório.

Passo 1: Crie um Ambiente WordPress Local

Se você planeja desenvolver para WordPress, é melhor estabelecer um ambiente de desenvolvimento local de alta qualidade. Para isso, recomendamos o uso de Local:

Desenvolver localmente significa que você pode criar um ambiente que imitará seu servidor de produção. Você pode desenvolver e testar seu código-fonte off-line, sem causar interrupções em nada que já esteja ativo.

Depois de configurar seu ambiente local, você terá todos os recursos e ferramentas de desenvolvedor necessários à sua disposição. Para começar, você pode selecionar Download grátis! na página inicial e escolha seu sistema operacional:

Depois de baixar o pacote de software e concluir o processo de instalação do seu sistema, você pode abrir Local e começar a configurar seu site de desenvolvimento local. Quando solicitado, clique em Criar um novo site :

Em seguida, você digitará o nome do seu site de desenvolvimento. O nome de domínio e o caminho do site local serão preenchidos automaticamente. No entanto, você pode usar a opção Procurar para selecionar um caminho local diferente para o seu site, se necessário:

Você também terá a opção de Criar Site a partir do Blueprint . Isso significa que, ao começar a acumular vários sites ou projetos de desenvolvimento, você pode agrupar conjuntos de temas e plug-ins do WordPress que usa com frequência. Em seguida, usando Blueprints, você pode acessá-los e carregá-los rapidamente ao criar um novo site de desenvolvimento.

Depois de concluir a seleção do nome de domínio, clique em Continuar . Em seguida, você será solicitado a escolher um nome de usuário e senha para sua instalação local do WordPress:

Assim que seu ambiente de desenvolvimento estiver completo, você verá uma tela com um resumo das informações do seu novo site:

Este será o painel principal para todos os sites locais que você criar com o Flywheel. A partir daqui, você pode verificar rapidamente o status do seu site, visualizá-lo e acessar o painel de administração do WordPress selecionando Admin . Além disso, você pode visualizar facilmente seu banco de dados WordPress, segurança e outras informações de utilidade.

Etapa 2: instalar o GitHub

Para habilitar o uso do GitHub com WordPress, você precisará criar uma conta GitHub gratuita e baixar e instalar o Git em sua unidade local. Git é o sistema de controle de versão (VCS) de código aberto que lida com todos os fluxos de trabalho no GitHub.

Você tem duas opções para o que pode usar para instalar e configurar o Git. Se você se sentir confortável usando uma ferramenta de linha de comando, essa é uma opção. Alternativamente, você pode usar o cliente GitHub Desktop:

Para esta demonstração, vamos baixar e instalar o GitHub Desktop. Depois de baixar e descompactar os arquivos, você precisará fazer login com suas informações do GitHub:

Se você não estiver familiarizado com o funcionamento do Git, pense nele como um intermediário em seu fluxo de trabalho. GitHub é onde você pode hospedar seu projeto, enquanto Git é a função que puxa seu repositório GitHub para seu ambiente de desenvolvimento local para que você possa trabalhar nele.

Quando terminar, você pode usar o Git para enviar as alterações para o GitHub, para que seus arquivos estejam sempre atualizados.

Etapa 3: criar um repositório

Agora que você tem seu ambiente local pronto, com WordPress e Git instalados em sua máquina, você está pronto para criar um repositório para seu projeto. No GitHub Desktop, você pode selecionar Create a New Repository on Your Hard Drive :

Você será solicitado a configurar seu novo repositório local:

Depois de nomear seu repositório e definir algumas outras configurações, como selecionar uma licença, se necessário, clique em Create Repository . Você verá seu novo repositório na interface do usuário do GitHub Desktop:

Este é o comando central para o seu projeto. A partir daqui, você pode confirmar as alterações e publicar seu repositório no GitHub. Além disso, você pode criar repositórios no site do GitHub:

Se você criar seu repositório dessa maneira, poderá usar o recurso Clonar repositório na interface da área de trabalho para puxá-lo para o ambiente de desenvolvimento local:

Depois de escolher o repositório que deseja clonar do GitHub e definir o caminho local, clique em Clone para concluir a ação.

Etapa 4: publique seu repositório

Depois de adicionar arquivos à pasta do repositório local, eles aparecerão na área de trabalho do GitHub. A partir daí, você pode iniciar as alterações, abrir seu editor de código e publicar seu repositório no GitHub:

Depois de clicar em Publicar repositório , você será solicitado a adicionar uma descrição e concluir o processo de publicação:

Em seguida, você pode verificar sua conta do GitHub para garantir que seu repositório foi publicado:

Ao fazer alterações em seus arquivos e testá-los em seu ambiente Local by Flywheel WordPress, você pode confirmar facilmente suas alterações no GitHub Desktop. Em seguida, você poderá publicar seus repositórios atualizados no GitHub com um clique.

Plug-ins do Github para WordPress

Não há muitos plugins para WordPress que adicionam funcionalidades significativas para o GitHub. Alguns plug-ins mais novos e não verificados estão disponíveis, projetados para permitir atualizações em seu blog por meio de repositórios publicados. No entanto, existem duas opções confiáveis ​​que oferecem recursos úteis para desenvolvedores.

1. Github Incorporar

O Github Embed é um plug-in gratuito do WordPress que permite incorporar informações do GitHub em seu site. Você pode fazer isso usando um link simples em suas páginas e postagens do WordPress. Depois de incorporar seu link do GitHub em seu site, ele será atualizado sempre que você fizer uma alteração nesse repositório.

Isso é especialmente útil para desenvolvedores que vendem temas e plugins. Com esta ferramenta, você pode facilmente manter seus clientes atualizados sobre quaisquer novas alterações, problemas e melhorias.

2. Atualizador do GitHub

É importante observar que os plugins e temas que você baixa do GitHub e adiciona ao seu site WordPress não serão sinalizados para atualizações. Isso significa que, se o desenvolvedor fizer uma alteração, você não receberá um aviso no painel do WordPress.

É aí que o plug-in GitHub Updater pode ajudá-lo. Ele foi desenvolvido para disponibilizar atualizações automáticas para temas e plugins do GitHub. Alguns desenvolvedores do GitHub até exigem o uso desse plug-in quando você instala seus projetos em seu site WordPress.

Próximos passos

Neste ponto, você está pronto para criar um fluxo de trabalho Git entre Flywheel, WordPress e GitHub! Você poderá recuperar o código do GitHub e criar seus próprios temas e plugins ou contribuir para projetos atuais na comunidade WordPress.

Além de aprimorar seu fluxo de trabalho de desenvolvimento, você também pode aproveitar os diversos recursos e ferramentas do GitHub. Por exemplo, você pode usar o GitHub Pages para enviar seus repositórios diretamente para um site ativo. O GitHub também é altamente eficaz para projetos com grandes equipes trabalhando no mesmo projeto.

Fique no controle com o WP Engine

Orientar-se para o GitHub e um fluxo de trabalho de desenvolvimento mais simplificado pode ser um divisor de águas para seus projetos. Essa plataforma não é apenas ideal para freelancers, mas também contribui para a inovação que ocorre nas comunidades de código aberto.

Aqui na WP Engine, acreditamos no poder do desenvolvimento de código aberto. É por isso que trabalhamos para fornecer os melhores recursos de desenvolvedor para usuários do WordPress. Confira nossos planos para o seu próximo projeto!