워드프레스 강좌 | Tips > 자식 테마(Child Theme) 만드는 방법

자식 테마(Child Theme) 만들기

Twenty Seventeen의 자식 테마 JB Theme를 만들어보겠습니다.

wp-content/themes 폴더에 jb라는 폴더를 만듭니다. (폴더 이름은 다르게 만들어도 상관없습니다.)

생성한 폴더 안에 다음의 코드를 입력한 style.css 파일을 만듭니다.

/*
  Theme Name: JB Theme
  Author:     JB
  Template:   twentyseventeen
*/
@import url("../twentyseventeen/style.css");

중요한 것은 빨간색 코드입니다. 부모 테마의 폴더 이름이 정확히 들어가야 합니다.

이제 테마 선택 화면으로 가면 JB Theme이라는 테마가 나올 것입니다.

자식 테마(Child Theme) 수정하기

스타일 수정

스타일을 수정하거나 추가할 때에는 보통 style.css에 코드를 넣습니다. 

템플릿 수정

템플릿 파일을 수정해야 한다면 수정할 파일을 자식 테마 폴더에 복사한 후 수정합니다.

예를 들어 index.php를 수정하고 싶다면 부모 테마의 index.php를 자식 테마 폴더에 복사한 후 필요한 수정을 합니다.

즉, 같은 이름의 파일이 자식 테마에 있다면 부모 테마의 것을 사용하지 않고 자식 테마의 파일을 사용합니다.

단, functions.php는 예외입니다. 부모 테마의 functions.php에 자식 테마의 functions.php 내용을 추가합니다.

Category

Created on 2017-04-03 16:12 | Updated on 2017-04-03 16:12

Book navigation