하위 테마를 만들어야 하는 이유와 더 쉽게 만들기 위한 팁 [WordPress]

WordPress는 전체 웹사이트의 약 23%를 차지하며 많은 사용자는 사용하는 테마를 어떤 방식으로든 사용자 정의해야 하는 경우가 많습니다. 어떤 사람들은 테마 파일을 직접 편집하기로 선택하지만 큰 문제가 있습니다. 테마가 업데이트되면 모든 수정 사항이 손실됩니다. 여기에서 하위 테마를 만들 수 있습니다.

하위 테마란 무엇입니까?

하위 테마는 상위 테마의 기능과 스타일을 상속하는 단순히 사용자 정의 테마입니다. 하위 테마를 생성하면 상위 테마를 쉽게 수정하고 상위 테마가 업데이트되어도 변경 사항을 유지할 수 있습니다.

이제 하위 테마가 무엇인지 알았으므로 하위 테마를 만드는 몇 가지 방법과 따라야 할 모범 사례를 살펴보겠습니다.

시작하기

나는 이 튜토리얼에서 Twenty Fifteen 테마를 사용할 것이지만, 이것은 사용하기로 선택한 모든 테마에서 작동합니다.

하위 테마를 만들려면 "wp-content/themes" 디렉토리로 이동하여 하위 테마를 위한 새 폴더를 만드세요. 폴더 이름을 "twentyfifteen-child" 또는 이와 유사한 이름으로 지정할 수 있습니다.

다음으로, 새 하위 테마 폴더 내에 "style.css" 파일을 만들고 파일을 다음 콘텐츠로 채워야 합니다.

/*
Theme Name:     Twenty Fifteen Child 
Theme URI:      https://www.maketecheasier.com
Description:    Twenty Fifteen Child
Author:         Ayo Isaiah 
URI:            https://www.maketecheasier.com/author/ayoisaiah
Template:       twentyfifteen
Version:        1.0.0
*/

테마 이름, URI, 설명 및 작성자 이름을 하위 테마와 관련된 세부 정보로 바꿀 수 있습니다. 그러나 "템플릿" 부분은 상위 테마의 디렉토리 이름을 따서 명명해야 합니다.

이 경우 상위 테마의 디렉토리 이름은 "twentyfifteen"이므로 템플릿은 "twentyfifteen"이 됩니다. 다른 테마를 사용하는 경우 그에 따라 템플릿을 업데이트하는 것을 잊지 마십시오. 그렇지 않으면 하위 테마가 중단됩니다.

다음 단계는 부모 테마의 스타일시트를 적절하게 대기열에 넣어 자식 테마가 부모의 스타일을 상속할 수 있도록 하고 거기에서 빌드할 수 있도록 하는 것입니다. 일부 웹사이트에서는 @import 사용을 권장합니다. 하지만 더 이상 모범 사례가 아니므로 피해야 합니다.

상위 테마 스타일을 큐에 넣는 가장 좋은 방법은 하위 테마 폴더에 "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' );
}
?>

여기서 트릭은 "parent-style"을 부모 테마의 디렉토리로 바꾸고 끝에 "-css"를 추가하는 것입니다. 우리의 경우 "parent-style"은 "twentyfteen-css"로 대체됩니다.

그게 다야 이제 자녀 테마를 활성화할 준비가 되었습니다.

자녀 테마 활성화

하위 테마를 활성화하는 것은 일반 테마와 완전히 동일한 프로세스입니다. WordPress 대시보드에서 "모양 -> 테마"로 이동하여 하위 테마를 활성화하기만 하면 됩니다.

플러그인으로 하위 테마 만들기

하위 테마 생성 프로세스를 빠르게 하고 싶다면 무료 플러그인을 사용하여 자동으로 생성할 수 있습니다. 원 클릭 하위 테마를 사용하면 버튼 클릭으로 이 작업을 쉽게 수행할 수 있습니다. 플러그인을 설치하고 활성화한 다음 대시보드의 "모양 -> 하위 테마"로 이동하여 해당 페이지의 양식에 하위 테마에 대한 관련 세부 정보를 입력하기만 하면 됩니다. 완료되면 "자녀 만들기" 버튼을 눌러 자녀 테마를 만들고 활성화하세요.

사용자 정의하기

이제 테마가 활성화되었으므로 웹사이트가 어떻게 보이는지 확인할 수 있습니다. 모든 작업을 올바르게 수행했다고 가정하면 상위 테마와 정확히 동일하게 나타납니다. 이 시점부터 맞춤 CSS를 하위 테마의 style.css 파일에 추가하여 상위 테마의 스타일을 재정의할 수 있습니다. 자식 테마에서 선언한 스타일은 부모 테마의 스타일보다 우선하므로 작업 내용을 잃을 염려 없이 부모를 업데이트할 수 있습니다.

웹사이트에 새 기능을 추가하려면 부모 테마의 "function.php" 파일과 함께 로드될 자식 테마의 "function.php" 파일에 함수를 선언해야 합니다.

기타 템플릿 파일

다른 PHP 파일은 하위 테마 디렉토리에 복사하여 수정해야 합니다. 이것은 "functions.php" 파일과 달리 상위 테마의 동등한 파일이 무시되고 자신의 파일을 위해 사용되기 때문입니다. 따라서 모든 것이 작동하도록 상위 테마와 마찬가지로 하위 테마 내의 동일한 위치에 원본 파일을 배치해야 합니다. 원활하게.

요점

이제 웹 사이트를 사용자 지정하는 데 하위 테마가 필요한 이유와 만드는 방법을 알았으므로 테마 파일을 직접 변경할 이유가 없습니다. 그래도 추가 설명이 필요한 경우 아래에 의견을 남기거나 WordPress Codex를 방문하여 하위 테마에 대한 자세한 정보를 확인하세요.