Integración de WordPress y GitHub

Desarrollar temas y complementos para WordPress puede ser divertido y lucrativo. Si bien hay muchas formas de administrar su flujo de trabajo, el control de versiones y el almacenamiento, concentrarse en las mejores herramientas disponibles puede ayudarlo a llevar sus proyectos al siguiente nivel.

Afortunadamente, GitHub facilita mucho esa tarea. Es un repositorio de código fuente abierto popular con muchas herramientas valiosas para los desarrolladores. Además, actualmente es el servidor de código abierto más grande del mundo, con más de 34 millones de usuarios y más de 100 millones de repositorios.

Este artículo le proporcionará una guía completa para integrar su sitio de desarrollo de WordPress con GitHub. Además, veremos algunos complementos que puede considerar agregar a su flujo de trabajo. ¡Vamos a codificar!

Cómo combinar GitHub y WordPress (en 4 pasos)

Para combinar su entorno de desarrollo de WordPress con GitHub, deberá realizar algunos pasos importantes. Esto comienza con la creación de un entorno local de WordPress GitHub. Luego pasará a instalar GitHub y crear su primer repositorio.

Paso 1: Cree un entorno local de WordPress

Si planea desarrollar para WordPress, es mejor establecer un entorno de desarrollo local de alta calidad. Para esto, recomendamos usar Local:

Desarrollar localmente significa que puede crear un entorno que imite su servidor de producción. Puede desarrollar y probar su código fuente sin conexión, sin causar interrupciones en nada de lo que ya está activo.

Una vez que configure su entorno local, tendrá a su disposición todas las funciones y herramientas de desarrollador necesarias. Para comenzar, puede seleccionar ¡Descarga gratuita! en la página de inicio y elige tu sistema operativo:

Después de descargar el paquete de software y completar el proceso de instalación para su sistema, puede abrir Local y comenzar a configurar su sitio de desarrollo local. Cuando se le solicite, haga clic en Crear un nuevo sitio :

A continuación, ingresará el nombre de su sitio de desarrollo. El nombre de dominio del sitio local y la ruta se completarán automáticamente. Sin embargo, puede usar la opción Examinar para seleccionar una ruta local diferente para su sitio si es necesario:

También tendrá la opción de Crear sitio desde Blueprint . Esto significa que a medida que comienza a acumular múltiples sitios o proyectos de desarrollo, puede empaquetar conjuntos de temas y complementos de WordPress que usa con frecuencia. Luego, al usar Blueprints, puede acceder a ellos rápidamente y cargarlos cuando cree un nuevo sitio de desarrollo.

Después de finalizar la selección de su nombre de dominio, haga clic en Continuar . A continuación, se le pedirá que elija un nombre de usuario y una contraseña para su instalación local de WordPress:

Una vez que su entorno de desarrollo esté completo, verá una pantalla con un resumen de la información de su nuevo sitio:

Este será el tablero principal para todos los sitios locales que cree con Flywheel. Desde aquí, puede verificar rápidamente el estado de su sitio, verlo y dirigirse a su panel de administración de WordPress seleccionando Admin . Además, puede ver fácilmente su base de datos de WordPress, seguridad y otra información de utilidad.

Paso 2: Instalar GitHub

Para habilitar el uso de GitHub con WordPress, deberá crear una cuenta gratuita de GitHub y descargar e instalar Git en su disco local. Git es el sistema de control de versiones (VCS) de código abierto que maneja todos los flujos de trabajo en GitHub.

Tiene dos opciones para lo que puede usar para instalar y configurar Git. Si se siente cómodo usando una herramienta de línea de comandos, esa es una opción. Alternativamente, puede usar el cliente de GitHub Desktop:

Para esta demostración, descargaremos e instalaremos GitHub Desktop. Después de descargar y descomprimir los archivos, deberá iniciar sesión con su información de GitHub:

Si no está familiarizado con el funcionamiento de Git, puede considerarlo como el intermediario en su flujo de trabajo. GitHub es donde puede alojar su proyecto, mientras que Git es la función que lleva su repositorio de GitHub a su entorno de desarrollo local para que pueda trabajar en él.

Cuando haya terminado, puede usar Git para enviar los cambios a GitHub, de modo que sus archivos siempre estén actualizados.

Paso 3: Crear un Repositorio

