WordPress 및 GitHub 통합

게시 됨: 2023-02-12

WordPress용 테마 및 플러그인을 개발하는 것은 재미있고 수익성이 있습니다. 워크플로, 버전 제어 및 스토리지를 관리하는 방법은 여러 가지가 있지만 사용 가능한 최상의 도구에 초점을 맞추면 프로젝트를 한 단계 끌어올리는 데 도움이 될 수 있습니다.

다행스럽게도 GitHub를 사용하면 작업이 훨씬 쉬워집니다. 개발자를 위한 유용한 도구가 많이 있는 인기 있는 오픈 소스 코드 리포지토리입니다. 또한 현재 세계에서 가장 큰 오픈 소스 코드 호스트로 3,400만 명 이상의 사용자와 1억 개 이상의 리포지토리를 자랑합니다.

이 문서에서는 WordPress 개발 사이트를 GitHub와 통합하는 데 필요한 전체 가이드를 제공합니다. 또한 워크플로우에 추가하는 것을 고려할 수 있는 일부 플러그인을 살펴보겠습니다. 코딩을 해보자!

목차
1. GitHub와 WordPress를 결합하는 방법(4단계)
1.1. 1단계: 로컬 WordPress 환경 생성
1.2. 2단계: GitHub 설치
1.3. 3단계: 리포지토리 생성
1.4. 4단계: 리포지토리 게시
2. WordPress용 Github 플러그인
2.1. 1. Github 임베드
2.2. 2. GitHub 업데이터
3. 다음 단계
4. WP 엔진으로 제어 유지

GitHub와 WordPress를 결합하는 방법(4단계)

WordPress 개발 환경을 GitHub와 결합하려면 몇 가지 중요한 단계를 거쳐야 합니다. 이것은 로컬 WordPress GitHub 환경을 만드는 것으로 시작됩니다. 그런 다음 GitHub 설치 및 첫 번째 리포지토리 생성으로 이동합니다.

1단계: 로컬 WordPress 환경 생성

WordPress용으로 개발할 계획이라면 고품질의 로컬 개발 환경을 구축하는 것이 가장 좋습니다. 이를 위해 로컬을 사용하는 것이 좋습니다.

로컬에서 개발한다는 것은 프로덕션 서버를 모방하는 환경을 만들 수 있음을 의미합니다. 이미 실행 중인 항목을 중단하지 않고 오프라인에서 소스 코드를 개발하고 테스트할 수 있습니다.

로컬 환경을 설정하면 필요한 모든 개발자 기능과 도구를 마음대로 사용할 수 있습니다. 시작하려면 무료 다운로드를 선택할 수 있습니다! 홈 페이지에서 운영 체제를 선택하십시오.

소프트웨어 패키지를 다운로드하고 시스템 설치 프로세스를 완료한 후 Local을 열고 로컬 개발 사이트 설정을 시작할 수 있습니다. 메시지가 표시되면 새 사이트 만들기를 클릭합니다.

다음으로 개발 사이트의 이름을 입력합니다. 로컬 사이트 도메인 이름과 경로가 자동으로 채워집니다. 그러나 필요한 경우 찾아보기 옵션을 사용하여 사이트의 다른 로컬 경로를 선택할 수 있습니다.

Blueprint에서 사이트 생성 옵션도 있습니다 . 즉, 여러 사이트 또는 개발 프로젝트를 모으기 시작하면 자주 사용하는 WordPress 테마 및 플러그인 세트를 함께 패키징할 수 있습니다. 그런 다음 Blueprint를 사용하면 새 개발 사이트를 만들 때 Blueprint에 빠르게 액세스하고 로드할 수 있습니다.

도메인 이름 선택을 마친 후 계속을 클릭합니다. 다음으로 로컬 WordPress 설치를 위한 사용자 이름과 비밀번호를 선택하라는 메시지가 표시됩니다.

개발 환경이 완료되면 새 사이트 정보가 요약된 화면이 표시됩니다.

이것은 Flywheel로 생성한 모든 로컬 사이트의 기본 대시보드가 ​​됩니다. 여기에서 사이트 상태를 빠르게 확인하고 볼 수 있으며 Admin 을 선택하여 WordPress 관리 대시보드로 이동할 수 있습니다. 또한 WordPress 데이터베이스, 보안 및 기타 유틸리티 정보를 쉽게 볼 수 있습니다.

2단계: GitHub 설치

WordPress에서 GitHub를 사용하려면 무료 GitHub 계정을 만들고 로컬 드라이브에 Git을 다운로드하여 설치해야 합니다. Git은 GitHub의 모든 워크플로를 처리하는 오픈 소스 버전 제어 시스템(VCS)입니다.

Git을 설치하고 구성하는 데 사용할 수 있는 항목에는 두 가지가 있습니다. 명령줄 도구를 사용하는 것이 편하다면 이것이 한 가지 옵션입니다. 또는 GitHub 데스크톱 클라이언트를 사용할 수 있습니다.

이 데모에서는 GitHub Desktop을 다운로드하여 설치합니다. 파일을 다운로드하고 압축을 푼 후 GitHub 정보로 로그인해야 합니다.

Git 작동 방식에 익숙하지 않은 경우 Git을 작업 흐름의 중개인으로 생각할 수 있습니다. GitHub는 프로젝트를 호스팅할 수 있는 곳이고 Git은 작업할 수 있도록 GitHub 리포지토리를 로컬 개발 환경으로 가져오는 기능입니다.

