Guía para principiantes sobre el uso de Git con WordPress

Utilizamos Git y GitHub para gestionar nuestros sitios web y plugins. Es una de esas herramientas que mantiene todo organizado entre bastidores.

Con el tiempo, hemos comprobado que facilita enormemente la gestión de sitios en WordPress. Realiza un seguimiento de todos los cambios, grandes o pequeños, para que siempre tengas un registro vaciado de lo que se ha hecho.

Piensa en Git como una red de seguridad para tu sitio web. Puedes experimentar libremente, sabiendo que siempre puedes volver a una versión estable si algo se rompe.

Si trabajas en equipo, Git ayuda a que todo el mundo esté sincronizado. Es como compartir un cuaderno donde se guardan todas las actualizaciones, para que nada se pierda o se sobrescriba.

En esta guía, te explicaremos los conceptos básicos del uso de Git con WordPress y te mostraremos cómo empezar paso a paso.

He aquí un resumen de todo lo que trataremos en esta guía. Puede enlazar los siguientes enlaces para avanzar a cualquier sección:

¿Qué es Git?

Git son las siglas de Global Information Tracker. Es un sistema de control de versiones que le ayuda a llevar un seguimiento de los cambios realizados en su código o archivos a lo largo del tiempo.

Todo se almacena dentro de una carpeta llamada repositorio, o repo para abreviar. Piensa en ella como una carpeta maestra donde Git supervisa todos los archivos de tu proyecto.

Git es utilizado sobre todo por desarrolladores que trabajan en distintos proyectos de desarrollo de software. Permite que varias personas copien el código base principal en sus ordenadores.

Cada persona puede hacer cambios localmente sin tocar los archivos originales. Una vez que hayan terminado, pueden enviar sus actualizaciones a una plataforma como GitHub, que ayuda a gestionar y organizar las contribuciones del equipo.

Git vs. GitHub – ¿Cuál es la diferencia?

Un punto común de confusión es la diferencia entre Git y GitHub. Si estás empezando, es fácil confundirlos.

Git es la herramienta que realiza el seguimiento de los cambios en tu código. Te permite organizar esos cambios en repositorios, tanto si trabajas solo como con otras personas.

GitHub es una plataforma en línea donde puedes almacenar y compartir repositorios Git. Facilita la colaboración, sobre todo cuando trabajas en equipo.

Puedes usar Git sin GitHub guardándolo todo en tu propio ordenador. Pero GitHub no funciona sin Git: depende completamente de él.

También hay otros servicios de alojamiento de Git, como Bitbucket, Launchpad y Assembla. Pero GitHub es el más popular, gracias a sus características adicionales y su interfaz limpia.

Es especialmente útil para equipos y trabajadores remotos que gestionan grandes proyectos. Puedes hacer un seguimiento de cada cambio, dejar comentarios y volver a versiones anteriores cuando sea necesario.

Y como todo se almacena en la nube, no perderás tu trabajo si tu ordenador se estropea o se pierde.

A continuación, veremos cuándo tiene sentido utilizar Git y GitHub para el desarrollo de WordPress.

Cómo utilizar Git y GitHub para desarrollar WordPress

La mayoría de las veces utilizamos Git y GitHub para crear plugins y sitios web de WordPress personalizados. Nos ayudan a mantener todo ordenado mientras trabajamos con diferentes versiones y actualizaciones.

Si estás trabajando en un nuevo tema o personalizando uno para un cliente, GitHub puede contener todo el código base. Puedes clonar el repositorio del tema, hacer los cambios y probarlo en tu sitio local antes de hacer nada en la versión activa.

Una vez que todo se ve bien, sólo tiene que empujar los cambios a GitHub. A partir de ahí, puedes actualizar el tema en tu sitio de WordPress.

Lo mismo ocurre con el desarrollo de plugins. Tanto si estás creando un plugin desde cero como si estás trabajando en mejoras, Git y GitHub te dan el control sobre cada cambio.

También son ideales para proyectos de código abierto. Cualquiera puede hacer un fork del repositorio de plugins, trabajar en la corrección de fallos o en nuevas características y enviar sus contribuciones mediante un pull request.

