본문 바로가기
카테고리 없음

워드프레스에서 자식테마 생성하기

by 부부정 2025. 7. 12.

워드프레스로 자식 테마를 만드는 과정은 웹사이트의 디자인을 사용자 맞춤으로 수정하면서도 원본 테마의 업데이트를 안전하게 유지할 수 있는 가장 좋은 방법 중 하나입니다. 자식 테마는 부모 테마의 모든 기능과 스타일을 물려받으며, 필요에 따라 이를 덮어쓰는 방식으로 작동합니다. 이 방식을 통해 테마 파일을 직접 수정하지 않고도 디자인과 기능을 자유롭게 변경할 수 있어 초보자와 개발자 모두에게 유용합니다.

워드프레스 자식테마 생성하기

시작하기

자식 테마를 만들기 위해서는 먼저 FTP나 파일 관리자, 혹은 워드프레스 내장 파일 편집 기능을 사용할 수 있는 환경이 필요합니다. 준비가 되었다면, 자식 테마를 설치한 테마 디렉토리에 생성할 차례입니다. 워드프레스 설치 경로의 wp-content/themes 폴더로 이동해 원하는 이름으로 새 폴더를 만듭니다. 예를 들어, 부모 테마가 twentytwentyfour라면 twentytwentyfour-child라는 이름이 좋습니다.

 

이제 이 폴더 안에 최소 두 개의 파일을 생성해야 합니다.

첫 번째는 style.css 파일입니다. 이 파일에는 자식 테마의 정보를 담고 있으며, 반드시 부모 테마와의 연결이 명시되어야 합니다.

기본 구조는 다음과 같습니다:

css

/* Theme Name: Twenty Twenty-Four Child Template: twentytwentyfour */

여기서 Theme Name은 자식 테마의 이름이며, Template은 부모 테마 폴더 이름과 정확히 일치해야 합니다.

이 외에도 작성자의 이름, 설명, 버전 등의 정보를 추가할 수 있지만 필수는 아닙니다.

두 번째 파일은 functions.php입니다. 이 파일을 통해 부모 테마의 스타일을 불러오는 코드를 추가할 수 있습니다.

가장 기본적인 코드는 다음과 같습니다:

php

<?php function child_theme_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); } add_action( 'wp_enqueue_scripts', 'child_theme_styles' );

이 코드는 부모 테마의 스타일을 자식 테마에 적용되도록 해줍니다. 경우에 따라 자식 테마의 style.css를 함께 등록하거나, 추가적인 스크립트를 삽입할 수도 있습니다.

 

적용하기

파일을 저장하고 관리자 페이지로 이동하면, 모양 > 테마 메뉴에서 새로 만든 자식 테마가 목록에 표시됩니다.

이 테마를 활성화하면 부모 테마의 모든 기능은 그대로 유지하면서, 원하는 부분만 수정할 수 있게 됩니다.

예를 들어, 헤더 디자인을 변경하고 싶다면 header.php 파일을 자식 테마 폴더에 복사해 수정하면 됩니다.

워드프레스는 동일한 이름의 파일이 자식 테마에 존재하면 이를 우선적으로 사용합니다.

장점

자식 테마의 장점은 단순히 디자인 커스터마이징에 그치지 않습니다. 테마가 업데이트될 때 변경사항이 부모 테마에만 적용되므로, 사용자가 수정한 자식 테마는 그대로 유지됩니다. 이는 웹사이트의 유지보수를 훨씬 안정적으로 만들어줍니다. 또한 CSS 뿐만 아니라 PHP 함수, 자바스크립트, 템플릿 파일 등 다양한 요소를 자유롭게 커스터마이징할 수 있어 더 강력한 웹사이트 제작이 가능합니다.

마무리

마지막으로, 자식 테마를 사용할 때는 항상 변경 사항을 백업하고, 수정 전후에 사이트가 정상 작동하는지 확인하는 습관이 필요합니다. 또한, 캐시 플러그인이 설치되어 있다면 자식 테마 적용 후 캐시를 반드시 삭제해야 변경 내용이 반영됩니다.

워드프레스로 자식 테마를 만드는 과정은 다소 기술적인 부분이 있지만, 한 번 익혀두면 반복해서 활용할 수 있는 매우 유용한 스킬입니다. 자신의 웹사이트를 보다 창의적이고 독창적으로 표현하고 싶다면, 자식 테마 제작은 필수적인 단계라 할 수 있습니다.