WordPress 하위 테마를 만드는 방법

기존 상위 테마에서 WordPress 를 사용자 정의하면 안되는 이유는 무엇 입니까? 사용 중인 테마가 업데이트되면 사용자 정의는 어떻게 됩니까?

대답은 손실되고 브랜드 및 메시징 지침 및 기본 설정에 따라 사이트를 만들기 위한 노력도 손실된다는 것입니다.

하위 테마를 사용하면 별도의 CSS 스타일시트를 만들고(child theme enables you to create a separate CSS stylesheet) 상위 테마가 업데이트될 때 손실되거나 영향을 받지 않는 추가 기능을 추가할 수 있습니다.

이것은 수동으로 수행하거나 하위 테마 작성자 플러그인을 설치하여 수행할 수 있습니다. 수동 프로세스부터 시작하겠습니다.

새 디렉토리 생성(Create a New Directory)

(Start)자식 테마에 대한 새 디렉토리를 만드는 것으로 시작하십시오 . FTP 클라이언트(FTP client) 를 사용 하거나 cPanel을 통해 기존 wp-content/themes

cPanel을 사용하려면 호스팅 제어판으로 이동하십시오. 파일 관리자(file manager) 를 선택 하고 WordPress 가 설치된 디렉토리로 이동합니다 .

이것은 일반적으로 public_html(public_html) 이라는 디렉토리에 있습니다. wp-content 폴더 를 찾아 엽니다 . 새 폴더 만들기(create new folder) 를 클릭하고 하위 테마의 이름을 입력합니다. 나중에 알아볼 수 있도록 이름을 지정하십시오. 좋은 예는 nameofparenttheme-child 입니다.

오류를 방지하려면 파일 이름에 공백을 포함하지 마십시오.

내부 처리로 인해 폴더 이름에는 아래 예와 같이 상위 테마(테마 'slug')의 이름이 포함되어야 합니다.

CSS 스타일시트 만들기(Create a CSS Stylesheet)

스타일시트는 두 가지 이유로 WordPress 테마에서 사용됩니다.(WordPress)

  • 사이트의 모양에 영향을 주는 스타일의 위치입니다.
  • 테마의 기본 스타일시트는 WordPress가 테마에 대한 정보를 찾는 곳입니다.

하위 테마에 새로운 스타일을 추가하고 싶지 않을 수 있습니다. 그러나 테마 이름 및 상위 테마 이름과 같은 세부 사항을 정의하려면 스타일시트가 여전히 존재해야 합니다.

따라서 자식 테마에 대한 새 스타일시트를 만들어야 합니다. 따라서 다음 단계는 자식 테마의 모양을 제어하는 ​​규칙을 정의하는 CSS 스타일시트 용 텍스트 파일을 만드는 것입니다.

그러면 하위 테마 CSS 파일이 상위 테마보다 우선합니다.

텍스트 파일에 다음 정보를 포함해야 합니다.

  • 테마의 이름입니다.
  • 상위 테마 디렉토리의 이름입니다.
  • 의미가 있는 제목과 설명.

파일 상단에 다음 헤더 주석을 스타일시트에 포함해야 합니다. WordPress 는 이 정보를 읽고 하위 테마가 사용 중임을 알게 됩니다.

템플릿 태그에 세심한 주의를 기울여야 합니다. WordPress 에 자녀의 부모 테마가 무엇인지 알려줍니다 . 상위 테마가 있는 폴더는 대소문자를 구분합니다.

기술적으로 이제 자식 테마를 활성화할 수 있습니다. 그러나 더 복잡한 하위 테마를 생성하려면 사용자 정의 PHP(PHP) 함수 를 추가해야 합니다.

(만든 style.css(style.css) 파일 과 같은 디렉토리에) 자식 테마에 functions.php 파일을 만듭니다 . 여기에 추가 포스트 형식과 같은 것들이 추가되어야 합니다.

CSS 파일 과 마찬가지로 PHP 파일 에 대한 변경 사항이나 추가 사항 은 자동으로 상위 기능과 병합되거나 재정의됩니다.

add_theme_support() 로 추가된 게시물 형식과 같은 경우 병합 대신 재정의 역할을 합니다.

add_theme_support() 를 사용할 때 하위 테마가 상위 테마를 재정의하도록 몇 가지 추가 단계를 수행해야 합니다.

이것은 복잡해질 수 있으므로 WordPress 게시물 형식 사용에 대한 현재 ( post on using WordPress post formats)WordPress Theme Review Team 책임자 William Patton의 게시물을 참조하십시오 . 

상위 테마 기능을 재정의하는 스타일 및 스크립트 추가(Add Styles & Scripts To Override Parent Theme Functionality)

다음 단계는 자식 테마가 부모 테마의 기능과 스타일을 상속받거나 사용하려는 새 테마를 반영하는지 확인하는 것입니다.

스타일은 웹사이트의 모양을 변경하는 데 사용됩니다. 스크립트(Scripts) 는 기능을 향상시킵니다. 스타일과 스크립트가 WordPress 사이트에 추가되는 방식은 파일의 내용만큼 중요합니다.

WordPress의 대기열에 넣는 기능은 이를 수행하는 방법입니다.

