Cuando hacemos cambios en una web, llega un punto en el que guardar archivos sueltos o crear copias con nombres distintos deja de ser práctico. Si estamos tocando un tema, desarrollando un plugin o añadiendo código personalizado, tener un historial de lo que vamos modificando puede ahorrarnos bastantes problemas.
Ahí es donde puede entrar GitHub en WordPress. GitHub trabaja sobre Git y nos permite guardar el código dentro de repositorios. Gracias a eso podemos revisar qué cambió entre una versión y otra, quién hizo cada modificación y volver atrás si algo deja de funcionar como esperábamos. Este tipo de control de versiones también está integrado en muchos editores de código utilizados durante el desarrollo.
Esto resulta en especial útil cuando trabajamos con desarrollos propios o cuando varias personas participan en el mismo proyecto. En vez de pasarnos archivos ZIP o mantener varias copias del mismo código, podemos tener una versión centralizada y mucho más fácil de seguir.
Dentro de WordPress podemos utilizar GitHub de distintas maneras. Una opción es trabajar primero en local con WordPress, guardar los cambios con Git y subirlos después al repositorio. Desde ahí podremos llevarlos a la web cuando estén listos.
También existen herramientas que permiten instalar o actualizar plugins y temas desde un repositorio de GitHub. Esto puede venir bien cuando utilizamos soluciones privadas o desarrollos que no están publicados en WordPress.org. También podemos descargar un repositorio como archivo ZIP e instalar el plugin o tema de forma manual en WordPress.
Ahora bien, no hace falta subir toda la instalación de WordPress al repositorio. Lo habitual es controlar aquello que forma parte del desarrollo, como un tema propio, un plugin o determinados archivos de código. La base de datos, las imágenes y el contenido de la web se gestionan por otro lado.
Antes de llevar modificaciones a una web en producción, también podemos utilizar un entorno de pruebas o sandbox para comprobar temas, plugins y personalizaciones de código sin afectar al sitio público.
Tabla de contenidos
¿Qué es un GitHub para WordPress?
Cuando hablamos de utilizar GitHub en WordPress, no quiere decir que GitHub sustituya a WordPress ni que forme parte del CMS. Más bien lo usamos como un espacio externo donde podemos guardar y controlar el código de nuestros desarrollos.
Esto suele aplicarse a temas, temas hijo, plugins propios o fragmentos de código que queremos mantener bien organizados.
GitHub trabaja con repositorios. Podemos verlos como una carpeta del proyecto, pero con una diferencia importante: cada cambio queda registrado. Así podemos revisar qué archivo se tocó, qué líneas se añadieron o eliminaron y volver a una versión anterior si algo no sale como esperábamos.
Pensemos, por ejemplo, en un tema hijo. En lugar de ir guardando copias con nombres como tema-final, tema-final-2, ahora-si-tema-final podemos mantener el proyecto dentro de un repositorio y registrar cada cambio con Git.
Esto también resulta práctico cuando varias personas trabajan en el mismo desarrollo. Cada una puede preparar sus cambios y después integrarlos en el proyecto, evitando en buena parte el problema de sobrescribir archivos sin querer.
Dentro de WordPress, GitHub nos puede servir para:
- Guardar temas personalizados o temas hijo.
- Mantener plugins desarrollados por nosotros.
- Revisar el historial de cambios.
- Compartir código con otros desarrolladores.
- Preparar modificaciones antes de llevarlas a producción.
- Distribuir plugins o temas que no están en WordPress.org.
- Gestionar algunas actualizaciones mediante herramientas externas.
Eso sí, GitHub no debe confundirse con una copia de seguridad completa de WordPress. Por lo general, no vamos a guardar allí las entradas, los usuarios, los pedidos de WooCommerce, la base de datos o toda la biblioteca de medios. Su función está mucho más relacionada con el código que estamos desarrollando.
Para respaldar la web completa, seguiremos necesitando una copia de seguridad que incluya tanto los archivos como la base de datos. GitHub en WordPress nos permite tener mucho más claro qué estamos modificando y conservar versiones anteriores del código sin acumular copias de archivos por todas partes.
¿Por qué usar un GitHub en WordPress?
Trabajar con GitHub en WordPress puede hacernos la vida bastante más fácil cuando empezamos a tocar código propio. Si estamos modificando un tema hijo, creando un plugin o preparando alguna función personalizada, tener todos esos cambios controlados evita bastante desorden.
En lugar de guardar copias del tipo plugin-final.zip, plugin-final-2.zip o plugin-definitivo.zip, podemos ir registrando cada versión dentro de un repositorio. Así sabemos qué cambió en cada momento y podemos volver atrás si algo deja de funcionar.
Entre las ventajas que puede aportarnos están:
- Guardar un historial de cambios: cada modificación importante queda registrada y podemos revisarla más adelante.
- Volver a una versión anterior: si una actualización rompe algo, tenemos una referencia clara para recuperar el código que funcionaba.
- Trabajar con otras personas: varios desarrolladores pueden participar en el mismo proyecto sin tener que enviarse archivos continuamente.
- Mantener mejor organizado el desarrollo: podemos separar temas, plugins y otros proyectos en repositorios distintos.
- Probar cambios sin tocar la versión principal: mediante ramas podemos preparar nuevas funciones antes de incorporarlas al código estable.
- Compartir desarrollos propios: resulta práctico para plugins o temas que no queremos publicar en WordPress.org.
- Gestionar algunas actualizaciones: existen herramientas que permiten conectar un repositorio con WordPress para instalar nuevas versiones desde allí.
- Dejar información para el equipo: podemos añadir instrucciones, notas o documentación sobre cómo instalar y utilizar el proyecto.
Esto también puede venirnos bien cuando trabajamos con varios clientes. Si hemos creado un plugin específico para una web, podemos guardar el proyecto en GitHub y consultar qué versión estamos utilizando sin acumular archivos ZIP en distintas carpetas.
Ahora bien, GitHub no reemplaza una copia de seguridad de WordPress. Allí controlamos principalmente el código que estamos desarrollando. La base de datos, las imágenes, los pedidos, los usuarios y el resto del contenido de la web necesitan seguir formando parte de nuestro sistema habitual de backups.
Lo más práctico es utilizar ambas cosas para tareas distintas. GitHub nos ayuda a mantener el código bajo control, mientras que las copias de seguridad sirven para recuperar la web completa si ocurre algún problema.
Cómo usar Github para WordPress en local
Para poder implementar este tipo de ajustes, se puede dar el caso en que tengamos una copia de nuestro sitio en local, ya sea mediante uno de los plugins para copias de seguridad en WordPress, y posterior a esto la traspasemos a la web en vivo, este es el caso que vamos a ver en esta parte de la guía. En esta vamos a hacer uso de un programa que nos permita realizar la instalación local en caso de que no sepamos o no tengamos ya instalado nuestro WordPress en local.
Esta herramienta nos va a permitir el crear nuestro WordPress de forma local, o migrar WordPress a local, con una interfaz gráfica bastante sencilla de comprender y muy intuitiva, por lo que resulta bastante sencillo de comprender incluso para principiantes en el tema, solo seguimos los siguientes pasos para completar la instalación del mismo:
- Una vez tenemos instalado el local en nuestra PC, hacemos clic en el botón de + en la parte inferior izquierda.
- Al hacer clic, nos indicará si es una instalación nueva o desde una plantilla, seleccionamos la opción pertinente.
- Asignamos el nombre que queremos que tenga, por ejemplo, prueba o demo.
- Continuamos con la opción de PHP y demás, lo mejor es dejar predefinido por el local que va a utilizar.
- Asignamos nombre de usuario, contraseña y correo de administración.
- En opciones avanzadas de esta pestaña vamos a tener la opción de habilitar el multisite o no.
- Hacemos clic en agregar sitio y se realizará el proceso de creación.
Una vez que tengamos el WordPress en local listo, ya podemos comenzar con la creación de la integración respectiva.
Instalación de GitHub
Existen varios métodos de utilizar GitHub de forma directa desde la aplicación Git; sin embargo, estos requieren de un conocimiento básico de los códigos que esta posee, por lo que en este caso, al querer hacer uso de GitHub como herramienta, lo mejor es que utilicemos la propia aplicación disponible para Windows de GitHub.
Este programa nos va a permitir realizar una conexión entre nuestro GitHub y el WordPress de una forma más eficiente, sin necesidad de comprender código personalizado. En este caso, una vez que realicemos la instalación y, si es necesario, realicemos el tutorial básico que está disponible junto con abrir el programa, vamos a ingresar al mismo para importar nuestro tema personalizado o plugin personalizado.
Primero debemos utilizar el Git para realizar la instalación de la carpeta correspondiente a los archivos que van a almacenarse en GitHub, para ello instalamos el siguiente programa:
El proceso de instalación dependerá del sistema operativo que tiene nuestro PC, el proceso es bastante sencillo, hacemos clic en siguiente, dejando todas las opciones predeterminadas hasta que se culmine la instalación.
Luego de que tengamos instalado por completo este programa, vamos a abrir el tema que necesitemos agregar a GitHub, luego hacemos clic derecho y seleccionamos la opción de Git Bash Here, esto nos va a permitir crear la carpeta Git para que tome todos los datos de este tema. Para ello, al hacer clic en esta opción, nos abrirá una ventana de comandos, en la cual vamos a escribir.
git initDe esta forma se creará la carpeta con los archivos correspondientes; luego vamos a realizar la importación del tema en nuestro GitHub para WordPress.
Una vez tenemos este cúmulo de archivos del tema vamos a realizar las modificaciones necesarias al mismo y podemos luego importarlas a nuestro WordPress conectando este repositorio a nuestro CMS.
Utilizacion de Wp Pusher
Una vez que hemos creado en nuestro GitHub y hemos incorporado un tema o plugin en el mismo para implementarlo en nuestro WordPress faltaría el conocer como hacer esta unión, El método más sencillo es utilizar el plugin WP Pusher.
Vamos a seguir el paso a paso para poder configurar de forma correcta en nuestro sitio en vivo:
- Descargamos e instalamos el plugin de WP Pusher desde la web oficial
- En la barra lateral de WordPress ingresamos a WP Pusher > GitHub.
- Seguimos los pasos de vinculación del token haciendo clic en obtener un token de GitHub.
- Al final del proceso nos mostrará una ventana con la autentificación y el token a copiar.
- Hacemos clic en el botón Guardar token de GitHub para que este sea tomado por nuestro WordPress.
- Luego ingresamos a la opción que necesitemos agregar, en caso de que sea un tema vamos a ingresar en WP Pusher > Instalar tema.
- Podemos completar los campos o bien, si no conocemos algunos, hacemos clic en el botón de nuevo de conexión con nuestro GitHub para leer las URL.
- Para el campo de la rama del repositorio vamos a escribir main.
- Por último hacemos clic en instalar tema en WordPress.
- Después de que tenemos el tema implementado, ingresamos a Apariencias > temas, y activamos el tema importado.
Cada vez que realicemos algún cambio en el código del tema que estamos tomando de nuestro GitHub para WordPress, debemos ingresar en WP Pusher > plugins o temas > actualizar. Si esto no se realiza, los cambios que hemos hecho a nivel del archivo no van a ser visualizados en nuestro sitio.
Cómo instalar plugins y temas de WordPress de GitHub
Los desarrolladores por lo general trabajan con repositorios de GitHub, en estos suelen subir tanto plugins como temas personalizados, En caso de que necesitemos utilizar uno de estos plugins o temas, podemos hacerlo también sin necesidad de poseer dicho repositorio, solo descargamos este y lo utilizamos. Al ser un sistema de códigos abiertos, cualquiera puede utilizar el plugin, a menos que esté privado.
Los pasos para instalar un plugin en WordPress o un tema o son bastante sencillos, y no difieren mucho de lo que sería la instalación normal de un plugin o tema de forma manual
- Abrimos GitHub y buscamos el plugin o tema que deseamos instalar.
- Una vez identificamos el plugin o tema que vamos a querer instalar, vamos a la pestaña de Código > Descargar ZIP.
- Una vez esté descargado, debemos instalarlo como cualquier plugin o tema que instalamos de forma manual.
Plugins útiles para utilizar con Github
Algunos de los plugins extras que podemos utilizar para optimizar WordPress y nuestra conexión con GitHub, logrando que el trabajo de desarrollo sea más eficiente. Vamos a mostrar dos plugins que pueden ser útiles para su función en específico.
Plugin Git Updater
Este es otro plugin que al igual que WP Pusher nos permite conectar y actualizar de forma más sencilla nuestros GitHub, el uso de este va luego del WP Pusher debido a que no ofrece facilidades de conexión, de igual forma es posible hacer de este el plugin que utilicemos para gestionar nuestra conexión si nos parece más sencillo de utilizar.
Este plugin debe tener acceso autorizado a los repositorios que tenemos para que pueda funcionar de forma correcta, por lo que es importante generar un token válido para que este se conecte sin problemas y pueda generarse una buena integración. El uso de este plugin es más que nada para poder realizar el mismo de forma periodica, un análisis de los repositorios que tenemos activos y verificar si hay algún archivo disparejo para que este pueda ser actualizado a su versión correcta.
Plugin Github Embed
El uso de este plugin, si bien realiza una conexión con GitHub en WordPress no es mas que informativo, esto quiere decir que no usaremos este para realizar una importación de temas o plugins, sino que a través de este podemos mostrar a nuestros usuarios alguna información que necesitemos de nuestro GitHub. Entre las opciones para compartir información destacamos:
- Repositorios
- Perfiles de usuario
- Resumen de hitos del proyecto
- Colaboradores del proyecto
Para poder incrustar la información pertinente de nuestro GitHub, solo debemos colocar la URL de nuestro repositorio en el sitio, y el propio plugin va a aplicar de forma automatica una serie de estilos para poder mostrar esa información que queremos compartir.
GitHub Embed por lo general es utilizado por desarrolladores o personas que quieran dar un seguimiento de sus proyectos para que así el público esté más atento a cuál es el proceso que ha llevado este mismo en su desarrollo. Agregando que este es gratuito.
Conclusion
GitHub es un servicio bastante completo que nos permite, como desarrolladores o como principiantes en el desarrollo, el poder colaborar en proyectos de una forma más eficiente, así mismo la posibilidad de incorporación de plugins y temas de una forma más sencilla sin que nuestro sitio sufra las consecuencias. También contamos con control de versiones, seguimiento y bifurcación, lo que le permite a la gran mayoría de desarrolladores el poder compartir parte de su proyecto y trabajarlo en simultáneo, ya sea la razón es una forma más de incorporar una mejora a nuestro CMS.
Esta integración de GitHub ayuda a mejorar los flujos de trabajo de mantenimiento y desarrollo del sitio.
¿Te ha resultado útil este artículo?
Equipo de soporte WordPress y WooCommerce en Webempresa.