Incluso puedes utilizar GitHub para descargar plugins o temas de WordPress e instalarlos manualmente. Ten en cuenta que GitHub no está diseñado para funcionar como herramientas de almacenamiento en la nube como Dropbox o Google Drive.

A continuación, te mostraremos cómo hacer un cambio en un archivo local de plugins y subirlo a GitHub paso a paso.

Establecer un entorno local de WordPress para Git

Antes de utilizar Git y GitHub, es una buena práctica crear un entorno local de WordPress. Aquí es donde puedes trabajar en tu proyecto, hacer cambios en un sitio de WordPress, probar tu nuevo código y probar el desarrollo de plugins y temas.

Disponer de un entorno local garantiza que su sitio web activo no se vea afectado por los cambios hasta que los despliegue. En caso de que algo vaya mal, puede realizar cambios y depurar el código en su sitio web local.

Para empezar, puede utilizar un software de web local que le permita alojar sitios locales en su ordenador en lugar de un servidor de ensayo o en vivo.

Por ejemplo, programas como Local WP (anteriormente conocido como Local by Flywheel), MAMP, XAMPP y WampServer son excelentes para crear entornos locales. Son gratuitos y muy fáciles de establecer.

Puede obtener más información siguiendo nuestras guías sobre cómo instalar WordPress en un ordenador con Windows y cómo instalar WordPress localmente en un Mac.

Instalación local de Git y creación de un repositorio

Una vez que tu entorno regional esté listo, el siguiente paso es descargar e instalar Git en tu ordenador.

Pero antes de hacerlo, es importante comprobar si Git ya está instalado en tu máquina o no. Esto se debe a que los últimos dispositivos macOS y Linux tienen Git preinstalado.

Para empezar, simplemente introduce el comando git -version en el ‘Terminal’ en cualquier máquina Mac o Linux. En un dispositivo Windows, puede abrir el símbolo del sistema y escribir el comando git version.

Si Git está preinstalado, entonces deberías ver el número de versión de Git. Si no está instalado, no verás nada o recibirás un error de comando desconocido. Esto significa que tendrás que instalar Git en tu máquina.

En primer lugar, tendrás que visitar el sitio web de Git y dirigirte a la sección “Descargas”.

En la pantalla siguiente, encontrará enlaces para Mac, Windows y Linux/Unix.

Sigue adelante y enlaza el sistema operativo de tu dispositivo para descargar Git.

Después de descargar Git del sitio web, puede iniciar el asistente de instalación.

A continuación, haga clic en el botón “Siguiente” y siga las instrucciones que aparecen en pantalla para completar el proceso de instalación.

Una vez completada la instalación, puedes iniciar Git.

Después, basta con escribir git version para comprobar que el software está instalado correctamente.

Ahora que Git está listo para usarse en tu sistema, el siguiente paso es crear un repositorio Git local donde puedas commitear los cambios en los archivos de tu sitio WordPress antes de enviarlos a GitHub.

Para empezar, vaya a los archivos locales del sitio web en su ordenador. Desde aquí, localiza la carpeta ‘wp-content’ y luego ve a la carpeta del plugin o tema en el que estés trabajando. Ahora, haz clic con el botón derecho del ratón en cualquier lugar dentro de la carpeta y haz clic en la opción “Abrir Git Bash aquí”.

Esto abrirá el software Git en tu ordenador.

A partir de aquí, sólo tienes que escribir el siguiente comando y pulsar la tecla Intro o Retorno de tu teclado.

git init

A continuación, deberá escribir el siguiente comando para realizar los cambios en los archivos.

git add .

Una vez hecho esto, pulsa Intro o Retorno.

A continuación, puede añadir un mensaje a su repositorio escribiendo el siguiente comando.

git commit -m “message”

No olvide sustituir el mensaje por el texto que desee. Esta es una forma de dejar notas relativas a los cambios específicos que has realizado en el repositorio.

Una vez hecho esto, basta con pulsar la tecla Intro o Retorno del teclado.

Ahora debería ver una carpeta ‘.git’ oculta en los archivos locales del tema de WordPress.

Creación de un repositorio GitHub y commit de cambios

A continuación, puedes dirigirte al sitio web de GitHub y acceder a una cuenta gratuita.

Para empezar, sólo tienes que introducir tu dirección de correo electrónico y hacer clic en el botón “Regístrate en GitHub”.

