Feb 20, 2025
Diego B.
15min Leer
GitHub es una herramienta esencial para los desarrolladores web. Este almacena la base de datos de tu proyecto en su servidor remoto basado en la nube, distintos usuarios pueden seguirlo, gestionarlo y modificarlo en cualquier momento.
Integrar WordPress con GitHub puede mejorar el proceso de desarrollo de tu sitio web y hacer más eficiente el flujo de trabajo de tu equipo.
Este artículo tratará todo sobre la integración de WordPress y GitHub. Explicaremos por qué deberías utilizar GitHub y proporcionaremos instrucciones paso a paso para integrarlo con WordPress. Por último, te recomendaremos plugins de WordPress para GitHub que te ayudarán en tus tareas de desarrollo.
Antes de hablar de GitHub, explicaremos qué es Git y el control de versiones. Estos son esenciales para entender GitHub y cómo puede mejorar el flujo de trabajo de desarrollo de tu sitio.
El control de versiones es un sistema de seguimiento de los cambios en un conjunto de archivos, como los códigos de desarrollo de software. Almacena todas las versiones de los archivos de tu proyecto en un repositorio o repo para abreviar.
Hay dos tipos principales de sistemas de control de versiones: centralizados y distribuidos.
Los sistemas de control de versiones centralizados requieren que los usuarios se conecten al repositorio principal para hacer cambios. Cuando el repositorio tiene un problema, los usuarios no pueden acceder a él ni modificarlo.
Mientras, los sistemas de control de versiones distribuidos permiten a los usuarios hacer modificaciones sin acceder al repositorio principal. Los usuarios pueden clonar el repositorio y modificar los archivos en su máquina local.
Git (Global information tracker) es el sistema de control de versiones distribuido más popular. Como Git se aloja en un servidor remoto, varias personas pueden acceder al mismo proyecto y trabajar en él simultáneamente.
Existen varias plataformas de alojamiento de Git, pero GitHub es la más popular. También ofrece funciones adicionales además de la funcionalidad esencial de Git.
Al desarrollar un sitio WordPress, puede que necesites editar plugins, temas o archivos del núcleo. Aunque puedes editar los archivos de WordPress solo con editores de texto, es un proceso tedioso y propenso a errores.
GitHub crea un control de versiones que hace copias de seguridad de tus archivos de WordPress. También acorta el proceso de desarrollo, permitiéndote aplicar inmediatamente los cambios al servidor.
¡Importante! WordPress no recomienda modificar los archivos del núcleo de WordPress, excepto wp-config.php. Solo debes modificar un archivo del núcleo cuando esté defectuoso y no sin crear antes una copia de seguridad.
GitHub tiene muchas ventajas para los desarrolladores web, entre ellas
La principal ventaja de utilizar GitHub es la facilidad de colaboración, gracias a características como:
Antes de utilizar GitHub, crea una versión local de tu sitio WordPress. Este sitio de desarrollo local es para probar cambios, incluyendo nuevos temas, plugins o diseños.
Cualquier modificación en tu sitio local de WordPress no afectará al sitio web en vivo hasta que la despliegues.
Usa una herramienta de desarrollo web local para crear un entorno WordPress en tu máquina. Según sus funciones, existen dos tipos de herramientas: las de propósito general y las de desarrollo de WordPress.
Las herramientas de propósito general te permiten crear cualquier entorno de desarrollo web. Son compatibles con todos los Sistemas de Gestión de Contenidos (CMS), pero debes instalar el CMS manualmente.
Aunque puedes utilizar herramientas de uso general para el desarrollo de WordPress, te recomendamos las específicas para WordPress. Están preinstaladas con WordPress, lo que las hace más prácticas.
Para este tutorial, utilizaremos Local WP. Esta herramienta de desarrollo tiene una interfaz gráfica de usuario (GUI), lo que la hace fácil de usar e ideal para desarrolladores web principiantes. Sigue estos pasos para configurar Local:

Una vez finalizado el proceso de instalación de WordPress Local, crea un sitio de desarrollo local:






Una vez que tu entorno local esté listo, instala un editor de texto para cambiar los datos de tu sitio. Con Local, puedes instalar VSCode directamente desde su panel de control:



Primero debes instalar Git local para utilizar el repositorio remoto de GitHub. Tu repositorio Git local es donde confirmarás los cambios antes de subirlos a GitHub.
Un equipo que ejecute la última versión de Linux o macOS puede tener Git preinstalado. Compruébalo escribiendo git -version en el Terminal.
Para Windows, escribe git version en el Símbolo del sistema.
Si Git ya está instalado, tu aplicación de línea de comandos te devolverá el número de versión de Git. Si no, te dirá que Git es un comando desconocido o te preguntará si quieres instalarlo.
Puedes descargar manualmente el instalador de Git y ejecutarlo en macOS, Linux o Windows. Alternativamente, descarga uno de los clientes GUI de Git si prefieres trabajar con una interfaz fácil de usar en lugar de la línea de comandos.
Los pasos de instalación de Git difieren en función de tu sistema operativo. Este tutorial te mostrará cómo instalar Git en la interfaz de línea de comandos de Windows:

