하위 테마를 이용한 템플릿 편집하기

하위 테마를 준비하면 현재 테마(상위 테마)의 템플릿을 직접 편집하지 않고 사용자정의를 지정할 수 있다. 예를 들어 [sample] 테마의 하위 테마를 작성해서 템플릿을 사용자 정의로 지정하기 위해서는 [sample_child]라는 테마 폴더를 작성해서 [sample] 테마 폴더와 같은 장소(디렉터리)에 업로드한다. [sample_child] 테마 폴더 안에는 style.css를 준비해서 다음과 같이 하위 테마의 설정을 입력한다. ‘Theme Name’ 항목에 테마 이름을 ‘Child Sample Theme’으로 지정하고, ‘Template’ 항목에 상위 테마의 테마 폴더 이름인 ‘Sample’을 지정하고, ‘@import’로 상위 테마의 스타일시트의 설정을 로딩한다.

style.css

/*
Theme Name:     Child Sample Theme
Description:    sample theme_child
Author:         bhkyung
Template:       sample
*/@import url(“../sample/style.css”);



다음에는 사용자정의를 하고 싶은 템플릿과 같은 파일 이름의 템플릿을 작성해서, [sample_child] 테마 폴더로 업로한다. content-excerpt.php를 업로드해서 다음과 같이 보통 크기의 특성 이미지만을 출력하도록 지정한다.

content-excerpt.php

<?php if(has_post_thumbnail()): ?>
<?php the_post_thumbnail(‘thumbnail’); ?>
<?php endif; ?>


마지막으로 관리화면에서 [Child Sample Theme]을 활성화한다. 이렇게 하위 테마를 생성하도록 지정하면 상위 테마(sample)를 이용해서 페이지를 생성하면서 하위 테마(Child Sample Theme)에서 준비한 content-excerpt.php의 부분만 보통 크기의 이미지가 표시된다.

답글 남기기