워드 프레스 자식 테마를 만드는 방법


기존 부모 테마에서 왜 WordPress를 사용자 지정하지 않아야합니까? 사용중인 테마가 업데이트되면 사용자 지정 내용은 어떻게됩니까?

답변이 사라지고 브랜드 및 메시징 가이드 라인 및 기본 설정에 따라 사이트를 만들려는 노력도 사라집니다.

A 자식 테마를 사용하면 별도의 CSS 스타일 시트를 만들 수 있습니다 이며 손실되거나 없어지지 않는 추가 기능을 추가하십시오 상위 테마가 업데이트 될 때 영향을받습니다.

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

새 디렉토리 만들기

자식 테마를위한 새 디렉토리를 만들어 시작합니다. cPanel을 통해 FTP 클라이언트 을 사용하거나 기존 wp-content / themes디렉토리에 액세스 할 수 있습니다.

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

In_content_1 all : [300x250] / dfp : [640x360]->

일반적으로 public_html이라는 디렉토리에 있습니다. wp-content폴더를 찾아 엽니 다. 새 폴더 만들기를 클릭하고 자녀 테마의 이름을 입력하십시오. 나중에 인식 할 수있는 이름을 지정하십시오. 좋은 예는 nameofparenttheme-child입니다.

오류를 피하기 위해 파일 이름에 공백을 포함하지 마십시오.

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

CSS 스타일 시트 만들기

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

  • 사이트 모양에 영향을주는 스타일의 위치입니다.
  • 테마의 기본 스타일 시트는 WordPress가 테마에 대한 정보를 찾는 위치입니다.
  • 자식 테마에 새로운 스타일을 추가하고 싶지 않을 수 있습니다. 그러나 테마 이름 및 상위 테마 이름과 같은 세부 사항을 정의하려면 스타일 시트가 여전히 존재해야합니다.

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

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

    텍스트 파일에 다음 정보가 표시됩니다.

    • 주제 이름
    • 부모 테마 디렉토리의 이름
    • 제목 및 설명 말이됩니다.
    • 파일 상단에 다음 헤더 주석을 스타일 시트에 포함 시키십시오. 워드 프레스는이 정보를 읽고 어린이 테마가 사용되고 있음을 알게됩니다.

      템플릿에주의를 기울이고 싶습니다 꼬리표. 자녀의 부모 테마가 무엇인지 WordPress에 알려줍니다. 부모 테마가있는 폴더는 대소 문자를 구분합니다.

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

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

      CSS 파일과 마찬가지로, PHP 파일의 변경 사항이나 추가 사항은 부모의 기능과 자동으로 병합되거나 무시됩니다.

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

      add_theme_support ()를 사용하는 경우, 하위 테마가 상위 테마를 대체하도록하려면 몇 가지 추가 단계를 수행해야합니다.

      복잡해질 수 있으므로 현재 WordPress 테마 검토 팀 리더 인 William Patton의  WordPress 게시물 형식 사용에 대한 게시물 를 참조하십시오.

      부모 테마 기능을 재정의하는 스타일 및 스크립트 추가

      다음 단계는 자식 테마가 부모 테마의 기능을 상속하고 스타일을 사용하거나 사용하려는 새 스타일을 반영합니다.

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

      WordPress의 대기열 기능은이를 달성하는 방법입니다.

      대기열은 스타일과 스크립트가 WordPress 사이트에 추가되어 사용자가 사이트를 방문 할 때 표시되는 내용에 영향을 줄 수있는 방식을 나타냅니다.

      많은 플러그인을 사용하여 동일한 결과를 얻는 경우가 종종 있습니다 호환성 문제 및 손상된 사이트.

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

      'wp_enqueue'사용 방법

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

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

      기능 내부. PHP파일은 다음 C를 추가 ode.

      이 코드는 부모 디렉토리에서 스타일 시트를 가져온 다음 이전에 만든 자식의 스타일 시트를 추가합니다. 부모 스타일텍스트는 끝에 추가 된 스타일과 함께 부모 테마의 이름과 일치해야합니다.

      자녀 활성화 테마

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

      • 대시 보드에 로그인합니다.
      • 모양>테마로 이동합니다.
      • 자식 테마가 표시되어야합니다.
      • 미리보기를 선택하면 사이트가 새 자식 테마로 어떻게 보이는지 확인할 수 있습니다.
      • 모양이 마음에 들면 활성화를 클릭하여
      • wp-content / themes / yourthemename폴더의 서버 이외의 위치에 하위 테마를 만든 경우 압축을 풀어야합니다. 새 하위 테마 폴더.

        • WordPress 대시 보드에 로그인합니다.
        • 모양>테마로 이동합니다.
        • 새로 추가.
        • 테마 업로드를 선택합니다.
        • 압축 된 파일을 새 상자로 드래그하거나 파일 선택기를 클릭 한 다음 컴퓨터에서 찾아보세요.
        • 한 번 업로드되면 미리 본 다음 활성화 할 수 있습니다.
        • 템플릿 파일 추가

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

          새 템플릿을 추가하려면, 올바른 이름으로 새 파일을 만들고 자신의 내용을 추가하는 경우입니다. 위의 섹션에서는 수동 프로세스에 대해 설명합니다.

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

          WordPress 플러그인 사용

          로그 당신의 워드 프레스 대시 보드에. 플러그인>새로 추가를 클릭하십시오. 자식 테마를 검색합니다.

          첫 번째 플러그인은  어린이 테마 구성자 입니다. 위의 스크린 샷에서 볼 수 있듯이 이것은 좋은 선택입니다.

          • 현재 버전의 WP와 호환됩니다.
          • 많은 설치가 있습니다.
          • 최근에 업데이트 되었음
          • 지금 설치>활성화를 클릭하십시오. 다음 단계는 도구로 이동 한 다음 자식 테마

            드롭 다운 메뉴에서 부모 테마를 찾아서 선택하십시오. 분석을 선택하면 테마가 하위 테마로 사용하기에 적합합니다.

            아래는 하위 테마 구성기를 설정하는 방법에 대한 단계별 자습서입니다. 다른 WordPress 플러그인을 사용하기로 결정한 경우 설정 방법에 대한 자습서를 쉽게 찾을 수 있습니다.

            알다시피, 어린이 테마는 일부 기능에 대해 부모 테마에 의존하는 별개의 테마입니다.

            어린이 테마를 사용할 때, WordPress는 부모보다 먼저 자녀를 찾고 자녀가있는 경우 자녀의 스타일과 기능을 따릅니다.

            부모 테마가 다음과 같이 업데이트 될 때 많은 시간, 문제 및 향후 두통을 피하십시오 업데이트의 영향을받지 않는 자식 만들기

            워드프레스 자식테마 만들기

            관련 게시물:


            18.07.2019