Ahora, crea un repositorio local utilizando Git Bash. Si no estás familiarizado con Git, lee nuestro artículo sobre comandos básicos de Git para aprender sus fundamentos.
Por ejemplo, aquí tienes cómo crear un repositorio para el tema predeterminado Twenty Twenty de WordPress:




Si tienes éxito, debería aparecer una carpeta .git oculta.

Ahora aprenderás a crear un repositorio en GitHub y a enviar allí el local. El repositorio de GitHub es donde todos los miembros del equipo trabajarán para aplicar sus cambios.
Si ya tienes una cuenta de GitHub, sáltate esta sección e inicia sesión en tu cuenta. De lo contrario, haz lo siguiente:



Para crear un nuevo repositorio, inicia sesión en tu cuenta de GitHub. A continuación, en cualquier página



Después de crear un repositorio GitHub, haz tu primer commit subiendo los datos de tu repositorio local:





Después de hacer cambios en tu repositorio local, envíalo a GitHub. Se actualizará tu repositorio de GitHub con los nuevos cambios de la versión local.
Después de enviar los archivos de tu repositorio local a GitHub, otros usuarios pueden hacer cambios en ellos. Para aplicar estos cambios a tu repositorio local, debes obtener las actualizaciones de GitHub.
Obtener significa descargar y fusionar las actualizaciones en tu repositorio local. Aunque el pull también descarga el repositorio actualizado, no fusiona automáticamente los datos con tus archivos de trabajo.
Los pasos para obtener actualizaciones de GitHub son:


Después de preparar todas las herramientas, puedes empezar a utilizar GitHub para trabajar en el desarrollo de tu sitio. Aquí tienes un ejemplo de flujo de trabajo para cambiar el tema de tu sitio:
Hay muchas formas de desplegar repositorios remotos en el servidor de producción. El método más cómodo es utilizar un plugin de WordPress para GitHub, como WP Pusher.
A continuación te explicamos cómo utilizar WP Pusher para desplegar tu repositorio de GitHub en el sitio web activo:




Siempre que introduzcas cambios en los repositorios, ve a WP Pusher → Plugins o Temas → Actualizar. De lo contrario, tus cambios no aparecerán en el sitio activo.
Aparte de mejorar los flujos de trabajo de desarrollo, integrar WordPress con GitHub tiene otros propósitos. Por ejemplo, puedes instalar plugins o temas desde GitHub y alojar tu sitio en esta plataforma.
Los desarrolladores de WordPress suelen tener repositorios en GitHub para sus temas o plugins. Si estos temas o plugins no están disponibles en la biblioteca oficial de WordPress, puedes instalarlos desde GitHub.
Los pasos para instalar un tema y un plugin son similares. A continuación te explicamos cómo descargar e instalar un plugin de WordPress desde GitHub:

GitHub ofrece un servicio de alojamiento gratuito llamado GitHub Pages. Este te permite crear un sitio estático directamente desde tu repositorio remoto de GitHub. Sin embargo, convertirá tu sitio web de WordPress en estático, omitiendo las funcionalidades dinámicas. Un sitio estático es ideal para un portafolio sencillo, un blog o una página de demostración de un proyecto.
Además, los sitios web alojados en GitHub Pages utilizarán un dominio github.io por defecto. Para cambiarlo, compra un dominio en un registrador como Hostinger.
Para alojar tu sitio web de WordPress en GitHub Pages, sigue estos pasos.
1. Crea un nuevo repositorio de GitHub Pages
Un repositorio de GitHub Pages es donde almacenas los datos de tu sitio estático. Crear uno es lo mismo que crear un nuevo repositorio de GitHub. Sin embargo, en este caso, el nombre del repositorio será nombredeusuario.github.io.
Tras crear un repositorio remoto de GitHub Pages, clónalo en tu máquina local:


2. Crea un sitio WordPress
El sitio WordPress será tu entorno de desarrollo. Es donde harás cambios en el contenido y el diseño del sitio web en vivo alojado en páginas de GitHub.
Utilizando herramientas como Local, puedes alojar tus sitios WordPress GitHub Pages en un servidor local. Si no, utiliza servicios de alojamiento web para permitir que otros usuarios de WordPress accedan a él de forma remota.
Cuando alojes tu sitio de desarrollo de forma remota, configúralo como privado para evitar que los usuarios lo visiten mientras aún está en proceso.
Consulta nuestro tutorial de WordPress para obtener más información sobre la instalación y el uso del CMS. Una vez creado tu sitio, configura su contenido y diseño.
3. Convierte el sitio WordPress a HTML estático
GitHub Pages sólo admite páginas estáticas. Dado que los sitios WordPress son dinámicos, conviértelos a estáticos antes de desplegarlos.
Existen diferentes métodos para convertir tu sitio WordPress, pero el más habitual es utilizar un plugin. En este tutorial, utilizaremos el plugin freemium Simply Static.
Para convertir un sitio WordPress utilizando Simply Static, configura primero el plugin:


