부드러운

WordPress에서 자식 테마 만들기

문제를 제거하기 위해 도구를 사용해보십시오





게시일최종 업데이트: 2021년 2월 17일

소수의 워드프레스 사용자만이 하위 테마를 사용하는데, 이는 많은 사용자가 워드프레스에서 하위 테마 또는 생성하기 하위 테마가 무엇인지 모르기 때문입니다. 글쎄, WordPress를 사용하는 대부분의 사람들은 테마를 편집하거나 사용자 정의하는 경향이 있지만 테마를 업데이트하면 모든 사용자 정의가 손실되고 바로 여기에서 하위 테마가 사용됩니다. 하위 테마를 사용하면 모든 사용자 정의가 저장되고 상위 테마를 쉽게 업데이트할 수 있습니다.



WordPress에서 자식 테마 만들기

내용물[ 숨다 ]



WordPress에서 자식 테마 만들기

수정되지 않은 상위 ​​테마에서 하위 테마 만들기

WordPress에서 하위 테마를 생성하려면 cPanel에 로그인하고 public_html로 이동한 다음 wp-content/themes로 이동하여 하위 테마를 위한 새 폴더를 생성해야 합니다(예: /Twentysixteen-child/). 오류가 발생할 수 있는 하위 테마 디렉토리 이름에 공백이 없는지 확인하십시오.

추천: 당신은 또한 사용할 수 있습니다 원 클릭 하위 테마 플러그인 하위 테마를 생성합니다(수정되지 않은 상위 ​​테마에서만).



이제 하위 테마에 대한 style.css 파일을 생성해야 합니다(방금 생성한 하위 테마 디렉토리 내부). 파일을 생성했으면 다음 코드를 복사하여 붙여넣습니다(테마 사양에 따라 아래 세부 정보 변경).

|_+_|

메모: 템플릿 라인(Template: twosixteen)은 현재 테마 디렉토리(우리가 만들고 있는 자식의 부모 테마)의 이름에 따라 변경됩니다. 이 예제의 상위 테마는 Twenty Sixteen 테마이므로 템플릿은 26개가 됩니다.



이전에는 @import가 부모 테마에서 자식 테마로 스타일시트를 로드하는 데 사용되었지만 이제는 스타일시트 로드 시간을 늘리기 때문에 좋은 방법이 아닙니다. @import를 사용하는 대신 자식 테마 functions.php 파일에서 PHP 함수를 사용하여 스타일시트를 로드하는 것이 가장 좋습니다.

functions.php 파일을 사용하려면 자식 테마 디렉토리에 하나 만들어야 합니다. functions.php 파일에서 다음 코드를 사용하세요.

|_+_|

위의 코드는 상위 테마가 모든 CSS 코드를 보유하기 위해 단 하나의 .css 파일만 사용하는 경우에만 작동합니다.

자식 테마 style.css에 실제로 CSS 코드가 포함되어 있는 경우(일반적으로 하는 것처럼) 대기열에 추가해야 합니다.

|_+_|

이제 자식 테마를 활성화하고 관리자 패널에 로그인한 다음 모양 > 테마로 이동하여 사용 가능한 테마 목록에서 자식 테마를 활성화할 시간입니다.

메모: 하위 테마를 활성화한 후 메뉴(모양 > 메뉴) 및 테마 옵션(배경 및 헤더 이미지 포함)을 다시 저장해야 할 수 있습니다.

이제 style.css 또는 functions.php를 변경할 때마다 상위 테마 폴더에 영향을 주지 않고 하위 테마에서 쉽게 변경할 수 있습니다.

상위 테마에서 WordPress의 하위 테마 만들기, 하지만 대부분이 이미 테마를 사용자 정의한 경우 위의 방법은 전혀 도움이 되지 않습니다. 이 경우 사용자 정의를 잃지 않고 WordPress 테마를 업데이트하는 방법을 확인하십시오.

이 기사가 도움이 되었기를 바라며 이 안내서에 대해 여전히 질문이 있는 경우 언제든지 댓글로 질문하십시오.

아디티아 파라드

Aditya는 스스로 동기를 부여하는 정보 기술 전문가이며 지난 7년 동안 기술 작가로 일해 왔습니다. 그는 인터넷 서비스, 모바일, Windows, 소프트웨어 및 방법 가이드를 다룹니다.