» 워드프레스 » 워드프레스 차일드 테마 만드는 제일 쉬운 방법

워드프레스 차일드 테마 만드는 제일 쉬운 방법

테마에도 자식 테마(차일드 테마)가 있다. 티스토리의 사용자 수정 스킨의 개념과 비슷하다. 티스토리는 스킨을 수정하는 순간 사용자 정의 스킨이 자동으로 저장되지만, 워드프레스는 자식 테마를 따로 생성해줘야 하는 차이점이 있다.

차일드 테마의 개념

워드프레스의 공식 테마 핸드북에 정의에 의하면, 차일드 테마는 부모 테마의 확장으로 디자인과 기능 등 기본적으로 부모 테마의 모든 것을 포함하는 것을 말한다.

차일드 테마는 부모 테마의 파일을 직정 수정하지 않고도 부모 테마를 사용자 정의하는 데 사용할 수 있다. 즉, 자식 테마를 사용하면 부모 테마가 업데이트 되더라도 자식 테마에서 사용자 정의한 사항을 잃지 않는 편리함이 있다.

워드프레스에서 부모 테마는 Twenty Twenty-Five 등 워드프레스의 기본 테마와 아바다, GeneratePress 등 워드프레스에 설치하고 활성화할 수 있는 모든 테마를 의미한다. 워드프레스 테마 핸드북은 아래 링크 참조.

차일드 테마 필요성

부모 테마에서 직접 PHP(functions.php 등 ) 파일이나 CSS를 수정하면, 테마 업데이트 시 사용자 정의한 사항들이 모두 사라지게 된다.

부모 테마 대신 차일드 테마에서 PHP(functions.php 등 ) 파일이나 CSS를 수정하면 테마 업데이트에도 사용자 정의한 내용이 그대로 보존되므로 따로 수정할 필요가 없다.

하지만, 테마 편집에서 CSS 추가로 간단히 처리할 수 있는 스타일 변경이나 주로 플러그인을 이용해 테마를 수정하는 사용자라면 자식 테마 사용이 더 번거로울 수 있다.

차일드 테마 생성 방법

차일드 테마를 자체적으로 제공하는 (유료)테마도 있지만 워드프레스 기본 테마인 Twenty Twenty-Five 등은 차일드 테마를 제공하지 않고 있다.

이 경우, FTP 등을 이용하여 차일드 테마를 직접 만들거나 플러그인을 통해 간단하게 만들 수 있다. 차일드 테마를 직접 만드는 경우에는 위에서 언급한 테마 핸드북의 “자식 테마를 만드는 방법”을 참고하면 된다. FTP에 접속하는 방법은 아래 문서 참고.

플러그인을 통해 차일드 테마를 만드는 경우는 워드프레스가 만든 “Create Block Theme” 플러그인이 괜찮은 것 같다. 워드프레스가 만든 만큼 필수적인 기능만 담고 있어 가볍고 보안을 신경 쓰지 않아도 된다.

이 플러그인은 자식 테마 만들기 뿐만 아니라 테마 복사하기, 빈 테마 만들기, 테마 내보기 등을 할 수 있다. 다음은 “Create Block Theme” 플러그인으로 차일드 테마 만드는 순서를 설명한 것이다.

차일드 테마 만드는 순서

새 플러그인 추가에서 “블록 테마 만들기” 또는 “Create Block Theme” 검색 후 설치 및 활성화

차일드 테마 만드는 방법과 순서

①모양» ②블록 테마 만들기» ③”Twenty Twenty-Five”의 자식을 만듭니다.” 클릭하면 “블록 테마 만들기” 팝업 창이 뜬다.

블록 테마 만들기에서 ④테마 이름 입력» ⑤테마 설명» ⑥하위 테마 만들기 클릭하여 테마 편집기 화면이 열리면 차일드 테마 만들기 완료

테마 이름은 대개 “부모 테마 이름-child” 이런 식으로 많이 쓴다. 테마 이름은 자유이므로 “My- Twenty Twenty-Five”와 같이 넣어도 상관 없다. 테마 설명과 작성자는 빈칸으로 둬도 되고 자신이 이름을 넣어도 된다.

위 과정을 마친 후 모양» 테마에 가서 MY-Twenty Twenty-Five 활성화 되어 있는 지 확인하는 것으로 차일드 테마 만들기 모든 과정은 완료된 것이다.

차일드 테마 편집하는 방법

테마 편집은 이전과 마찬가지로 모양» 테마 편집기에서 하면 되고, 테마 파일 편집은 도구» 테마 파일 편집기에서 하면 된다.

차일드 테마에서 활용도가 가장 높은 파일이 “functions.php”가 아닐까 한다. 차일드 테마의 “functions.php” 파일은 부모 테마의 functions.php 파일을 오버 라이드하지 않으므로 부모 테마의 코드를 자식 테마로 복사하면 치명적인 오류가 발생할 가능성이 높다.

“functions.php” 파일은 새로 하나 만들어서 차일드 테마에 올려주어야 한다.

워드프레스 최적화 도움 글


댓글