완료되면 Git을 사용하여 변경 사항을 GitHub에 푸시할 수 있으므로 파일이 항상 최신 상태로 유지됩니다.

3단계: 리포지토리 생성

이제 로컬 환경을 사용할 준비가 되었고 컴퓨터에 WordPress 및 Git이 설치되었으므로 프로젝트를 위한 리포지토리를 만들 준비가 되었습니다. GitHub Desktop에서 Create a New Repository on Your Hard Drive를 선택할 수 있습니다.

그러면 새 로컬 리포지토리를 구성하라는 메시지가 표시됩니다.

리포지토리의 이름을 지정하고 필요한 경우 라이선스 선택과 같은 몇 가지 기타 설정을 구성한 후 리포지토리 생성 을 클릭합니다. 그러면 GitHub Desktop 사용자 인터페이스에 새 리포지토리가 표시됩니다.

이것은 프로젝트의 명령 중심입니다. 여기에서 변경 사항을 커밋하고 리포지토리를 GitHub에 게시할 수 있습니다. 또한 GitHub 웹 사이트에서 리포지토리를 만들 수 있습니다.

이 방법으로 리포지토리를 만들면 데스크톱 인터페이스의 복제 리포지토리 기능을 사용하여 로컬 개발 환경으로 가져올 수 있습니다.

GitHub에서 복제할 리포지토리를 선택하고 로컬 경로를 설정한 후 Clone을 클릭하여 작업을 완료합니다.

4단계: 리포지토리 게시

로컬 리포지토리 폴더에 파일을 추가하면 GitHub 데스크톱에 나타납니다. 여기에서 변경을 시작하고 코드 편집기를 열고 리포지토리를 GitHub에 게시할 수 있습니다.

저장소 게시를 클릭하면 설명을 추가하고 게시 프로세스를 완료하라는 메시지가 표시됩니다.

그런 다음 GitHub 계정을 확인하여 리포지토리가 게시되었는지 확인할 수 있습니다.

파일을 변경하고 Local by Flywheel WordPress 환경에서 테스트할 때 GitHub Desktop에서 변경 사항을 쉽게 커밋할 수 있습니다. 그런 다음 클릭 한 번으로 업데이트된 리포지토리를 GitHub에 게시할 수 있습니다.

WordPress용 Github 플러그인

GitHub에 의미 있는 기능을 추가하는 WordPress용 플러그인은 많지 않습니다. 게시된 리포지토리를 통해 블로그를 업데이트할 수 있도록 설계된 일부 최신 및 검증되지 않은 플러그인을 사용할 수 있습니다. 그러나 개발자에게 유용한 기능을 제공하는 두 가지 신뢰할 수 있는 옵션이 있습니다 .

1. Github 임베드

Github Embed는 웹 사이트에 GitHub 정보를 삽입할 수 있는 무료 WordPress 플러그인입니다. WordPress 페이지 및 게시물에서 간단한 링크를 사용하여 이 작업을 수행할 수 있습니다. 웹사이트에 GitHub 링크를 삽입하면 해당 리포지토리를 변경할 때마다 링크가 업데이트됩니다.

이는 테마와 플러그인을 판매하는 개발자에게 특히 유용합니다. 이 도구를 사용하면 새로운 변경 사항, 문제 및 개선 사항에 대해 고객에게 쉽게 최신 정보를 제공할 수 있습니다.

2. GitHub 업데이터

GitHub에서 다운로드하고 WordPress 웹사이트에 추가하는 플러그인과 테마는 업데이트 플래그가 지정되지 않는다는 점에 유의해야 합니다. 즉, 개발자가 변경하면 WordPress 대시보드에 알림이 표시되지 않습니다.

여기에서 GitHub Updater 플러그인이 도움이 될 수 있습니다. GitHub 테마 및 플러그인에 대해 자동 업데이트를 사용할 수 있도록 개발되었습니다. 일부 GitHub 개발자는 WordPress 웹 사이트에 프로젝트를 설치할 때 이 플러그인을 사용해야 합니다.

다음 단계

이제 Flywheel, WordPress 및 GitHub 간에 Git 워크플로를 만들 준비가 모두 완료되었습니다! GitHub에서 코드를 검색하고 고유한 테마 및 플러그인을 만들거나 WordPress 커뮤니티의 현재 프로젝트에 기여할 수 있습니다.

개발 워크플로를 개선하는 것 외에도 GitHub의 많은 기능과 도구를 활용할 수도 있습니다. 예를 들어 GitHub Pages를 사용하여 리포지토리를 라이브 웹 사이트로 바로 푸시할 수 있습니다. GitHub는 또한 동일한 프로젝트에서 작업하는 대규모 팀이 있는 프로젝트에 매우 효과적입니다.

WP 엔진으로 제어 유지

GitHub와 보다 간소화된 개발 워크플로를 지향하면 프로젝트의 게임 체인저가 될 수 있습니다. 이 플랫폼은 프리랜서에게 이상적일 뿐만 아니라 오픈 소스 커뮤니티에서 일어나는 혁신에 추가됩니다.

여기 WP Engine에서는 오픈 소스 개발의 힘을 믿습니다. 이것이 우리가 WordPress 사용자를 위한 최고의 개발자 리소스를 제공하기 위해 노력하는 이유입니다. 다음 프로젝트에 대한 계획을 확인하십시오!