Una vez completada la configuración, es hora de convertir tu sitio de WordPress:

4. Despliega el sitio en GitHub Pages
Despliega tu sitio estático de WordPress en GitHub Pages para que tu sitio esté activo. A diferencia de otros servicios de alojamiento, si envías los cambios al repositorio de GitHub Pages, se desplegarán automáticamente en el sitio activo.
Para desplegar tu sitio, envía los archivos HTML a tu repositorio de GitHub:
Después de empujar los archivos HTML a tu repositorio de GitHub Pages, ya puedes acceder al sitio en vivo.
Cada vez que realices cambios en tu sitio, crea nuevos archivos HTML y envíalos al repositorio de GitHub Pages. Si utilizas el cliente de escritorio de GitHub, haz clic en Push Origin.
Si prefieres desplegar automáticamente los archivos HTML de tu sitio en GitHub Pages, considera adquirir la versión pro de Simply Static. Cuesta a partir de 99,99 dólares.
El uso de plugins puede optimizar aún más tu flujo de trabajo, haciendo que el desarrollo de WordPress sea más eficiente. Aquí tienes nuestra selección de los tres mejores plugins de GitHub para WordPress, cada uno con diferentes propósitos:

WP Pusher ayuda a desplegar un nuevo tema o plugin en tu sitio WordPress activo utilizando la URL del repositorio. Te permite instalar un tema y un plugin directamente desde el panel de control de WordPress.
WP Pusher garantiza un flujo de trabajo más eficaz para los usuarios que actualizan con frecuencia sus plugins o temas. También es útil para instalar plugins o temas no disponibles en la biblioteca de WordPress.
Para instalar un tema de WordPress utilizando WP Pusher, sólo tienes que introducir su enlace repo y hacer clic en el botón Instalar. El plugin también tiene secciones Temas y Plugins que listan todos los plugins y temas instalados.
WP Pusher está disponible en versiones gratuita y premium. El plan premium ofrece más funciones, a partir de 99 dólares año. También incluye una garantía de devolución del dinero de 30 días.
Características principales:

Git Updater es un sencillo plugin para automatizar las actualizaciones de temas, plugins y paquetes de idiomas de WordPress alojados en GitHub.
Git Updater debe tener acceso autorizado a los repositorios para funcionar correctamente. Además, requiere que los archivos style.css de los temas y plugins incluyan líneas de código específicas.
El complemento puede comprobar periódicamente si hay actualizaciones más recientes en tus repositorios de temas y plugins. Si detecta una versión más reciente, desplegará automáticamente los cambios en el servidor activo.
Git Updater ofrece versiones gratuitas y pro. Las versiones pro cuestan a partir de 30 dólares al año e incluyen funciones adicionales, como instalaciones remotas y cambio de rama.
Características principales:

GitHub Embed es un plugin de código abierto para incrustar información de GitHub en tu sitio web. Actualmente es compatible con:
Para incrustar información de GitHub, simplemente pega la URL del repositorio en tu sitio. Este plugin obtiene y aplica automáticamente cualquier actualización realizada en la información incrustada.
GitHub Embed es especialmente útil para sitios web de proyectos. Con este plugin, los desarrolladores pueden mantener actualizada la información sobre sus proyectos en el sitio.
Lo mejor de todo es que este plugin y todas sus funciones son completamente gratuitos.
Características principales:
GitHub es un servicio de alojamiento Git que permite a los desarrolladores colaborar en proyectos de forma más eficiente. La plataforma dispone de funciones de control de versiones, seguimiento y ramificación, que permiten el desarrollo simultáneo y organizado de un mismo proyecto.
Integrar WordPress con GitHub mejorará los flujos de trabajo de desarrollo de tu sitio web. Este artículo ha explorado cada paso para integrar GitHub con WordPress.
La integración con GitHub permite a los usuarios instalar plugins de WordPress desde sus repositorios y alojar un sitio de WordPress en GitHub Pages. Además, plugins como WP Pusher, Git Updater y GitHub Embed pueden automatizar algunos procesos de integración.
Esperamos que este artículo te haya ayudado a entender cómo utilizar GitHub para apoyar tus proyectos de WordPress. Si tienes alguna pregunta, no dudes en dejarnos un comentario.
Todo el contenido de los tutoriales en este sitio web está sujeto a los rigurosos estándares y valores editoriales de Hostinger.