워드프레스 The7테마 차일드테마 만들기 - 웹속의작은이야기

워드프레스 The7테마 차일드테마 만들기

워드프레스 the7테마 데모설치하기
2018년 1월 11일
경주시 용강동 최적의위치 아이랑스위첸어린이집
2018년 1월 15일

안녕하세요.
워드프레스 테마를 업데이트를 하려면 원본수정이 없으면 모르나 소스 수정이 있으면 참 곤란한 경우가 많을 것 같습니다.
되도록이면 원본테마 그대로를 사용하는 것을 권장을 하나 어떤 디자인을 하느냐에 따라 다른 것 같습니다.

워드프레스에서는 원본파일 외에 차일드테마(자식테마)가 있습니다.
이것을 사용하면 혹시나 파일이 수정이 되어도 파일이 사라지지 않습니다.

저는 매번 말씀드렸듯이 The7테마를 사용하고 있습니다.
유료라서 처음에는 모든 파일을 다 다운 받았는데 차일드테마(자식테마)도 함께 있습니다.

ftp로 올릴 때 원본테마파일 dt-the7 폴더와 차일드테마 파일 dt-the7-child 이렇게 두 폴더를 올리셔야 됩니다.
그런다음 차일드테마를 선택하시면 끝입니다.
어때요 상당히 싶죠.
그 동안 저는 아마 이것이 잘못나면 어떻게 하나 이런 생각에 차일드테마를 사용 못했는 것 같습니다.

저는 워드프레스를 몇년동안 하면서 차일드테마(자식테마)는 처음으로 사용을 해 봅니다.
소스수정 한 파일이 있어도 조금의 불편함은 있었는 것 같습니다.

보통 차일드테마(자식테마) 스타일시트에는 CSS @import를 사용하는데요 이렇게 되면 로딩시간이 몇초간 길어진다고 하네요..

혹시나 해서 The7 차일드테마 스타일시트에 살펴 보았는데 @import로 시작이 되는 것은 없었습니다.

대신 차일드테마(자식테마) 폴더 안에 xml 파일이 있네요..
이것을 열어보니 @import 대신에 CSS 스타일시트차일드테마(자식테마)를 관리하는 듯 보였습니다.

유료라서 차일드테마(자식테마)를 제공을 하지만 무료는 차일드테마(자식테마)를 안 주는 경우가 많습니다.

우선 차일드테마(자식테마)를 만드시고 올린다음에 스타일시트에는
/*
Theme Name: Twenty Fifteen Child
Template: twentyfifteen
*/
@import url(../twentyfifteen/style.css);

이 기본이나 위에서 언급했듯이 @import 로 시작이 되는 것 만큼 로딩 시간이 걸립니다.
그러면 아래의 소스를 function.php 파일에 넣으시면 됩니다.

function theme_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 )
);
}
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );

아무래도 워드프레스 파일 및 테마를 수정하지 않고 그대로 사용하는 것이 최선의 방법이나 이곳에서는 그것을 방지하기 위해 차일드테마(자식테마)를 제공하고 있습니다.

그리고 차일드테마(자식테마)에는 스타일시트 파일과 function.php파일 두개가 올려집니다.
또한, 수정한 파일이 있으면 수정된 파일만 차일드테마에 업로드 하시면 됩니다.
저는 현재 single.php 파일만 수정해서 이 파일만 the7 차일드테마에 올려 놓은 상태입니다.

유비무환 미미미리 대비 합시다.

#the7, #the7테마사용법, #the7테마, #워드프레스 #차일드테마만드는법, #차일드테마

이카루스
이카루스
자신의 본성이 어떤 것이든 그에 충실 하라. 자신이 가진 재능의 끈을 놓아버리지 마라. 본성이 이끄는 대로 따르면 성공할 것이다. - 시드니 스미스 -