En la pantalla siguiente, deberá introducir los datos para crear una nueva cuenta.

Por ejemplo, cree una contraseña, introduzca un nombre de usuario y marque / compruebe sus preferencias de correo electrónico.

Si te desplazas hacia abajo, GitHub te pedirá que resuelvas un enigma para verificar tu cuenta.

Es similar a tener reCAPTCHA en tu sitio.

Una vez que tu cuenta esté lista, verás el Escritorio de GitHub.

Haz clic en el signo “+” de la parte superior y selecciona la opción “Nuevo repositorio”.

Después, puede introducir un nombre para su repositorio.

También hay opciones para añadir una descripción y hacer el repositorio público o mantenerlo privado.

Si te desplazas hacia abajo, verás más opciones, como añadir un archivo README y elegir una licencia.

Una vez introducidos todos los datos, haga clic en el botón “Crear repositorio”.

Después de crear el repositorio, tendrá que copiar su URL.

Encontrará el enlace en la sección Configuración rápida.

A continuación, tendrás que abrir Git Bash en tu ordenador.

Desde aquí, basta con introducir el siguiente comando y pulsar Intro o Retorno.

git remote add origin URL

No olvide sustituir la URL por el enlace de su repositorio.

Después de eso, puede escribir el siguiente comando.

git push -u origin main

Esto enviará el repositorio local al repositorio remoto en GitHub.

A continuación, es posible que se te pida que conectes tu cuenta de GitHub si aún no está conectada con Git. Simplemente accede a tu cuenta y autoriza a Git a conectarse.

Ahora puedes abrir el repositorio de GitHub y ver los archivos locales que acabas de editar.

Después de enviar los archivos locales a GitHub, otros usuarios pueden editar el archivo y realizar más cambios en el plugin o tema.

Si necesita obtener estas actualizaciones de un repositorio de GitHub para la configuración de su sitio web local, tendrá que abrir la carpeta de plugins en su ordenador, hacer clic con el botón derecho en cualquier lugar y abrir Git Bash.

A continuación, puede escribir el siguiente comando y pulsar la tecla Intro o Retorno.

git fetch URL

No olvides sustituir la URL por el enlace al repositorio de GitHub.

Ahora puedes repetir estos pasos para comenzar el desarrollo de WordPress utilizando Git y GitHub.

Una vez realizados los cambios en los archivos locales, el siguiente paso es transferirlos al sitio activo.

Implementar temas y plugins de GitHub en un sitio de WordPress activo

Una vez que haya terminado de desarrollar un plugin o tema para WordPress, el último paso es implementarlo en su sitio web.

Ahora, puedes usar Git y ejecutar diferentes comandos para empujar tus cambios al sitio web de WordPress. Sin embargo, hay una manera más fácil mediante el uso de un plugin de WordPress Github como WP Pusher.

En primer lugar, tendrás que visitar el sitio web de WP Pusher y hacer clic en el botón “Descargar”.

A continuación, descarga los archivos del plugin WP Pusher y guárdalos en tu ordenador.

Después, instala y activa el plugin WP Pusher. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Una vez activado, puedes dirigirte a WP Pusher desde el escritorio de WordPress y cambiar a la pestaña “GitHub”.

A continuación, se abrirá una nueva ventana emergente, pidiéndote que permitas que WP Pusher se conecte con tu cuenta de GitHub.

Simplemente haga clic en el botón “Autorizar wppusher” para continuar.

Desde aquí, tendrás que acceder / acceder a tu cuenta de GitHub.

Una vez hecho esto, simplemente copia el token de GitHub en la siguiente pantalla.

Ahora, ve a los ajustes de WP Pusher GitHub e introduce el código token.

No olvides hacer clic en el botón “Guardar token de GitHub”.

Una vez conectado a GitHub, puedes instalar en tu sitio web WordPress cualquier tema o plugin que hayas subido a GitHub desde el repositorio.

Por ejemplo, diríjase a WP Pusher ” Instalar plugin en el panel de administrador de WordPress e introduzca la URL del repositorio de plugins.

También puede hacer clic en el botón “Seleccionar de GitHub” y se abrirá una nueva ventana emergente.

