20150929_020044

워드프레스 자식테마(Child-theme) 만들기

WordPress Child Theme 워드프레스 자식 테마

WordPress  Version : 4.31

Text editor : Atom editor

아래에 사용한 샘플파일 다운로드 annina_child

 

워드프레스의 자식테마(child-theme)는 테마를 수정하고 사용할때 꼭 필요 합니다.

예를 들어 어떤 테마를 설치하고 사용할때 테마의 모양이나 기능을 수정/변경을 하였다고 한다면, 이후에 사용하고 있는 테마가 업데이트 되면 그 동안 수정/변경했던 기능이나 전체적인 스타일등이 처음으로 돌아가게 되는 경우가 있습니다.

이런 경우가 일어나지 않도록 같은 테마의 모양과 기능을 쓰지만 테마가 업데이트 되었을때도 이상없이 수정/변경된 내용을 유지하고자 할때 굉장히 유용합니다.

제가 사용하는 워드프레스 테마는 Annina theme 입니다.

자식테마를 만들기위해 필요한 것은

자식테마의 폴더/디레토리 와 style.css / functions.php 만 있으면 됩니다.

워드프레스가 설치된 폴더에 자식테마의 폴더를 만들어 줍니다. 알아보기 쉽게 Annina_child 로 폴더 이름을 정하고 폴더 안에 style.css 와 functions.php 파일을 생성 합니다.

(스크린샷을 추가하면 테마를 좀 더 쉽게 알아볼수 있겠죠? Screenshot.png 도 만들어 주시면 좋아요)

20150929_01564120150929_015729

파일생성을 마쳤으면 style.css 파일을 수정해 줍니다.

 

20150929_020044

 

위와같이 style.css를 작성하면 됩니다.

Theme Name: annina_child  (테마이름)
Description: dave_cheon
Author: black@mark
Template: annina

@import url(../annina/style.css); 부모테마가 사용하는 스타일시트의 경로를 적어 줍니다.

20150929_020806

functions.php 의 내용은 아무내용 없이 적어줘도 됩니다.

이제 스크린샷을 하나 만들고 해당 자식테마의 폴더에 업로드 하게 되면 외모에서 해당 자식테마를 인식하고 사용 할 수 있습니다.

20150929_020935

이제 annina theme 의 자식 테마인 annina_child 를 사용할 수 있습니다.

부모테마인 annina theme 가 업데이트 되어도 지금 부터 자식테마에서 수정한 내용은 변경 되지 않게 됩니다.

20150929_021338

외모 > 테마편집기를 사용할 하여 자식테마를 수정할때 파일권한을 변경하여 주어야 수정이 가능 합니다.

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *