jueves, marzo 28, 2024
No menu items!
InicioBlogsGuía para principiantes sobre el uso de Git con WordPress

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

¿Está buscando utilizar Git e integrar GitHub con su sitio web de WordPress?

Git y GitHub son herramientas esenciales para los desarrolladores que desean realizar un seguimiento de los cambios en el código, administrar múltiples proyectos de codificación y trabajar con un equipo en el mismo código. También puedes recuperar una versión estable de tu código en caso de que algo salga mal durante el proceso de desarrollo.

En este artículo explicaremos todo sobre el uso de Git con WordPress.

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

A continuación se ofrece una descripción general de todo lo que cubriremos en esta guía. Puede hacer clic en los enlaces a continuación para ir a cualquier sección:

¿Qué es Git?

Git, abreviatura de global information tracker, es un sistema de control de versiones distribuido que ayuda a rastrear cambios en diferentes archivos de computadora o proyectos de codificación. Estos proyectos se almacenan en lo que se llama repositorio (o repositorio), que es esencialmente la carpeta raíz que utiliza Git para almacenar todos los archivos.

Git lo utilizan principalmente desarrolladores que trabajan en diferentes tareas de desarrollo de software. Con Git, varias personas pueden simplemente crear un clon del repositorio principal que contiene el código original.

Luego pueden realizar cambios en su computadora sin tener que acceder o modificar el repositorio principal. Una vez que haya realizado cambios y esté listo para implementarlos, muchos usuarios los subirán a un servicio como GitHub que ayuda a organizar los distintos repositorios de los equipos.

Git vs GitHub: ¿Cuál es la diferencia?

Cuando se habla de Git, una de las preguntas más frecuentes es cuál es la diferencia entre Git y GitHub.

A menudo, los principiantes y los nuevos propietarios de sitios piensan que Git y GitHub son la misma cosa. Sin embargo, existe una diferencia entre los dos.

Git es el sistema de control de versiones real que le permite rastrear los cambios en su código y compilarlo y ordenarlo en algo llamado repositorio. GitHub, por lo tanto, es una plataforma de alojamiento web para almacenar repositorios Git para un fácil acceso del equipo.

Puedes usar Git de forma independiente, manteniendo todo organizado en una computadora local, pero no puedes usar GitHub sin Git.

Además de eso, existen muchas otras plataformas de alojamiento Git, como Launchpad, Assemble y Bitbucket. Pero el más popular es GitHub, que ofrece funciones adicionales más allá de Git.

GitHub es más adecuado para empresas y equipos remotos que tienen varias personas trabajando en el mismo proyecto. Su interfaz intuitiva y sus potentes funciones la convierten en una gran herramienta para colaboraciones.

Además, almacena todo en la nube, por lo que no tienes que preocuparte por perder tus datos si tu computadora local se daña o te la roban.

Dicho esto, veamos algunas situaciones en las que le gustaría utilizar Git y GitHub para el desarrollo de WordPress.

Cómo usar Git y GitHub para el desarrollo de WordPress

Las dos razones principales para usar Git y GitHub son para desarrollar temas y complementos de WordPress.

Por ejemplo, si está creando un tema nuevo o utilizando un tema personalizado para su sitio, GitHub es perfecto para administrar la base del código de su proyecto.

Simplemente puede obtener el repositorio de temas de GitHub, realizar cambios y luego probar el tema en un servidor local. Una vez que haya realizado los cambios, puede enviar el repositorio actualizado a GitHub y luego aplicar los cambios del tema a su sitio de WordPress en vivo.

Asimismo, si eres un desarrollador de WordPress que crea complementos, puedes usar GitHub para administrar el código base.

🔥 Leer:  ¿Cómo abrir puertos de firewall para Xbox One?

También es ideal para proyectos de código abierto en los que cualquiera puede contribuir al desarrollo de un complemento de WordPress. Por ejemplo, puede obtener archivos de complementos de GitHub para corregir errores o trabajar para mejorar una función.

Contribuir al desarrollo de complementos en GitHub

Aparte de eso, puedes usar GitHub y Git para descargar e instalar complementos y temas de WordPress en tu sitio web en vivo. Si bien GitHub permite el almacenamiento y la descarga de archivos, no está configurado para usarse como almacenamiento de archivos de la misma manera que Dropbox o Google Drive.

Ahora veamos cómo usar Git y GitHub para el desarrollo de WordPress. Para este tutorial, le mostraremos cómo realizar cambios en un archivo de complemento local y cargarlo en GitHub.

Configurar un entorno local de WordPress para Git

Antes de utilizar Git y GitHub, es recomendable crear un entorno local de WordPress. Aquí es donde puede trabajar en su proyecto, realizar cambios en un sitio de WordPress, probar su nuevo código y probar el desarrollo de complementos y temas.

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

Para comenzar, puede utilizar un software web local que le permita alojar sitios locales en su computadora en lugar de un servidor provisional o en vivo.

Por ejemplo, software 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 configurar.

Inicie sesión en su sitio web local de WordPress

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

Instalar Git localmente y crear un repositorio

Una vez que su entorno local esté listo, el siguiente paso es descargar e instalar Git en su computadora.

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

Para comenzar simplemente inserte el archivo versión git comando en la “Terminal” en cualquier máquina Mac o Linux. En un dispositivo Windows, puede abrir el símbolo del sistema y escribir el archivo versión git dominio.

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

Primero tendrás que visitar el sitio web git y ve a la sección “Descargas”.

sitio web git

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

Continúe y haga clic en el enlace del sistema operativo de su dispositivo para descargar Git.

Selecciona tu sistema operativo para Git

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

Desde aquí, haga clic en el botón “Siguiente” y simplemente siga las instrucciones en pantalla para completar el proceso de instalación.

Instalación de Git

Una vez que se completa la instalación, puede iniciar Git.

Después de eso, simplemente escriba versión git para verificar que el software esté instalado correctamente.

Comprueba tu versión de git

Ahora que Git está listo para usar en su sistema, el siguiente paso es crear un repositorio Git local donde pueda enviar cambios a los archivos de su sitio de WordPress antes de enviarlos a GitHub.

Para comenzar, acceda a los archivos del sitio web local en su computadora. Desde aquí, ubique la carpeta “wp-content” y luego navegue hasta el complemento o la carpeta del tema en el que está trabajando. Ahora, haga clic derecho en cualquier lugar dentro de la carpeta y haga clic en la opción “Abrir Git Bash aquí”.

Haga clic en Abrir con git bash

Esto abrirá el software Git en su computadora.

Desde aquí, simplemente escriba el siguiente comando y presione la tecla Retorno o Intro en su teclado.

Ingrese el comando git init

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

Una vez hecho esto, presione Entrar o Retorno.

Ingrese el comando git add

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

git commit -m “message”

No olvides reemplazar el Mensaje con el texto que quieras. Esta es una forma de dejar notas sobre cambios específicos que haya realizado en el repositorio.

🔥 Leer:  ¿Cómo se activa AirPlay en Vizio TV (respuesta)
Agregar mensaje de confirmación

Una vez hecho esto, simplemente presione el botón Enter o Enter de su teclado.

Ahora deberías ver una carpeta oculta “.git” en tus archivos de temas locales de WordPress.

Ver la carpeta oculta de git

Creando el repositorio de GitHub y confirmando los cambios

Después de eso, puedes ir al Sitio web de GitHub y regístrese para obtener una cuenta gratuita.

Para comenzar, simplemente ingrese su dirección de correo electrónico y haga clic en el botón “Registrarse en GitHub”.

Regístrese para obtener una cuenta de GitHub

En la siguiente pantalla, deberá ingresar los detalles para crear una nueva cuenta.

Por ejemplo, cree una contraseña, ingrese un nombre de usuario y verifique sus preferencias de correo electrónico.

Ingrese los detalles para crear una cuenta de GitHub

Si se desplaza hacia abajo, GitHub le pedirá que resuelva un acertijo para verificar su cuenta.

Esto es similar a tener reCAPTCHA en su sitio.

Verifica tu cuenta de GitHub

Una vez que su cuenta esté lista, verá el panel de GitHub.

Continúe y haga clic en el signo “+” en la parte superior y seleccione la opción “Nuevo repositorio”.

Crea un nuevo repositorio en GitHub

A continuación, puede ingresar un nombre para su repositorio.

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

Ingrese un nombre para el nuevo repositorio

Si se desplaza hacia abajo, verá más opciones, como agregar un archivo README y elegir una licencia.

Después de ingresar todos los detalles, haga clic en el botón “Crear repositorio”.

Haga clic en el botón Crear repositorio

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

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

Copie el enlace al repositorio en la configuración rápida

A continuación, deberá abrir Git Bash en su computadora.

Desde aquí, simplemente ingrese el siguiente comando y presione Enter o Return.

git remote add origin URL

No olvide reemplazar la URL con el enlace de su repositorio.

Ingrese el comando agregar fuente remota

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

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

Ingrese el comando git push

A continuación, es posible que se le solicite que conecte su cuenta de GitHub si aún no está conectada a Git. Simplemente inicie sesión en su cuenta y autorice a Git a conectarse.

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

Ver archivos locales en el repositorio de GitHub

Después de enviar sus archivos locales a GitHub, otros usuarios pueden editar el archivo y realizar cambios adicionales en su complemento o tema.

Si necesita obtener estas actualizaciones de un repositorio de GitHub para la configuración de su sitio web local, deberá abrir la carpeta del complemento en su computadora, hacer clic derecho en cualquier lugar y abrir Git Bash.

Después de eso, puede escribir el siguiente comando y presionar la tecla Enter o Enter.

No olvides reemplazar la URL con el enlace a tu repositorio de GitHub.

Ahora puedes repetir estos pasos para iniciar el desarrollo de WordPress usando Git y GitHub.

Después de realizar cambios en sus archivos locales, el siguiente paso es enviarlos al sitio activo.

Implemente temas y complementos de GitHub en un sitio de WordPress activo

Una vez que haya completado el desarrollo de un complemento o tema de WordPress, el último paso es implementarlo en su sitio web activo.

Ahora puede usar Git y ejecutar varios comandos para realizar cambios en su sitio web de WordPress. Sin embargo, existe una manera más sencilla de utilizar un complemento de Github para WordPress como WP Pusher.

Primero tendrás que visitar el Sitio web de WP Pusher y haga clic en el botón “Descargar”.

Sitio web de WP Pusher

A continuación, descargue los archivos del complemento WP Pusher y guárdelos en su computadora.

Después de eso, continúa, instala y activa el complemento WP Pusher. Si necesita ayuda, consulte nuestra guía sobre cómo instalar un complemento de WordPress.

Después de la activación, puede ir a Empujador de WP desde su panel de WordPress y navegue hasta la pestaña “GitHub”.

Obtenga el token de GitHub

Después de eso, se abrirá una nueva ventana emergente que le pedirá que permita que WP Pusher se conecte con su cuenta de GitHub.

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

Autorizar el empujador de wp

Desde aquí, deberá iniciar sesión en su cuenta de GitHub.

🔥 Leer:  Lo que necesitas saber sobre Brawhalla, la alternativa Super Smash Bros. que puedes jugar gratis

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

Copia el token de GitHub

Ahora vaya a la configuración de WP Pusher GitHub y luego ingrese el código del token.

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

Guarde el token de GitHub

Una vez que conectes GitHub, puedes instalar cualquier tema o complemento que hayas cargado en GitHub desde el repositorio en tu sitio web de WordPress en vivo.

Por ejemplo, vaya a WP Pusher » Instalar complementos en su panel de administración de WordPress e ingrese la URL del repositorio de complementos.

Ingrese al repositorio de complementos

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

Desde aquí, simplemente copie el enlace a su repositorio de complementos.

Copie el enlace para el repositorio de complementos.

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

A continuación, deberá desplazarse hacia abajo y hacer clic en el botón “Instalar complemento” en la parte inferior.

Haga clic en el botón Instalar complemento

Una vez instalado el complemento, deberá activarlo.

Para hacer esto solo sube Complementos » Complementos instalados y vaya al complemento que acaba de instalar. Desde aquí puede hacer clic en el botón “Activar”.

Activar un complemento

Ahora puede comenzar a utilizar el complemento instalado en su sitio web.

De manera similar, puede ir a Instalar tema en WP Pusher en su panel de WordPress para configurar un tema personalizado que haya desarrollado utilizando el mismo proceso.

Instale complementos y temas de WordPress desde GitHub

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

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

Simplemente abre GitHub y busca el complemento o tema que deseas instalar. Después de eso, puedes hacer clic en el botón “Código” y seleccionar la opción “Descargar ZIP”.

Descargue el archivo zip para el complemento

De esta manera, puede descargar los archivos del complemento e instalarlos en su sitio web.

Para obtener más detalles, consulte nuestra guía sobre cómo instalar complementos 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 cuando empieces a utilizarlas para el desarrollo de WordPress y otros fines. Para ayudarle, aquí hay algunos términos importantes que debe conocer:

  • Sucursales – Una rama es como un repositorio paralelo que puedes crear. Le permite realizar cambios y trabajar libremente sin afectar la rama principal ni romper la versión en vivo.
  • Unir – Cuando desea realizar cambios desde una rama y aplicarlos a otra rama, este proceso se llama fusión. Sin embargo, las ramas deben estar en el mismo repositorio o desde una bifurcación.
  • Disparo – Se refiere a recuperar cambios y fusionarlos. Supongamos que alguien ha realizado cambios en un archivo del repositorio. Puede enviar esos cambios a su entorno local para asegurarse de que sus archivos estén actualizados.
  • Solicitudes de extracción (PR) – Una solicitud de extracción ocurre cuando un usuario envía una propuesta de cambio a un repositorio y otro colaborador del repositorio la acepta o rechaza.
  • Tenedor – Una bifurcación es una copia personal del repositorio de otro usuario que tienes en tu cuenta. Puedes realizar cambios en un proyecto libremente usando una bifurcación sin afectar el repositorio original.
  • Comprometerse – Una confirmación es un cambio individual en un archivo en el repositorio. Cuando realiza una confirmación, Git creará una identificación única para ayudarlo a realizar un seguimiento de cambios específicos. También registra quién realizó los cambios y cuándo se realizaron.
  • Empujar – Push significa enviar cambios a un repositorio remoto en GitHub. Por ejemplo, si realiza cambios en un archivo localmente, puede enviarlos para que otros también puedan acceder a ellos.

Esperamos que este artículo te haya ayudado a aprender a usar Git con WordPress. Quizás también quieras consultar nuestra guía sobre SEO de WordPress y los errores más comunes de WordPress y cómo solucionarlos.

Recomendamos

Populares