워드프레스 차일드테마 설정, 케이던스 테마로 따라하기
워드프레스 테마 파일에 코드를 추가했는데 업데이트 후 사라졌다면, 수정한 위치부터 다시 확인해야 합니다. 원본 테마 파일은 업데이트 과정에서 언제든 교체될 수 있기 때문이죠. 이때 워드프레스 차일드테마 활용은 번거로움을 최소화 할 수 있는 방법이 될 것입니다.
오늘은 케이던스(Kadence) 테마를 기준으로 차일드테마 설치와 설정 순서까지 알려드립니다.
워드프레스 차일드테마 언제, 왜 필요할까?
차일드테마는 부모 테마의 기능과 디자인을 바탕으로, 별도의 파일에 수정 내용을 담는 자식 테마를 의미합니다. 워드프레스에서 부모 테마를 업데이트해도 자식 테마에 작성한 코드를 유지하는데 도움이 되죠.
예를 들어 글이 표시되는 PHP 템플릿을 바꾸거나, 별도의 페이지 템플릿을 제작할 때 활용할 수 있습니다. 다만 모든 사이트에 필요한 것은 아닙니다.
케이던스의 사용자 정의 메뉴에서 색상·글꼴·레이아웃을 설정하거나 블록 편집기로 콘텐츠를 만드는 정도라면, 차일드테마부터 설치할 필요는 없습니다.
차일드테마가 없다고 작성한 글이나 일반 설정이 업데이트 때 모두 사라지는 것도 아니기 때문이죠. 보호하려는 대상은 주로 테마 파일을 직접 수정한 내용입니다. 해킹 방지나 사이트 백업을 대신하는 기능과도 구분해야 합니다.
설치 전, 현재 사이트와 테마 설정을 보관하기
이미 케이던스로 만든 사이트라면 차일드테마를 활성화하기 전에 기존 설정을 내보내세요. 사용자 정의 설정은 테마별로 관리되므로, 테마를 전환하면 색상이나 헤더 등이 다르게 보일 수 있습니다.
이 과정은 다음과 같은 절차로 진행됩니다.
- 먼저 사이트 파일과 데이터베이스를 백업합니다. 설정 내보내기는 사이트 전체 백업을 대신하지 않기 때문에 데이터베이스 백업이 우선입니다.
- ‘외모 → 테마’에서 현재 사용 중인 부모 테마가 Kadence인지 확인합니다. 이미 다른 차일드테마를 쓰고 있다면 이 절차로 교체하지 말고 기존 수정 내용부터 확인하세요.
- ‘플러그인 → 새 플러그인 추가’에서 Kadence의 Starter Templates 플러그인을 찾아 설치/활성화합니다. 이미 사용 중이면 추가 설치할 필요는 없습니다.
- 부모 Kadence 테마가 활성화된 상태에서 ‘외모 → 사용자 정의하기 → Import/Export’로 이동합니다.
- ‘Export’를 눌러 설정 파일을 내려받습니다. 파일 이름은 ‘kadence-theme-export.dat’ 형태입니다.
여기서는 설정을 내보내는 기능만 사용합니다. 새로운 데모 사이트를 불러오거나 ‘Reset’을 누르지 마세요. 기존 화면을 보관하려는 작업인데 설정을 초기화하면 안 되겠죠.
추가 CSS를 사용했다면 그 내용도 별도로 복사해 두면 전환 후 비교하기 좋습니다.
케이던스 차일드테마 설치하고 기존 설정 가져오기
한 가지 반가운 소식은 직접 파일을 만들 필요 없이 케이던스가 제공하는 기본 차일드테마 ZIP을 이용할 수 있다는 점입니다. 아래 공식 안내의 ‘Download Kadence Child Theme’ 버튼으로 내려받으세요.
공식 다운로드 안내: https://docs.nexcess.com/software/kadence/what-is-child-theme-do-i-need-one/
이후 다음 절차로 설치하고 설정까지 이어집니다.
- 워드프레스 관리자에서 ‘외모 → 테마 → 새 테마 추가 → 테마 업로드’를 엽니다.
- 내려받은 ‘kadence-child.zip’을 압축을 풀지 않은 상태로 선택하고 ‘지금 설치’를 누릅니다.
- 설치가 끝나면 차일드테마를 ‘활성화’합니다. 부모 Kadence 테마는 비활성 상태로 남아 있어도 절대 삭제하면 안 됩니다. 자식 테마가 작동하는 데 필요한 본 테마입니다.
- 다시 ‘외모 → 사용자 정의하기 → Import/Export’로 이동합니다.
- ‘Choose File’에서 앞서 저장한 설정 파일을 선택하고 ‘Import’를 누릅니다. 화면이 새로고침되면 기존 설정(색상, 폰트 확인)이 적용됐는지 확인하세요. 이후 별도로 수정한 항목은 ‘공개’ 버튼으로 저장합니다.
메뉴의 한글 표기나 위치는 버전에 따라 조금 다를 수 있습니다. Import/Export가 보이지 않으면 Starter Templates 플러그인이 활성화돼 있는지 먼저 확인하세요.
케이던스는 별도의 유료 Child Theme Builder를 구매해야만 기본 차일드테마를 설치할 수 있는 것은 아닙니다.
활성화 후 확인해야 하는 요소들
‘외모 → 테마’에서 차일드테마가 활성 상태인지 확인하고, 실제 사이트를 PC와 모바일에서 열어보세요. 로고/메뉴/헤더/푸터/글꼴/추가 CSS를 기존 화면과 비교하고, 문의 폼이나 구매 기능도 시험해 보면 됩니다.
메뉴 위치가 달라졌다면 ‘외모 → 메뉴’에서 연결 위치를 확인하세요.
아직 별도의 코드를 넣지 않았다면 차일드테마를 활성화해도 디자인이 달라지지 않는 것이 자연스럽습니다. 설치만으로 새로운 디자인이나 기능이 추가되는 것은 아니죠.
이미 부모 테마 파일을 직접 수정했다면 그 코드가 자식 테마로 자동 이동하지 않습니다. 기존 수정분을 확인해 옮겨야 하며, 특히 부모의 functions.php 전체를 복사하면 함수 중복으로 오류가 날 수 있으니 필요한 코드만 구분해서 옮겨야 합니다.
또한 차일드테마는 수정 내용의 보존을 돕지만, 업데이트 이후 호환성까지 보장하지는 않습니다. 부모 테마를 계속 업데이트하되 별도로 만든 기능이 정상 작동하는지 확인하세요.
차일드테마의 style.css에 직접 CSS를 작성하는 경우에는 해당 파일을 불러오는 설정도 필요할 수 있으므로 공식 안내를 참고해야 합니다.
워드프레스 차일드테마는 무조건 설치하는 필수 기능이라기보다, 테마 코드를 직접 수정할 때 준비하는 관리 방식 중 하나입니다. 내 사이트에 필요한지 먼저 판단하고, 적용한다면 오늘 소개한 절차에 따라 기존 설정 보관과 설치 후 확인까지 함께 진행해 보시기 바랍니다.