워드프레스 차일드 테마와 커스텀

워드프레스로 커스텀을 시작하기 위해 검색을 시작하면 가장 먼저 접하게 되는 정보가 차일드 테마일 것이다.
앞으로 작성될 포스트는 차일드 테마 설정이 선행되어야 하는 내용들이라서 간단히 정리해 보았다.

아래 이미지로 참고하자. 이 웹사이트는 The7과 twenty twenty three 테마가 설치되어 있는 상태이다. 두 개의 테마가 설치되어 있지만, 4개의 폴더를 갖고 있다.
오리지널 테마 폴더 2개와 차일드 테마 2개가 있기 때문이다.
오리지널 테마와 차일드 테마는 부모와 자식 테마라고 생각하자.

차일드 테마를 사용해야 하는 이유

테마는 개발사(자)를 통해 계속 업데이트된다. 테마의 파일을 직접 수정할 경우 테마를 업데이트할 때 수정한 파일이 모두 새로운 파일로 업데이트되는 문제가 생긴다. 차일드 테마를 이용하면 원본 테마는 놔두고 커스텀만 차일드 테마를 이용하여 할 수 있게 된다. 이렇게 할 경우 테마 업데이트에서도 자유롭게 된다.

차일드 테마로 할 수 있는 방법은 매우 많지만, 기본적으로 function.php와 style.css를 가장 많이 다루게 된다.

funtion.php 파일에 코드를 추가하여 워드프레스 웹사이트의 기능을 추가하거나 변경할 수 있으며, style.css 파일에 코드를 추가하여 디자인을 수정할 수 있다.

차일드 테마 생성 방법

세 가지 방법을 소개한다.

– 직접 만드는 방법, 아래 링크를 참고하자.

워드프레스 문서 – How to Create a Child Theme

– 유료 테마의 경우 차일드 테마를 제공해주기도 한다. 폴더명에 child가 붙어있는지 확인해보자. 유명 테마의 경우에도 검색을 통해 손쉽게 구할 수 있다.

– 플러그인을 이용하여 생성하는 방법도 있다.

플러그인 – Child Theme Configurator

차일드 테마 적용 방법

오리지널(부모) 테마와 차일드 테마를 모두 설치한 뒤 차일드 테마를 활성화해야 한다.

(1) 관리자 페이지 → ‘외모’ 메뉴에서 테마 파일(zip)을 직접 업로드하거나
FTP(SFTP)로 서버에 접근하여 /wp-content/themes/ 폴더 안에 차일드 테마를 직접 업로드한다.

(3) 오리지널(부모) 테마와 차일드 테마를 모두 설치하였다면 관리자 메뉴 → ‘외모’ 메뉴에서 차일드 테마를 활성화한다.

차일드 테마에서 커스텀 하는 방법

(1) 직접 서버(/www/wp-content/themes/테마명-child/)에 접속하여 파일을 수정한다,

(2) 관리자 페이지 → 외모 → ‘테마 파일 편집기’를 이용하여 수정한다.

(3) 관리자 페이지 → 외모 → 사용자 정의 → 테마에서 제공하는 편집기 이용하여 수정한다.

간단하게 차일드 테마의 설치와 function.php, style.css를 수정하는 방법을 소개했다. 이제 워드프레스를 직접 커스텀 해보자.