Desde aquí, simplemente copia el enlazar a tu repositorio de plugins.

Después de introducir la URL del repositorio de GitHub, puede introducir otros detalles como la rama / sucursal del repositorio y el subdirectorio.

A continuación, desplácese hacia abajo y haga clic en el botón “Instalar plugin” de la parte inferior.

Una vez instalado el plugin, tendrás que activarlo.

Para ello, simplemente vaya a Plugins ” Plugins instalados y navegue hasta el plugin que acaba de instalar. Desde aquí, puede hacer clic en el botón “Activar”.

Ahora puede empezar a utilizar el plugin instalado en su sitio web.

Del mismo modo, puede dirigirse a Instalar tema en WP Pusher en su escritorio de WordPress para establecer un tema personalizado que haya desarrollado utilizando este mismo proceso.

Instalar plugins y temas de WordPress desde GitHub

Además de integrar WordPress con Git y GitHub para el desarrollo, también puedes obtener archivos de plugins y temas que ya no están disponibles en la biblioteca de WordPress.org.

Los desarrolladores de WordPress suelen crear repositorios GitHub para sus plugins y temas. A menudo puedes encontrarlos fácilmente en GitHub si no están disponibles en la biblioteca de plugins y temas de WordPress.

Sólo tienes que abrir GitHub y buscar el plugin o tema que quieras instalar. A continuación, haz clic en el botón “Código” y selecciona la opción “Descargar ZIP”.

De este modo, podrá descargar los archivos de los plugins e instalarlos en su sitio web.

Para más detalles, consulta nuestra guía sobre cómo instalar plugins y temas de WordPress desde GitHub.

Términos importantes de Git y GitHub que debes conocer

Te encontrarás con diferentes terminologías de Git y GitHub a medida que empieces a utilizarlos para el desarrollo de WordPress y otros fines. Para ayudarte, aquí tienes algunos términos importantes que deberías conocer:

• Ramas / sucursales – Una rama / sucursal es como un repositorio paralelo que puedes crear. Le permite hacer cambios y trabajar libremente sin afectar a la rama principal o interrumpir la versión en vivo.
• Fusionar – Cuando quiere tomar cambios de una rama y aplicarlos a otra rama, este proceso se llama fusionar. Sin embargo, las ramas tienen que estar en el mismo repositorio o de un tenedor.
• Pull – Se refiere a obtener cambios y fusionarlos. Digamos que alguien ha hecho cambios en un archivo del repositorio. Puede extraer esos cambios a su entorno local para asegurarse de que sus archivos están actualizados.
• Pull Requests (PR ) – Un pull request es cuando un usuario envía cambios propuestos a un repositorio, y es aceptado o rechazado por otro colaborador del repositorio.
• Fork – Un fork es una copia personal del repositorio de otro usuario que tienes en tu cuenta. Puede hacer cambios en un proyecto libremente usando un fork sin afectar al repositorio original.
• Commit – Un commit es un cambio individual en un archivo del repositorio. Cuando haces un commit, Git creará un ID único para ayudarte a mantener un registro de cambios específicos. También registra quién hizo los cambios y cuándo se hicieron.
• Empujar – Empujar significa enviar tus cambios a un repositorio remoto en GitHub. Por ejemplo, si haces cambios en un archivo localmente, puedes enviarlos para que otros puedan acceder a ellos.

Recursos adicionales

Nos encanta cuando nuestros lectores principiantes pasan al nivel avanzado y quieren escribir código ellos mismos. Si usted está interesado en el código de WordPress y el desarrollo, entonces aquí hay algunos recursos que usted encontrará útil.

• Fragmentos de código de WordPress útiles para principiantes (selección de expertos)
• Cómo implementar automáticamente cambios en temas de WordPress mediante GitHub y Deploy
• Las mejores herramientas de desarrollo para WordPress (gratuitas y de pago)
• Cómo añadir contenido ficticio para el desarrollo de temas en WordPress
• 19 mejores temas de WordPress para desarrolladores

Esperamos que este artículo te haya ayudado a aprender a utilizar Git con WordPress. Puede que también quieras ver nuestras selecciones de las mejores aplicaciones móviles para gestionar tu sitio de WordPress y los errores más comunes de WordPress y cómo corregirlos.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.