자식 테마 간단하게 만들기 > 자유게시판

자유게시판

자식 테마 간단하게 만들기 정보

자식 테마 간단하게 만들기

본문

테마를 수정해야 하는 경우가 생길수 있는데 원본 테마에서 일부 기능만을 변경하고 원본 테마의 코드는 보관을 하고 싶다면 자식 테마를 만들어서 수정하면 됩니다.

 

자식 테마를 만드는것은 의외로 간단합니다. 

 

코덱스를 참고하셔도 되구요.

한글 코덱스 : http://codex.wordpress.org/ko:Child_Themes

영문 코덱스 : http://codex.wordpress.org/Child_Themes 

 

코덱스에서 설명하지 않는것은 아래에서 간단하게 설명하고자 합니다.

 

복사할 부모 테마가 있어야 하므로 워드프레스 설치시 기본으로 제공되는 기본 테마인 twentyfifteen 테마를 기준으로 설명하겠습니다.

 

/wp-content 폴더로 이동하여 폴더를 하나 만듭니다.

이때 twentyfifteen 테마의 자식 테마를 만드는 것이므로 twentyfifteen-child 와 같은 이름으로 폴더를 만드는 것이 좋습니다. 그러나 폴더명은 아무렇게나 만드셔도 좋습니다. 여기서는 child 라는 폴더명으로 만들겠습니다.

 

child 라는 폴더만 하나 만들었을 뿐인데 망가진 테마라고 나오며 스타일시트를 찾을수 없다는 오류 메세지가 나왔습니다.

 dfd2c76c2242f15ff6ffe68692169d78_1437097172_9236.png 

 

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 만 생성했는데 아래와 같이 노출이 되고 있습니다.

 

dfd2c76c2242f15ff6ffe68692169d78_1437097672_9958.png
 

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' );

?>

 

위 코드를 저장한후 확인해 보면 아래와 같이 정상 작동하는 것을 확인할수 있습니다.

 

dfd2c76c2242f15ff6ffe68692169d78_1437098251_0886.png
 

이제 사용하는데 아무런 불편이 없지만 테마를 확인할때 스크린샷이 없어 투명으로 표시됩니다.

 

dfd2c76c2242f15ff6ffe68692169d78_1437097945_5444.png
 

child 폴더에 screenshot.png 파일을 하나 복사해 주면 아래와 같이 테마 이미지가 정상 출력되는 것을 확인할수 있습니다.

 

dfd2c76c2242f15ff6ffe68692169d78_1437098053_1577.png
 

이제 원본 테마는 놔둔채 child 테마를 수정하여 원하는 기능이나 디자인을 수정하시면 됩니다.

추천
3

댓글 2개

전체 199,640 |RSS
자유게시판 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT