Puntos clave:
- Usar GitHub con WordPress permite un control de versiones eficiente, crucial para gestionar los cambios de código y colaborar eficazmente, especialmente en equipos distribuidos.
- La integración de WordPress con GitHub implica la creación de un repositorio, el envío de archivos desde un entorno activo o local y la sincronización de los cambios entre ambos.
- Aunque GitHub es estupendo para el control de versiones, no es un alojamiento web. Necesitarás un proveedor de alojamiento independiente para tu sitio de WordPress.
Con cada vez más gente contribuyendo a proyectos de código abierto, un control de versiones eficiente es clave para evitar confusiones y entregar la mejor versión (y la más reciente) a los usuarios.
Los equipos distribuidos globalmente se han convertido rápidamente en la forma de desarrollo de WordPress en la actualidad, con procesos adecuados de control de versiones y acceso al código vitales para el funcionamiento del equipo. Con el lanzamiento de diferentes plataformas Git como GitHub y BitBucket, el flujo de trabajo de desarrollo de WordPress se ha vuelto mucho más sencillo.
Aunque la idea del control de versiones tiene décadas de antigüedad, con herramientas populares como Git disponibles desde hace tiempo, la idea y la implementación del control de versiones mediante Git sigue siendo un poco difícil para los usuarios. Este artículo describe las ventajas de utilizar GitHub y cómo integrar WordPress y GitHub para un flujo de trabajo de desarrollo sin fisuras.
Ventajas de usar GitHub con WordPress
GitHub es una herramienta de repositorio para desarrolladores que mantiene su código en línea, público o privado, para el resto de usuarios. Permite a los desarrolladores compartir su código con los demás y les inspira a colaborar en proyectos de todo tipo. ¿Cuáles son las ventajas de GitHub? Para convencerte de la eficacia de este sitio, a continuación encontrarás sus principales ventajas.
GitHub te permite:
- Haz un seguimiento de las versiones;
- Haz varias copias de seguridad;
- Comparte tu trabajo más fácilmente;
- Facilita la colaboración en equipo;
- Crea relaciones sociales;
- Construye tu perfil personal.
¿Cómo utilizar WordPress y GitHub?
Tras recibir muchas consultas de los usuarios, he decidido crear esta guía GitHub definitiva de WordPress que te ayudará a gestionar sistemáticamente tus proyectos de WordPress.
Para cubrir la mayor parte del terreno, he cubierto dos escenarios principales en el desarrollo de WordPress:
- Cuando tengas un sitio WordPress activo en un servidor de alojamiento activo y quieras enviar los archivos directamente al repositorio de GitHub (esto ayuda a los desarrolladores a colaborar sin esfuerzo), crearé un entorno de desarrollo y desplegaré los cambios en el sitio activo.
- Cuando tienes un entorno local y quieres enviar archivos de WordPress al repositorio de GitHub.
Despliegue en GitHub con 1 clic para WordPress
✓ Sincroniza los repos de WordPress desde GitHub en segundos
✓ Despliegue automático a puesta en escena/producción
✓ Ganchos Git preconfigurados y resolución de conflictos
WordPress y GitHub: Entorno en vivo
Supongo que tienes un sitio WordPress en tu servidor. En mi caso, mi sitio WordPress está alojado en Cloudways.
- Paso 1: Crear un repositorio en GitHub
- Paso 2: Empuja los archivos del sitio de WordPress en vivo al repositorio de GitHub
- Paso 3: Instalar Git
- Paso 4: Extraer a la carpeta local desde el repositorio de GitHub
- Paso 5: Crear el entorno de desarrollo en la máquina local
- Paso 6: Conectar Sublime a GitHub
- Paso 7: Empujar desde Local a GitHub
- Paso 8: Conectar GitHub con el Entorno Live
- Paso 9: Transfiere los cambios a un entorno activo desde GitHub
Paso 1: Crear un repositorio en GitHub
Entra en GitHub y crea un repositorio siguiendo este enlace.
Dale un nombre a tu repositorio (en mi caso, es GitHub). Puedes añadir una descripción y un control de acceso (yo seleccioné Público) y hacer clic en Crear repositorio.
Paso 2: Empuja los archivos del sitio de WordPress en vivo al repositorio de GitHub
Tras crear un nuevo repositorio, debes empujar todos tus archivos y carpetas de WordPress desde el servidor activo al nuevo repositorio de GitHub.
Como he mencionado antes, utilizaré la Plataforma Cloudways para demostrar el entorno en vivo.
Voy a lanzar el Terminal SSH del servidor. Si eres cliente de Cloudways, es posible que estés familiarizado con el terminal SSH, una interfaz de línea de comandos (CLI) a través de la cual puedes manejar los archivos de tu aplicación.
Para iniciar el Terminal SSH, debes ir a Panel de Gestión de Servidores Cloudways → Credenciales Maestras → Iniciar Terminal SSH y pegar las Credenciales Maestras de tu servidor (nombre de usuario y contraseña).
A continuación, ejecuta los siguientes comandos.
cd applications/xxxxxx/public_html (xxxxxx is the folder name of your WordPress application).
Esta es la ruta de tu carpeta de WordPress. Usando la ruta correcta, también puedes empujar una carpeta específica como wp-content o themes folder/files.
git init
Esto inicializa el repositorio Git vacío.
git add .
Este comando añade todos los archivos al repositorio local de GitHub y los prepara para la primera confirmación.
git checkout -b master
Cambia a la rama maestra.
git commit -m "first commit"
Confirma los cambios que se han rastreado y prepáralos para enviarlos al repositorio de GitHub.
Si ves este mensaje “Por favor, dime quién eres”, tienes que ejecutar estos comandos:
git config --global user.email "[email protected]" git config --global user.name "Your Name"
Sustituye el correo electrónico y el nombre por los tuyos.
git remote add origen URL del repositorio remoto
La URL de tu repositorio de GitHub donde se enviarán todos los archivos. Copia la URL remota HTTPS y pégala en la URL del repositorio remoto.
En mi caso, el comando completo será:
git remote add origin https://github.com/farhanayub/GitHub.git
git push origin master
Este comando empujará finalmente todos los archivos al repositorio de GitHub en la rama maestra.
Nota: Tendrás que introducir tu nombre de usuario y contraseña de GitHub.
Si ves algún error, utiliza el comando siguiente y repite todos los comandos en secuencia.
rm -rf .git/
Nota: Si tienes un repositorio público, una buena práctica es eliminar el archivo wp-config.php del repositorio de GitHub, ya que contiene las credenciales de tu aplicación WordPress. Siempre puedes editarlo directamente en el sitio activo.
A continuación, comprueba tu repositorio de GitHub, ¡y tada! Has enviado correctamente tus archivos de WordPress.
Paso 3: Instalar Git
Ahora, puedes extraer tus archivos de GitHub a tu PC local; necesitas descargar e instalar Git en tu sistema local.
Paso 4: Extraer a la carpeta local desde el repositorio de GitHub
Después de instalar Git, vamos a empezar a extraer archivos y carpetas a una carpeta local.
Crea una carpeta, entra en ella y pulsa Botón derecho → Git Bash Aquí. Se abrirá una ventana (parecida al símbolo del sistema), donde podrás introducir comandos Git para conectar esta carpeta al repositorio GitHub online.
Introduce los siguientes comandos Git uno a uno.
git init git add . git remote add origin https://github.com/farhanayub/GitHub.git /* Don’t forget to replace the URL with your own. */ git pull origin master
Tardará algún tiempo, dependiendo de la velocidad de tu conexión y del tamaño de tu repositorio de WordPress.
Una vez finalizado el proceso, ve a tu carpeta local de WordPress. Puedes ver que todos los archivos del repositorio de GitHub se han extraído correctamente.
Paso 5: Crear el entorno de desarrollo en la máquina local
Ahora, vamos a crear un entorno de desarrollo para WordPress y GitHub en la máquina local. Instalaré Sublime Text y un paquete de GitHub conocido como GitSavvy.
- Instala Sublime Text;
Estoy utilizando Sublime Text como editor de código. Necesitas descargar e instalar la última versión del editor Sublime Text. - Instalar paquete de GitHub para el editor Sublime Text;
Encontrarás muchas herramientas de GitHub para Sublime Text. Yo estoy utilizando GitSavvy, un paquete muy popular.
GitSavvy tiene una lista completa de comandos de GitHub que pueden ayudarte a gestionar tus procesos Push y Pull. Para instalar el paquete, abre la Paleta de Comandos pulsando CTRL+MAYÚS+P o navega hasta Herramientas → Paleta de Comandos.
Aparecerá una nueva ventana emergente pidiéndote que realices una tarea. Necesitas instalar Package Control, que te permitirá añadir diferentes paquetes de Sublime Text. Busca Instalar Paquete y pulsa intro.
En unos segundos, verás una nueva ventana emergente con una lista completa de paquetes disponibles. Ahora, busca e instala GitSavvy.
Una vez instalado correctamente el paquete GitSavvy, se abrirá una nueva pestaña con un mensaje de bienvenida del equipo de GitSavvy.
Nota: Te sugiero que leas esto completamente para que entiendas bien los fundamentos de GitSavvy. También puedes obtener ayuda dentro de Sublime Text pulsando
Paso 6: Conectar Sublime Text a GitHub
A continuación, tienes que conectar Sublime Text con GitHub para que puedas empujar fácilmente los cambios desde el entorno local al repositorio de WordPress en GitHub.
Abre la carpeta local de WordPress en Sublime Text yendo a Archivo → Abrir carpeta.
Para probar este entorno, voy a editar el archivo wp-login.php y añadir echo “¡Hola Mundo!”; en la parte superior del archivo justo debajo de php y Guardar.
A continuación, inicializa GitHub en Sublime Text abriendo la paleta de comandos, busca status y pulsa intro, donde dice git: status.
Este comando comparará la carpeta local con la versión del repositorio de GitHub y te indicará el nombre de los archivos que has cambiado.
Puedes ver que wp-login.php está en modo unstaged. Puedes hacer muchas cosas con este archivo siguiendo los comandos indicados. Pero primero, debes preparar este archivo, confirmarlo y enviarlo al repositorio de GitHub.
Pulsa S para escenificar este archivo y comprueba el estado mediante el comando git: status. Te darás cuenta de que el archivo se ha movido al modo por etapas.
Para confirmar este cambio, pulsa c. Se abrirá una nueva pestaña describiendo mis cambios en el archivo wp-login.php. Escribe “mi confirmación” en la parte superior del archivo y pulsa CTRL+ENTRAR para enviar la confirmación.
Nota: Puede que te pida tu nombre y tu correo electrónico para que la confirmación se envíe a tu nombre.
Autoescala tus proyectos basados en GitHub
✓ Gestiona los picos de tráfico de los pipelines CI/CD
✓ NGINX + PHP 8.3 para acciones de GitHub
✓ Caché Redis para construcciones más rápidas
Paso 7: Empujar desde Local a GitHub
Necesito indicar a Sublime Text el repositorio al que voy a empujar el cambio. Utiliza el comando git: remote add para establecer la URL remota.
Una vez conectado con el repositorio de GitHub, utiliza git: push para enviar los cambios.
Selecciona el origen y el nombre de la rama maestro.
Nota: Si no has iniciado sesión en tu cuenta de GitHub, puede que te pida que lo hagas.
Paso 8: Conectar GitHub con el Entorno Live
Después de conectar Sublime Text a GitHub, tienes que acceder a tu cuenta de Cloudways y entrar en la aplicación de WordPress. En el panel izquierdo del panel de control, ve a Despliegue mediante Git y pulsa en Generar claves SSH.
Haz clic en VER CLAVE SS H y descarga Claves SSH.
Vuelve al repositorio de GitHub, navega hasta Configuración → Desplegar Claves → Añadir Clave de Despliegue, establece el título e introduce las Claves SSH descargadas.
Como puedes ver, he marcado la casilla donde pone Permitir acceso de escritura porque voy a intercambiar los cambios.
Dentro de tu repositorio de GitHub, ve a la pestaña Código, copia la Clave SSH y asegúrate de que has seleccionado usar SSH.
Vuelve a la Plataforma Cloudways, que dice Despliegue vía Git. Pega la clave SSH en el campo Dirección remota Git, haz clic en Autenticar y elige la rama de tu repositorio Git (yo estoy utilizando master).
La ruta de despliegue se deja vacía porque conectaré la carpeta public_html de la aplicación WordPress con el repositorio de GitHub. Ahora pulsa en Iniciar despliegue para conectar la Plataforma Cloudways con GitHub.
Una vez hecho, recibirás una notificación en la esquina superior derecha de la pantalla.
Paso 9: Transfiere los cambios a un entorno activo desde GitHub
Todo está configurado y funciona bien. Debemos extraer los cambios del repositorio de GitHub a un sitio de WordPress en Cloudways.
Desde la plataforma Cloudways, entra en tu aplicación y luego navega hasta Gestión de aplicaciones → Despliegue vía Git; pulsa el botón Pull.
¡Bingo!
Todos los cambios se han actualizado en el sitio activo. Así es como se ven.
¿Por qué no está automatizado el tirón?
Extraer todos los cambios puede parecer una molestia porque debes hacerlo manualmente. La razón es evitar empujes no deseados al repositorio de GitHub que pueden ocurrir por error. Es aconsejable hacer una Pull request sólo cuando tengas la suficiente confianza para aplicar los cambios en el sitio activo.
Todo el proceso del entorno en vivo puede parecer complejo. Aún así, una vez que todo esté correctamente configurado, sólo tienes que hacer cambios en la carpeta local de WordPress utilizando el editor Sublime Text, empujar a GitHub y tirar en el sitio en vivo.
WordPress y GitHub: Entorno local
Este es el segundo caso en el que estás trabajando en tu máquina local y quieres enviar tus archivos de WordPress al repositorio de GitHub.
Aquí, asumo que tienes preparada una configuración local (si no es así, aquí tienes una guía completa que te ayudará a hacerlo).
Así que, ¡empecemos!
- Paso 1: Descarga e instala Git
- Paso 2: Inicia sesión en GitHub y crea un nuevo repositorio
- Paso 3: Empuja los archivos de WordPress desde el entorno local a GitHub
- Paso 4: Comprueba el repositorio de GitHub
Paso 1: Descarga e instala Git
En primer lugar, tienes que descargar e instalar Git en tu máquina local. Elige la versión compatible con tu sistema operativo.
Paso 2: Inicia sesión en GitHub y crea un nuevo repositorio
Tras instalar Git, accede a tu cuenta de GitHub → Respostorios → Nuevo.
A continuación, tienes que rellenar los campos y hacer clic en Crear repositorio.
Paso 3: Empuja los archivos de WordPress desde el entorno local a GitHub
Enviaré los archivos del tema local de WordPress (el tema Twenty Twenty) al repositorio de GitHub.
Ve a la carpeta del tema de WordPress, haz clic con el botón derecho del ratón para acceder al menú contextual y haz clic en Git Bash Here.
Aparecerá un símbolo del sistema, y todo lo que tienes que hacer es utilizar los siguientes comandos.
git init
git add .
git commit -m "first commit"
git remote add origin https://github.com/farhanayub/MyWordPress.git
Puedes copiar tu URL desde aquí:
git push -u origin master
Paso 4: Comprueba el repositorio de GitHub
Ahora, ve a GitHub y actualiza la página del repositorio. Como puedes ver, todos los archivos del tema (el Twenty Twenty) se han enviado correctamente a este repositorio de GitHub.
Céntrate en el código, no en los servidores
✓ Acceso SSH para la sincronización de local a local
✓ Puesta en escena gratuita para probar la rama de GitHub
✓ Soporte 24/7 para problemas relacionados con Git
Resumen
GitHub para WordPress es útil tanto si trabajas en tus proyectos como si lo haces en equipo. La perfecta integración facilita tu colaboración y la de los miembros de tu equipo en tiempo real. Puedes rastrear y probar todos tus cambios de código antes de enviarlos a tu WordPress. He discutido dos escenarios de trabajo con un entorno local y en vivo de WordPress y GitHub. Si tienes alguna pregunta, no dudes en hacerla en los comentarios. También puedes aprender todo sobre cómo clonar un repositorio de GitHub utilizando la Api de Cloudways.
Preguntas frecuentes
Q. ¿Cuáles son los mejores plugins de GitHub para WordPress?
Los siguientes son los mejores y más populares plugins de GitHub para WordPress:
- Integrar en GitHub
- Sincronización de WordPress con GitHub
- Actualizador Git
Q. ¿Cómo creo un repositorio de WordPress en GitHub?
Crear un repositorio de WordPress en GitHub es bastante sencillo:
- Regístrate/inicia sesión en una cuenta de GitHub y crea un nuevo repositorio
- Dale un nombre a tu repositorio, como WordPress
- Empuja los archivos de tu sitio WordPress al repositorio de GitHub
Q. ¿Cómo despliego WordPress en GitHub?
Sigue los cuatro pasos para desplegar un sitio WordPress en GitHub.
- Primero, descarga e instala Git en tu escritorio
- Inicia sesión en GitHub y crea un nuevo repositorio
- A continuación, transfiere los archivos de WordPress del entorno local a GitHub
- Comprueba el repositorio de GitHub
Q. ¿Hay alguna consideración de seguridad al integrar WordPress con GitHub?
Para una integración WordPress-GitHub segura, ten en cuenta las siguientes indicaciones:
- Confidencialidad de los datos sensibles.
- Permisos de archivo adecuados.
- Seguridad de plugins y temas.
- Revisión rigurosa del código.
- Comunicaciones encriptadas.
- Copias de seguridad periódicas.
Q. ¿Cuál es el proceso para sincronizar los cambios entre WordPress y GitHub?
Ten en cuenta los siguientes consejos para sincronizar los cambios entre WordPress y GitHub:
- Inicia Git en tu WordPress.
- Vincula tu repositorio de WordPress a GitHub.
- Empuja los archivos de WordPress a GitHub.
- Despliega actualizaciones en tu sitio de WordPress.
- Obtén los cambios de GitHub en tu WordPress.
- Resuelve cualquier conflicto.
P) ¿Puedo utilizar GitHub con WordPress?
R) Sí, puedes utilizar GitHub con WordPress para el control de versiones, la colaboración y la gestión del código. Puedes almacenar tu tema, plugin o incluso todo el proyecto de WordPress en un repositorio de GitHub.
P) ¿Puedo alojar mi sitio web WordPress en GitHub de forma gratuita?
R) No, GitHub no está diseñado para alojar sitios web dinámicos como WordPress. Sólo puede alojar sitios web estáticos (por ejemplo, utilizando GitHub Pages). Para un sitio de WordPress, necesitarás un servicio de alojamiento web independiente.
P) ¿Cómo alojar un sitio web WordPress en GitHub?
A) No puedes alojar un sitio completo de WordPress en GitHub debido a su naturaleza dinámica. Sin embargo, puedes utilizar GitHub para controlar la versión de tu tema, plugins o activos estáticos de WordPress y luego desplegarlos en un proveedor de alojamiento adecuado.
P) ¿Es GitHub similar a WordPress?
R) No, GitHub y WordPress tienen propósitos diferentes. GitHub es una plataforma de colaboración de código y control de versiones, mientras que WordPress es un sistema de gestión de contenidos (CMS) para crear y gestionar sitios web.
Mansoor Ahmed Khan
Llevo en el marketing de contenidos desde 2014, y todavía me entusiasma crear historias que resuenen con el público objetivo y generen resultados. En Cloudways by DigitalOcean (una empresa líder en alojamiento en la nube), dirijo un equipo de creadores de contenidos de ensueño. Juntos, aportamos ideas, escribimos y producimos contenidos increíbles en todos los canales: blogs, redes sociales, correos electrónicos, ¡lo que quieras! Puedes ponerte en contacto conmigo en [email protected].
