워드프레스테마를 Github(깃허브)에서 관리하기

워드프레스테마를 Github(깃허브)에서 관리하기

 

기존 스타일 시트를 수정하거나, 나만의 스타일 시트를 만들어 테마를 수정하거나, 테마 코드를 직접 수정하는 경우 모두 코드의 변화가 발생합니다. 하지만 코드를 매일 수정하는 것이 아니라면 어떤 코드를 수정했는지 기억하기가 너무 어렵습니다. 이런 경우 코드가 중복되거나 지저분해지는 경우도 있고 수정본을 수정하다보면 원래 코드가 어땠는지도 잊어버리는 경우가 많습니다. 오늘 제가 오랜만에 코드를 수정하다가 이러한 상황에 직면했는데요, 결국 깃허브를 통해 코드관리를 하기로 했습니다. 짧은 지식이지만 저와 같은 초보자 분들에게 도움이 되었으면 좋겠습니다.

 

깃(Git)?

깃(Git)은 분산형 버전관리 시스템으로 어떤 사람이 어떤 코드를 작성했는지 기록하고 추적하는 시스템입니다. 특히 많은 사람들이 하나의 소프트웨어를 개발할 때 유용합니다.

 

깃허브(Github)?

깃허브(Github)는 깃을 편하게 사용할 수 있게 도와주는 호스팅 서비스입니다. GUI도 지원하기 때문에 더욱 편리합니다.

 

깃허브에 계정만들고 프로젝트 리포지토리(Repository) 생성하기

가장 먼저 해야 할 일은 깃허브에 계정을 만드는 것입니다. 여기를 눌러 깃허브 계정을 만드세요

 

join_github_2

깃 허브에서 계정 만들기 ⓒ github.com

 

깃 허브 계정을 만든 후 홈페이지로 가면 아래와 같은 화면이 나옵니다. Start a project를 눌러 프로젝트를 생성합니다. (또는 여기를 눌러 프로젝트를 만드세요.)

 

join_github_1

깃 허브 홈페이지의 배너 ⓒ github.com

 

리퍼지토리 이름은 띄어쓰기가 들어갈 수 없습니다. 띄어쓰기 대신 언더바(_) 혹은 대쉬(-)를 넣어주세요. 리포지토리 설명은 넣어도 넣지 않아도 무방합니다. 리퍼지토리를 퍼블릭으로 공개하면 어떤 사람이든지 접근할 수 있습니다. 그걸 원치 않으시면 프라이빗으로 해주세요. 나머지 옵션은 사진처럼 모두 해제해 주세요. Create repository를 누르시면 리포지토리가 생성됩니다.

create_a_new_repository

Create repository ⓒ github.com

 

워드프레스 테마를 깃에 업로드하기

이제 워드프레스 테마를 깃에 업로드해야 합니다. 일단 현재 사용하고 있는 워드프레스 테마 폴더를 모두 로컬로 가져옵니다. 워드프레스 테마 폴더는 워드프레스 최상위 폴더에서 wp-content > themes 폴더 안에 있습니다. 저는 제가 사용하는 wonders-lite 테마를 가져온 후 터미널을 열어 워드프레스 테마 폴더를 다운로드 받은 디렉토리로 이동합니다. (터미널에서 특정 디렉토리로 이동하는 명령어는 cd 입니다.)

 

워드프레스 테마 폴더 안에 새로운 깃 저장소를 만들어야 합니다. 아래의 명령어를 입력해 새로운 깃 저장소를 만듭니다.

 

 

다음은 현재 로컬에 있는 워드프레스 테마 파일들을 깃에 올리기 위해 ‘추가’하는 작업입니다. 아래의 명령어를 입력해서 테마 파일들을 인덱스에 추가 합니다. 명령어를 입력해도 아무 변화가 없으니 당황하지 마세요.

 

 

git_init_and_add

git init 명령어와 git add * 명령어를 실행한 결과

 

 

다음은 인덱스에 추가한 파일들을 확정해야 합니다. 아래의 명령어를 입력해 추가한 파일들을 확정(Commit)합니다.  이 때 쌍따옴표 안에는 이번 확정본에 대한 설명이 들어갑니다. 

 

git_commit_result

git commit 명령어를 실행한 결과

 

지금까지 모든 작업은 내 컴퓨터 안(로컬)에서 이루어졌습니다. 이제 이 작업들을 아까 만들어놓은 깃허브의 리포지토리에 업로드를 해야 합니다. 먼저 내 로컬 저장소는 원격 저장소(깃허브 리포지토리)의 주소를 모르는 상태입니다.  먼저 로컬 저장소의 깃에게 원격 저장소의 주소를 알려주겠습니다. 원격 저장소의 주소는 리포지토리를 만든 후 나오는 화면에서 복사할 수 있습니다.  맨 뒤의 주소는 제 리포지토리의 주소이므로 본인의 리포지토리의 주소를 넣고 명령을 실행합니다

 

 

다음은 원격 저장소로 내 로컬의 파일들을 모두 올려줄겁니다. 아래의 명령어를 실행하여 원격 저장소로 파일을 올립니다. 

 

git_push_result

원격 저장소로 파일 전송이 끝난 상태

 

아래와 같은 화면이 나오면 정상적으로 원격 저장소에 파일들이 올라가있는 것입니다. 한번 깃허브에서 살펴볼까요? 이렇게 수많은 파일들이 업로드되어있는 것을 확인할 수 있습니다. 이제 내 로컬 저장소와 깃의 원격 저장소는 동기화가 되어 있는 상태입니다. 이제부터는 코드를 수정한 후 수정된 파일을 깃을 통해 관리할 수 있습니다.  

github_push_result

Github repository에 업로드된 테마 파일들 ⓒ github.com

 

마무리

깃을 통한 버전관리는 어렵지 않습니다. 특히 많은 사람과 함께 작업할때는 더 그렇습니다. 오늘은 git bash를 통해 워드프레스 테마 파일을 github에 올리는 작업을 해봤습니다. 깃허브에 대한 사용법을 설명드리기에는 제 실력이 아직 부족해서 다른 분들의 링크를 남깁니다. 깃에 대한 간단한 설명은 여기 또는 여기를 눌러 확인하세요!

 

 
 

 

Facebook Comments
« Previous Post
Next Post »

About Author

HEEJUNG

Matt 세상을 보고 무수한 장애물을 넘어 벽을 허물고 더 가까이 다가가 서로 알아가고 느끼는 것. 그것이 바로 제 인생의 목적입니다.