자식 테마 간단하게 만들기 정보
자식 테마 간단하게 만들기
본문
테마를 수정해야 하는 경우가 생길수 있는데 원본 테마에서 일부 기능만을 변경하고 원본 테마의 코드는 보관을 하고 싶다면 자식 테마를 만들어서 수정하면 됩니다.
자식 테마를 만드는것은 의외로 간단합니다.
코덱스를 참고하셔도 되구요.
한글 코덱스 : http://codex.wordpress.org/ko:Child_Themes
영문 코덱스 : http://codex.wordpress.org/Child_Themes
코덱스에서 설명하지 않는것은 아래에서 간단하게 설명하고자 합니다.
복사할 부모 테마가 있어야 하므로 워드프레스 설치시 기본으로 제공되는 기본 테마인 twentyfifteen 테마를 기준으로 설명하겠습니다.
/wp-content 폴더로 이동하여 폴더를 하나 만듭니다.
이때 twentyfifteen 테마의 자식 테마를 만드는 것이므로 twentyfifteen-child 와 같은 이름으로 폴더를 만드는 것이 좋습니다. 그러나 폴더명은 아무렇게나 만드셔도 좋습니다. 여기서는 child 라는 폴더명으로 만들겠습니다.
child 라는 폴더만 하나 만들었을 뿐인데 망가진 테마라고 나오며 스타일시트를 찾을수 없다는 오류 메세지가 나왔습니다.
child 폴더에 아래와 같은 코드로 style.css 를 하나 만듭니다.
여기서 빨간색으로 표시해 놓은 Template: 부분이 가장 중요합니다.
부모 테마를 선언하는 것이지요.
/*
Theme Name: Twenty Fifteen Child
Theme URI: http://example.com/twenty-fifteen-child/
Description: Twenty Fifteen Child Theme
Author: John Doe
Author URI: http://example.com
Template: twentyfifteen
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: child
*/
style.css 만 생성했는데 아래와 같이 노출이 되고 있습니다.
child 폴더에 functions.php 를 아래와 같은 코드로 하나 만듭니다.
<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
?>
위 코드를 저장한후 확인해 보면 아래와 같이 정상 작동하는 것을 확인할수 있습니다.
이제 사용하는데 아무런 불편이 없지만 테마를 확인할때 스크린샷이 없어 투명으로 표시됩니다.
child 폴더에 screenshot.png 파일을 하나 복사해 주면 아래와 같이 테마 이미지가 정상 출력되는 것을 확인할수 있습니다.
이제 원본 테마는 놔둔채 child 테마를 수정하여 원하는 기능이나 디자인을 수정하시면 됩니다.
3
댓글 2개
정리가 깔끔해서 좋습니다 ^^^^^ㅎㅎㅎ