큐잉은 스타일과 스크립트가 WordPress 사이트에 추가되어 사용자가 사이트를 방문할 때 표시되는 내용에 영향을 줄 수 있도록 하는 방법을 나타냅니다.

동일한 결과를 얻기 위해 수많은 플러그인을 사용하면 종종 호환성 문제와 깨진 사이트가 발생합니다.

Wp_enqueue 는 플러그인 오버헤드를 줄여 웹사이트의 성능을 향상시킬 뿐만 아니라 사용자 경험도 향상시킵니다.

'wp_enqueue' 사용 방법(How To Use ‘wp_enqueue’)

자식 테마의 스타일을 출력하려면 wp_enqueue_style() 이라는 함수를 사용해야 합니다 .

이 함수는 약간의 정보를 필요로 하지만 가장 중요한 것은 파일의 이름(또는 '핸들')과 위치입니다.

functions.php 파일 안에 다음 코드를 추가하십시오.

이 코드는 상위 디렉토리의 스타일시트를 추가한 다음 이전에 생성한 하위의 스타일시트도 추가합니다. 상위 스타일(parent-style) 텍스트는 끝에 -style 이 추가된 상위 테마의 이름과 일치해야 합니다 .

자녀 테마 활성화(Activate Your Child Theme)

wp-content/themes/yourthemename 폴더 내의 서버에서 하위 테마에 대한 파일을 만든 경우 활성화할 수 있도록 WordPress 대시보드에서 사용할 수 있습니다.

  • 대시보드에 로그인합니다.
  • Appearance > Themes 로 이동합니다 .
  • 자녀 테마가 나열되어야 합니다.
  • 미리 보기(Preview) 를 선택 하여 새 하위 테마로 사이트가 어떻게 보이는지 확인합니다.
  • 모양이 만족스러우면 활성화(Activate ) 를 클릭하여 활성화합니다.

wp-content/themes/yourthemename 폴더 의 서버가 아닌 다른 위치에 하위 테마를 만든 경우 새 하위 테마 폴더를 압축해야 합니다.

  • WordPress 대시보드에 로그인합니다.
  • Appearance > Themes 로 이동합니다 .
  • 새로 추가(Add new) 를 클릭 합니다.
  • 테마 업로드(Upload Theme) 를 선택합니다 .
  • 압축된 파일을 표시되는 새 상자로 드래그(Drag) 하거나 파일 선택기를 클릭하고 컴퓨터에서 파일을 찾습니다.
  • 업로드되면 미리 보고 활성화할 수 있습니다.

템플릿 파일 추가(Add Template Files)

다른 템플릿을 재정의하려면 상위 테마에서 하위 테마로 복사할 수 있습니다. 부모와 자식에서 같은 이름을 가진 템플릿 파일은 재정의 역할을 합니다. 그런 다음 필요에 따라 템플릿의 내용을 조정합니다.

새 템플릿을 추가하려면(To add new templates) 올바른 이름으로 새 파일을 만들고 자신의 콘텐츠를 추가하면 됩니다. 위 섹션에서는 수동 프로세스에 대해 설명합니다.

이제 WordPress(WordPress) 플러그인 으로 하위 테마를 만드는 방법을 살펴보겠습니다 .

WordPress 플러그인 사용(Use a WordPress Plugin)

(Log)WordPress 대시보드 에 로그인 합니다 . Plugins > Add New클릭(Click) 합니다 . 하위 테마(child theme.) 를 검색합니다 .

첫 번째 플러그인은 Child Theme Configurator 입니다. 위의 스크린샷에서 볼 수 있듯이 다음과 같은 이유로 좋은 선택입니다.

  • 현재 버전의 WP와 호환됩니다.
  • 설치가 많습니다.
  • 최근에 업데이트되었습니다.

Install now > Activate 를 클릭 합니다 . 다음 단계는 도구 로 이동한 다음 (Tools)하위 테마(child themes.) 를 선택 하는 것입니다.

(Find)드롭다운 메뉴에서 상위 테마를 찾아 선택합니다. 테마가 하위 테마로 사용하기에 적합한지 확인 하려면 분석(analyze) 을 선택하세요 .

다음 은 (Below)Child Theme Configurator 설정 방법에 대한 단계별 자습서입니다 . 다른 WordPress 플러그인을 사용하기로 결정했다면 설정 방법에 대한 튜토리얼도 쉽게 찾을 수 있습니다.

아시다시피 하위 테마는 일부 기능에 대해 상위 테마에 의존하는 고유한 테마입니다.

자식 테마를 사용하면 WordPress 는 부모보다 먼저 자식을 찾고 자식이 있는 경우 해당 스타일과 기능을 따릅니다.

업데이트의 영향을 받지 않을 자식을 만들어 부모 테마가 업데이트될 때 많은 시간, 문제 및 미래의 골칫거리를 절약하십시오.



About the author

저는 10년 이상의 경험을 가진 전문 오디오 및 키보드 기술자입니다. 저는 기업 세계에서 컨설턴트 및 제품 관리자로 일했으며 가장 최근에는 소프트웨어 엔지니어로 일했습니다. 저의 기술과 경험을 통해 중소기업에서 대기업에 이르기까지 다양한 유형의 프로젝트를 수행할 수 있습니다. 저는 또한 Windows 11의 전문가이며 현재 2년 이상 새 운영 체제에서 작업하고 있습니다.



Related posts