WordPress에서 자식 테마 만들기
잡집 / / November 28, 2021
소수의 WordPress 사용자만 하위 테마를 사용하며, 이는 많은 사용자가 WordPress에서 하위 테마 또는 Create Child Theme가 무엇인지 모르기 때문입니다. 글쎄, WordPress를 사용하는 대부분의 사람들은 테마를 편집하거나 사용자 정의하는 경향이 있지만 테마를 업데이트하면 모든 사용자 정의가 손실되고 바로 여기에서 하위 테마가 사용됩니다. 하위 테마를 사용하면 모든 사용자 정의가 저장되고 상위 테마를 쉽게 업데이트할 수 있습니다.
![WordPress에서 자식 테마 만들기](/f/48de2e2c06f7555f225593fc32925200.png)
내용물
- WordPress에서 자식 테마 만들기
- 수정되지 않은 상위 테마에서 하위 테마 만들기
WordPress에서 자식 테마 만들기
수정되지 않은 상위 테마에서 하위 테마 만들기
WordPress에서 하위 테마를 만들려면 cPanel에 로그인하고 public_html로 이동해야 합니다. 그런 다음 자식 테마에 대한 새 폴더를 만들어야 하는 wp-content/themes(예 /Twentysixteen-child/). 오류가 발생할 수 있는 하위 테마 디렉토리 이름에 공백이 없는지 확인하십시오.
추천: 당신은 또한 사용할 수 있습니다 원 클릭 하위 테마 플러그인 하위 테마를 생성합니다(수정되지 않은 상위 테마에서만).
이제 하위 테마에 대한 style.css 파일을 생성해야 합니다(방금 생성한 하위 테마 디렉토리 내부). 파일을 생성했으면 다음 코드를 복사하여 붙여넣습니다(테마 사양에 따라 아래 세부 정보 변경).
/* 테마 이름: Twenty Sixteen Child 테마 URI: http://example.com/twenty-sixteen-child/ 설명: Twenty Sixteen Child Theme 작성자: WordPress 팀 작성자 URI: http://example.com 템플릿: 2610 버전: 1.3.0 라이선스: GNU General Public License v3 이상 라이선스 URI: http://www.gnu.org/licenses/gpl-3.0.html. */
메모: 템플릿 라인(Template: twosixteen)은 현재 테마 디렉토리의 이름(우리가 만들고 있는 자식의 부모 테마)에 따라 변경됩니다. 이 예의 상위 테마는 Twenty Sixteen 테마이므로 템플릿은 26이 됩니다.
이전에는 @import가 부모 테마에서 자식 테마로 스타일시트를 로드하는 데 사용되었지만 이제는 스타일시트 로드 시간을 늘리기 때문에 좋은 방법이 아닙니다. @import를 사용하는 대신 자식 테마 functions.php 파일에서 PHP 함수를 사용하여 스타일시트를 로드하는 것이 가장 좋습니다.
functions.php 파일을 사용하려면 자식 테마 디렉토리에 하나 만들어야 합니다. functions.php 파일에서 다음 코드를 사용하십시오.
PHP. add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); function my_theme_enqueue_styles() { wp_enqueue_style( '부모 스타일', get_template_directory_uri(). '/스타일.css' ); }
위의 코드는 상위 테마가 모든 CSS 코드를 보유하기 위해 단 하나의 .css 파일만 사용하는 경우에만 작동합니다.
자식 테마 style.css에 실제로 CSS 코드가 포함되어 있는 경우(일반적으로) 이를 대기열에 넣어야 합니다.
PHP. function my_theme_enqueue_styles() { $parent_style = '부모 스타일'; // Twenty Fifteen 테마의 'twentyfifteen-style'입니다. wp_enqueue_style( $parent_style, get_template_directory_uri(). '/스타일.css' ); wp_enqueue_style( '자식 스타일', get_stylesheet_directory_uri(). '/스타일.css', 배열( $parent_style ), wp_get_theme()->get('버전') ); } add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
이제 하위 테마를 활성화하고 관리자 패널에 로그인한 다음 모양 > 테마로 이동하여 사용 가능한 테마 목록에서 하위 테마를 활성화할 시간입니다.
메모: 하위 테마를 활성화한 후 메뉴(모양 > 메뉴) 및 테마 옵션(배경 및 헤더 이미지 포함)을 다시 저장해야 할 수 있습니다.
이제 style.css 또는 functions.php를 변경하고 싶을 때마다 상위 테마 폴더에 영향을 주지 않고 하위 테마에서 쉽게 변경할 수 있습니다.
상위 테마에서 WordPress의 하위 테마 생성, 그러나 대부분의 사용자가 이미 테마를 사용자 정의한 경우 위의 방법은 전혀 도움이 되지 않습니다. 이 경우 사용자 정의를 잃지 않고 WordPress 테마를 업데이트하는 방법을 확인하십시오.
이 기사가 도움이 되었기를 바라지만 이 가이드에 대해 여전히 질문이 있는 경우 언제든지 댓글로 질문하십시오.