[꿀팁] 워드프레스 차일드테마(Child Theme) 기능을 간편하게 설정하는 방법 - 워드프레스톡

/ 꿀팁  


◼︎ 워드프레스 차일드테마를 설정해야 하는 이유

워드프레스톡(WP-TALK.COM)

워드프레스 차일드테마(Child Theme)는 워드프레스 프레임워크의 핵심 기능 중 하나로, 워드프레스의 테마 파일을 수정(커스터마이징)하고자 할 때, 원본 테마(부모 테마, Parent Theme)를 직접 변경하지 않고 백업(차일드테마로 표현)된 파일을 대신 수정할 수 있도록 고안된 기능입니다.

차일드 테마를 설정하여 원하는 부분을 수정하면, 원본(부모) 테마가 자동적으로 업데이트(Auto-update)되더라도, 사용자가 기존에 수정한 부분은 차일드 테마 내에 그대로 남아 있기 때문에, 수정한 내용이 의도치 않게 변경되거나 삭제될 염려없이 해당 내용을 안전하게 유지할 수 있습니다.


◼︎ 워드프레스 차일드테마 기본 설정 방법

1. 신규 디렉토리 생성

“wp-content/themes” 폴더에 새로운 폴더를 생성합니다. 원본(부모) 테마와 차일드테마는 동일한 “themes” 폴더 내에 위치합니다.


워드프레스 설치 디렉토리 (Public)
└ wp-content
└ themes
└ “신규 폴더”


일반적으로 원본(부모) 테마 디렉토리 이름이 “wptalk” 라면, 차일드테마로 사용할 새로운 폴더 이름은 “wptalk-child”와 같이 명명합니다.


2. “style.css” 파일 생성

원본 테마의 “style.css” 파일 경로(File Path)를 확인한 뒤, 차일드테마 폴더의 동일한 위치에 새로운 “style.css” 파일을 생성 합니다. 새로운 “style.css” 파일을 생성한 뒤, 파일을 열고 가장 상단에 아래와 같이 코드를 입력합니다.

1
2
3
4
5
6
7
/*
Theme Name: WP-TALK Theme Child
Author: wptalk
Template: wptalk // 원본(부모) 테마 디렉토리 이름
Version: 1.0.0
Text Domain: wptalk-child
*/

이 때 유의할 점은, 항목명(“Theme Name” 등)에 오타가 없어야 하며, “Template” 항목에 대한 내용은 반드시 원본(부모) 테마 디렉토리 이름과 동일하게 설정해야 합니다.


3. “functions.php” 파일 생성

차일드테마(Child Theme) 폴더에 새로운 “functions.php” 파일을 생성한 뒤, 아래의 코드를 그대로 입력 합니다.

1
2
3
4
5
6
7
8
9
10
function wptalk_enqueue_styles() {
$parent_style = 'parent-style';
wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style',
get_stylesheet_directory_uri() . '/style.css',
array( $parent_style ),
wp_get_theme()->get('Version')
);
}
add_action( 'wp_enqueue_scripts', 'wptalk_enqueue_styles' );


4. “screenshot.png” 파일 복사해 오기

“screenshot.png” 파일은 관리자(어드민) 대시보드에서 해당 테마를 소개할 때 사용되는 이미지 파일입니다.

원본(부모) 테마의 “screenshot.png” 파일을 복사해서 차일드테마 폴더에 붙여 넣습니다.


◼︎ 워드프레스 차일드테마 활용 방법

원본(부모) 테마 내에서 수정하고자 하는 파일의 디렉토리 경로( 예: “부모 테마” - assets - file.php )를 파악한 뒤, 아래와 같이 차일드테마 폴더 내에 동일한 폴더( assets )와 파일( file.php )을 생성합니다.


분류 예시
부모테마 “부모 테마”-assets-file.php
차일드테마 “차일드 테마”-assets-file.php

수정하고자 하는 부분이 있을 때, 부모 테마와 동일한 경로에 위치한 차일드테마 폴더 내의 파일( “차일드 테마” - assets - file.php )을 수정하면, 부모 테마의 파일을 변경하지 않아도, 해당 효과를 그대로 적용할 수 있습니다.

앞서 소개한대로 차일드테마를 활용하면, 원본(부모) 테마가 변경되더라도 수정된 부분이 덮어쓰기되거나 삭제될 염려가 없이 안심하고 테마를 커스터마이징(Customizing) 할 수 있습니다.


◼︎ 워드프레스 차일드테마 온라인 빌더

워드프레스톡 매거진

만약 위에서 설명된 방법이 어렵게 느껴진다면, 워드프레스 차일드 테마 온라인 빌더(WordPress Child Theme Builder) 사이트를 이용해서 간편하게 차일드 테마를 생성할 수 있습니다.


[참고] 워드프레스 차일드(자식) 테마를 무료 온라인 빌더로 간편하게 자동 생성하는 방법


◼︎ 맺음말

워드프레스톡 매거진

워드프레스톡(WP-TALK.COM)이 소개해 드리는 방법들을 통해, 워드프레스를 보다 편리하게 활용하는데 도움이 되기를 바랍니다.

워드프레스(WordPress) 사이트 개선 및 각종 문제 해결, 워드프레스 핵심 원리 교육, 코딩을 통한 온라인 업무 자동화(Task Automation) 등에 대한 문의 사항이 있으시면, 카카오톡으로 연락 주세요.


◼︎ 도움이 될 만한 연관 추천 글

워드프레스 최신 테마/플러그인/호스팅 실시간 할인/무료 정보 모음(WordPress Item Sale Now)

워드프레스톡(WP-Talk)은 워드프레스(WP) 웹사이트에 대한 문제가 있을 시, 문제를 신속하게 진단하고 해결해 드립니다. 서비스에 대한 문의 사항이 있으시면, 카카오톡으로 연락 주세요.


워드프레스톡 매거진(WP-TALK)

저작권자 ⓒ 워드프레스톡 ( news.wp-talk.com ) | 무단 전재 및 재배포 금지