Ahora que tiene su entorno local listo para funcionar, con WordPress y Git instalados en su máquina, está listo para crear un repositorio para su proyecto. Desde GitHub Desktop, puede seleccionar Create a New Repository on Your Hard Drive :

Luego se le pedirá que configure su nuevo repositorio local:

Después de nombrar su repositorio y configurar algunas otras configuraciones, como seleccionar una licencia si es necesario, haga clic en Crear repositorio . Luego verá su nuevo repositorio en la interfaz de usuario de GitHub Desktop:

Esta es la central de comando para su proyecto. Desde aquí, puede confirmar cambios y publicar su repositorio en GitHub. Además, puede crear repositorios desde el sitio web de GitHub:

Si crea su repositorio de esta manera, puede usar la función Clonar repositorio en su interfaz de escritorio para incorporarlo a su entorno de desarrollo local:

Después de elegir el repositorio que desea clonar desde GitHub y establecer la ruta local, haga clic en Clonar para completar la acción.

Paso 4: Publique su repositorio

Una vez que haya agregado archivos a su carpeta de repositorio local, aparecerán en el escritorio de GitHub. Desde allí, puede iniciar cambios, abrir su editor de código y publicar su repositorio en GitHub:

Después de hacer clic en Publicar repositorio , se le pedirá que agregue una descripción y complete el proceso de publicación:

Luego, puede verificar su cuenta de GitHub para asegurarse de que su repositorio se haya publicado:

A medida que realiza cambios en sus archivos y los prueba en su entorno Local by Flywheel WordPress, puede confirmar fácilmente sus cambios en GitHub Desktop. Luego, podrá publicar sus repositorios actualizados en GitHub con un solo clic.

Complementos de Github para WordPress

No hay muchos complementos para WordPress que agreguen una funcionalidad significativa para GitHub. Hay algunos complementos más nuevos y no examinados disponibles que están diseñados para permitir actualizaciones en su blog a través de repositorios publicados. Sin embargo, hay dos opciones confiables que ofrecen funciones útiles para los desarrolladores.

1. Incrustación de Github

Github Embed es un complemento gratuito de WordPress que le permite incrustar información de GitHub en su sitio web. Puede hacer esto usando un enlace simple en sus páginas y publicaciones de WordPress. Una vez que inserte su enlace de GitHub en su sitio web, se actualizará cada vez que realice un cambio en ese repositorio.

Esto es especialmente útil para los desarrolladores que venden temas y complementos. Con esta herramienta, puede mantener fácilmente a sus clientes actualizados sobre cualquier nuevo cambio, problema y mejora.

2. Actualizador de GitHub

Es importante tener en cuenta que los complementos y temas que descargue de GitHub y agregue a su sitio web de WordPress no se marcarán para actualizaciones. Esto significa que si el desarrollador realiza un cambio, no recibirá un aviso en su panel de control de WordPress.

Ahí es donde el complemento GitHub Updater puede ayudarlo. Fue desarrollado para hacer que las actualizaciones automáticas estén disponibles para los temas y complementos de GitHub. Algunos desarrolladores de GitHub incluso requieren el uso de este complemento cuando instala sus proyectos en su sitio web de WordPress.

Próximos pasos

En este punto, ¡ya está todo listo para crear un flujo de trabajo de Git entre Flywheel, WordPress y GitHub! Podrá recuperar código de GitHub y crear sus propios temas y complementos o contribuir a proyectos actuales en la comunidad de WordPress.

Además de mejorar su flujo de trabajo de desarrollo, también puede aprovechar las numerosas funciones y herramientas de GitHub. Por ejemplo, puede usar Páginas de GitHub para enviar sus repositorios directamente a un sitio web en vivo. GitHub también es muy efectivo para proyectos con grandes equipos que trabajan en el mismo proyecto.

Mantén el control con WP Engine

Orientarse a GitHub y un flujo de trabajo de desarrollo más optimizado puede cambiar las reglas del juego para sus proyectos. Esta plataforma no solo es ideal para autónomos, sino que también se suma a la innovación que tiene lugar en las comunidades de código abierto.

Aquí en WP Engine, creemos en el poder del desarrollo de código abierto. Es por eso que trabajamos para proporcionar los mejores recursos de desarrollo para los usuarios de WordPress. ¡Consulta nuestros planes para tu próximo proyecto!