하위 테마 구성기로 WordPress에서 하위 테마 만들기
게시 됨: 2022-11-07자식 테마는 부모 테마에서 기능을 상속하는 WordPress 테마입니다. 하위 테마는 상위 테마를 업데이트하는 기능을 잃지 않고 기존 테마를 변경하려는 경우에 자주 사용됩니다. 자식 테마를 만드는 가장 쉬운 방법은 Child Theme Configurator와 같은 플러그인을 사용하는 것입니다. 이 플러그인을 사용하면 코드를 편집하지 않고도 쉽게 하위 테마를 만들고 변경할 수 있습니다. 플러그인을 설치하고 활성화한 후에는 하위 테마의 시작점으로 사용할 상위 테마를 선택해야 합니다. 그런 다음 자신의 CSS를 추가하거나 템플릿 파일을 수정하는 등 하위 테마를 변경할 수 있습니다. 변경을 완료하면 하위 테마를 활성화하기만 하면 변경 내용이 사이트에 적용됩니다.
이 문서에서는 Child Theme Configurator 플러그인을 사용해야 하는 단계에 대해 설명합니다. 이 경우 플러그인은 상위 테마의 이름에 추가하여 하위 테마의 디렉토리 이름을 생성합니다. 초보자는 무료 확장으로 충분하지만 프리미엄 확장도 사용할 수 있습니다. Child Theme Configurator 플러그인을 사용하면 웹사이트를 위한 새로운 자식 테마를 빠르고 쉽게 만들 수 있습니다. 플러그인을 사용하면 두 가지 방법으로 하위 테마의 스타일 시트를 저장할 수 있습니다. 하위 테마의 디렉토리는 기본 스타일시트 옵션을 사용하여 생성할 수 있는 style.css 파일로 채워져야 합니다. Genesis와 같은 테마 프레임워크가 있는 경우 상위 테마 스타일시트 를 무시하도록 선택할 수 있습니다.
자녀의 메뉴, 위젯 및 기타 사용자 지정 설정을 부모의 설정에서 변경할 수 있습니다. 필요한 사용자 지정을 모두 선택하면 새 하위 테마를 만들 수 있습니다. 파일 탭을 클릭하면 수정 가능한 모든 템플릿을 볼 수 있습니다. 쿼리/선택기 및 속성/값의 두 탭을 통해 상위 테마에서 스타일을 식별할 수 있습니다. 수동 자식 테마 에서 주요 문제는 CSS 속성과 선택기를 찾는 것입니다. 이 문제는 Child Theme Configurator 플러그인을 사용하여 쉽게 해결할 수 있습니다. @import 쿼리를 사용하여 Google 글꼴과 같은 웹 글꼴을 가져오는 것은 웹 글꼴 탭으로 끌어다 놓는 것만큼 간단합니다.
상위/하위 탭에서 하위 테마를 삭제, 복제 또는 분석할 수 있습니다. 이 플러그인을 사용하여 자녀 이름에 유효한 하위 테마 가 있는 경우에만 이러한 옵션을 볼 수 있습니다. 워드프레스 관리자 대시보드의 모양에서 새로 생성된 하위 테마를 찾을 수 있습니다.
WordPress에서 하위 테마를 어떻게 사용합니까?

워드프레스에서 자식 테마를 사용하려면 먼저 자식 테마를 설치해야 합니다. 그런 다음 WordPress 관리자 패널의 모양 > 테마 페이지로 이동하여 활성화할 수 있습니다.
WordPress 자식 테마는 부모 테마 또는 프레임워크에서 찾을 수 있는 강력한 기능을 사용하여 사용자 지정할 수 있으므로 사용자 지정 가능성을 만드는 데 이상적입니다. 모든 기능과 모양이 상위 테마에서 복사되기 때문에 테마는 상위 테마의 코드를 수정하지 않고도 다른 테마에서 복사하고 수정할 수 있습니다. WordPress 하위 테마는 무엇이며 기본 테마로 고려해야 하는 이유는 무엇입니까? 하위 테마가 zip 파일인 경우 먼저 '테마 업로드' 버튼을 클릭해야 합니다. 상위 테마의 설치는 WordPress.org의 테마 디렉토리에서 사용 가능한 테마에 따라 다릅니다. 스크립트를 자동으로 설치하지 않으려면 상위 테마를 수동으로 설치해야 한다는 메시지가 표시됩니다. 상위 테마와 하위 테마가 모두 설치되면 하위 테마를 활성화할 수 있습니다. 하위 테마를 사용하기 위해 상위 테마를 활성화할 필요는 없습니다. WordPress 테마에서 편집할 파일에 대한 가이드도 여기에서 찾을 수 있습니다.
하위 테마를 사용할 때 WordPress는 영구 링크 구조 생성, 적절한 저작권 고지 업로드, 필요한 파일 및 폴더 생성을 포함하여 모든 관리 세부 정보를 처리합니다. 코드를 다시 작성하지 않고 웹사이트의 모양을 변경하려는 웹사이트 소유자에게는 환상적인 옵션입니다. 웹 사이트의 모양과 느낌을 수정하려면 다음 단계가 필요합니다. 상위 테마를 다운로드하여 설치하고 활성화한 다음 하위 테마를 실행해야 합니다. WordPress 테마 저장소에는 선택할 수 있는 무료 및 프리미엄 하위 테마가 많이 있습니다. 원하는 것을 찾지 못한 경우 WordPress 테마 생성 도구를 사용하여 자신만의 테마를 만들 수 있습니다. 하위 테마를 사용하면 코드를 다시 작성하지 않고도 WordPress 사이트를 사용자 정의할 수 있습니다. WordPress 테마 GitHub에는 다양한 무료 및 프리미엄 하위 테마가 있습니다. 원하는 것을 찾을 수 없는 경우 WordPress 테마 생성 도구를 사용하여 언제든지 자신만의 것을 만들 수 있습니다.
왜 하위 테마를 사용합니까?
두 텍스트를 사용하여 하위 테마를 사용하면 WordPress 웹 사이트 개발 속도를 높이는 동시에 사용자 정의할 수 있습니다. 상위 테마를 사용하는 경우 테마 파일에 대한 변경 사항을 언제든지 삭제할 수 있습니다. 사용자 정의 기능이 필요하거나 테마 템플릿을 재정의하려면 하위 테마를 사용해야 합니다.
하위 테마 구성기를 삭제할 수 있습니까?
예, 하위 테마를 만든 후 테마 편집기 플러그인을 제거할 수 있습니다.
테마를 제거할 수 있습니까?
시작하려면 먼저 모양으로 이동해야 합니다. 테마 페이지에서 테마를 삭제할 수 있습니다. WordPress가 활성화되면 테마 세부 정보가 팝업 창에 표시됩니다. 컴퓨터에서 항목을 삭제하려면 팝업 창 오른쪽 하단의 삭제 버튼을 누릅니다. 그런 다음 테마를 삭제할 것인지 확인하는 메시지가 표시됩니다.
어린이 테마 플러그인이란 무엇입니까?
간단히 말해서, Child Theme Configurator 플러그인은 일반적인 문제에 대한 모든 테마를 분석하고, 자식 테마를 만들고, 사용자 지정 프로그램의 기능 이상으로 사용자 지정할 수 있는 빠르고 간단한 방법입니다. 이 도구를 사용하면 기존 상위 레이아웃의 다양한 하위 테마를 결합할 수 있습니다.
하위 테마에 코드를 어떻게 추가합니까?
몇 가지 다른 방법으로 하위 테마에 코드를 추가할 수 있습니다. 한 가지 방법은 하위 테마의 디렉토리에 새 파일을 만들고 거기에 코드를 추가하는 것입니다. 또 다른 방법은 functions.php 파일과 같은 자식 테마의 기존 파일에 직접 코드를 추가하는 것입니다.
테마에 고유한 코드를 추가하려면 하위 테마를 사용해야 합니다. 워드프레스 하위 테마는 상위 테마의 파일을 변경하지 않고도 변경할 수 있는 안전하고 편리한 방법입니다. Zakra Child Theme에는 직접 다운로드할 수 있는 zip 파일이 있습니다. style.css라는 zakra-child 폴더에 파일을 생성합니다. 여기에는 아래에 표시된 정보가 포함됩니다. 파일을 추가한 후 저장하기 위해 필요합니다. 또한 부모 테마가 자식 테마에 설치되어 있는지 확인해야 합니다. 템플릿 파일에 코드를 추가하는 것은 템플릿 파일을 조정하는 것만큼 간단합니다. header.php 파일을 변경하거나 코드를 추가하려면 먼저 상위 테마의 상위 테마의 header.php 파일을 복사한 다음 하위 테마에 붙여넣어야 합니다.
WordPress 테마에 코드 조각을 추가하는 방법
WordPress 테마의 코드 조각은 추가하기 어려울 수 있지만 WordPress.com의 WPMU DEV와 같은 코드 편집기를 사용하는 경우에는 그렇지 않습니다. WPMU DEV를 다운로드하여 설치한 후 테마를 찾을 FTP 클라이언트의 테마 폴더에 액세스할 수 있습니다. 테마 파일을 마우스 오른쪽 버튼으로 클릭하고 'DEV에서 열기'를 선택하면 WPMU로 이동할 수 있습니다.
이제 WPMU DEV 테마 파일을 편집한 후 코드 조각을 추가할 수 있습니다. 코드 조각을 추가하기 전에 먼저 WPMU DEV 파일을 열어야 합니다. 코드 조각을 추가하려면 '코드 조각 추가' 버튼을 클릭하기만 하면 됩니다. 코드 조각 추가 창이 추가되었습니다. 스니펫은 이 창에 추가할 수 있으며 코드를 추가한 후 저장할 수 있습니다.
WordPress에서 테마와 하위 테마의 차이점은 무엇입니까?

본질적으로 자식 테마는 기능과 스타일을 포함하는 테마 유형인 상위 테마와 동일한 유형의 테마입니다. 자식 테마는 기존 테마를 업데이트하는 좋은 방법입니다.
상위 테마의 복사본이지만 표시하는 데 필요한 모든 파일이 없습니다. 필요와 관심에 따라 하위 테마의 style.html, function.php 또는 functions.html 파일을 변경할 수 있습니다. 개발자와 디자이너는 테마를 사용자 정의하고 원본 템플릿을 보존할 수 있습니다. 하위 테마는 상위 테마의 원래 템플릿을 유지하면서 상위 테마에 대한 사소한 변경을 수용하기 위해 만들어집니다. 하위 테마를 사용하면 파일이 많이 없지만 두 개만 포함되어 있기 때문에 시간을 절약하고 새로운 것을 빠르게 배울 수 있습니다. 또한 정보를 검색할 필요가 없기 때문에 디버깅이 더 쉽습니다. 작업용 테마에는 상위 테마와 상위 테마에 의해 결정되는 하위 테마의 두 가지 유형이 있습니다. 하위 테마에는 전체 파일 목록이 아니라 style.html과 function.html의 두 파일이 있습니다. 개발자가 상위 테마를 제거했음에도 불구하고 아무 것도 사용하지 않는 한 오픈 소스 테마를 계속 사용할 수 있습니다.

하위 테마: 상위 테마 파일을 포함하는 방법
부모 테마 파일 은 자식 테마인지 부모 테마인지에 관계없이 자식 테마와 동일한 디렉터리에 포함되는 것이 중요합니다. 그렇지 않으면 하위 테마가 활성화되지 않습니다.
하위 테마 구성기 플러그인
Child Theme Configurator는 WordPress 사이트의 하위 테마를 쉽게 생성, 편집 및 관리할 수 있는 WordPress 플러그인입니다. 이 플러그인을 사용하면 상위 테마의 코드를 편집하지 않고도 하위 테마의 CSS, HTML 및 PHP 코드를 쉽게 사용자 정의할 수 있습니다. 이 플러그인을 사용하면 게시하기 전에 하위 테마의 변경 사항을 미리 볼 수도 있습니다.
WordPress 테마를 변경하는 가장 좋은 방법은 하위 테마 옵션 을 사용하는 것입니다. 원래 테마를 유지하고 나중에 업데이트할 수 있도록 자식 테마에서 사용자 정의 CSS 스타일을 변경할 수 있습니다. 이 튜토리얼에서 Child Theme Configurator 플러그인을 사용하여 몇 가지 간단한 단계로 이러한 템플릿을 만드는 방법을 보여줍니다.
다중 사이트 네트워크에 WordPress 하위 테마를 설치하는 방법
WordPress 다중 사이트 네트워크를 사용하는 경우 각 사이트에 대한 하위 테마를 설치해야 합니다. 하위 테마 폴더 를 사이트에 복사하는 두 가지 옵션이 있습니다. FTP 또는 zip 파일을 빌드합니다. 이 파일은 모양을 클릭하여 업로드할 수 있습니다.
하위 테마 구성자 튜토리얼
하위 테마 구성자 튜토리얼 은 WordPress 사이트의 하위 테마를 설정하는 방법을 배울 수 있는 좋은 방법입니다. 자습서를 따르면 하위 테마가 올바르게 구성되고 특정 WordPress 사이트에서 작동하도록 설정할 수 있습니다. 또한 자습서는 하위 테마 구성기의 다양한 측면과 이를 최대한 활용하는 방법을 이해하는 데 도움이 될 수 있습니다.
이 하위 테마는 구성자 스타일시트를 로드하지 않습니다.
이 하위 테마는 구성자 스타일시트를 로드하지 않습니다. 이는 구성자 스타일시트가 하위 테마에 포함되어 있지 않거나 하위 테마가 구성자 스타일시트를 올바르게 로드하지 않기 때문일 수 있습니다. 하위 테마의 설명서를 확인하거나 하위 테마 작성자에게 도움을 요청하세요.
렌더링된 테마가 감지되는 즉시 Analyzer는 하위 테마를 구성합니다. Child Theme Configurator를 사용하면 설치된 테마(기존 테마 포함) 중에서 선택할 수 있습니다. 이제 테마의 결과가 테마 디렉토리에 저장되어야 합니다. 당신의 워드프레스 웹사이트는 당신이 자식 테마를 활성화할 때 자동으로 사용자 정의 스타일을 사용할 것이므로 즉시 이것을 하십시오. IntelliWidget에서 다양한 플러그인 세트를 결합하여 기능적이고 유연한 위젯 관리자를 만들 수 있습니다. Child Theme Configurator를 사용하면 속성뿐만 아니라 CSS 선택자를 기반으로 스타일을 검색할 수 있습니다. 쿼리/선택기 탭을 클릭하여 특정 CSS 선택기를 편집할 수 있습니다.
Hook Highlighter의 내부 프로그램 흐름은 관리자에게 WordPress 프로그램 흐름에 대한 명확한 그림을 제공합니다. 마우스를 클릭하거나 길게 눌러 목록에서 선택합니다. 속성/값을 사용하면 속성의 특정 값을 찾은 다음 속성/값 탭에서 특정 CSS 선택기의 값을 편집할 수 있습니다. 웹 글꼴 탭의 텍스트 영역에 @import 규칙을 입력하여 스타일시트와 웹 글꼴을 추가할 수 있습니다. 복사할 템플릿을 선택하면 하위 테마의 디렉토리에 추가됩니다. 테마 편집기를 사용하여 테마를 편집할 수 있습니다. 확인란을 선택하면 하위 테마에서 이미지를 삭제할 수 있습니다.
미디어 갤러리의 이미지가 최선의 선택입니다. 여기에 functions.php 파일을 복사할 방법이 없습니다. 하위 테마는 상위 테마에 대한 변경 사항을 자동으로 선택하는 역할을 합니다. 임의적으로 보이는 댓글은 허용되지 않습니다. 하위 테마는 네트워크 사이트의 미리보기 및 활성화를 위해 네트워크가 활성화되어 있어야 합니다. 상위 템플릿을 제대로 로드하지 않거나 스타일시트 또는 PHP 파일과 함께 하위 테마를 자동으로 로드하지 않는 일부 상용 테마가 있습니다. 자식 테마는 일반적으로 테마 폴더에 있습니다([wordpress]/wp-content/themes/child-theme 참조).
앞으로 이런 일이 발생하지 않도록 하려면 실시간 미리보기(테마 커스터마이저) 기능으로 자식 테마를 항상 테스트하세요. 많은 옵션을 하위 테마로 복사하려면 상위/하위 탭으로 이동하여 상위 테마 메뉴, 위젯 및 기타 옵션 복사를 선택합니다. 스타일을 편집하려면 텍스트 상자에 입력을 시작합니다. At-rule에 연결되지 않은 스타일을 포함하여 쿼리 그룹으로 만듭니다. 파일 탭에서는 상위 테마 템플릿 파일 을 복사할 수 있습니다. 새 템플릿이나 디렉터리를 추가하려면 FTP 또는 SSH를 통해 업로드해야 합니다. 속성/값 탭을 사용하여 전역적으로 특정 값을 변경할 수 있습니다.
쿼리/선택기 탭에서 원시 CSS 텍스트 영역을 끌어 쿼리와 선택기를 추가할 수 있습니다. 브라우저 간 그라디언트를 어떻게 만들 수 있습니까? 하위 테마 구성기는 2색 그라데이션 전환만 지원하고 중간 정지는 지원하지 않습니다. 테마를 반응형으로 만들려면 어떻게 해야 하나요? 단기적으로는 반응형 부모 테마가 최고의 솔루션입니다. 반응형 테마 만들기에 대한 자세한 내용은 여기를 클릭하여 확인할 수 있습니다. 반응형 테마 만들기. 설치 지침은 플러그인 저장소에서 찾을 수 있습니다.
WordPress 관리 메뉴에서 설치된 플러그인을 선택합니다. 목록에서 Child Theme Configurator를 찾아 클릭합니다. 도구 링크를 클릭하여 도구에 액세스할 수 있습니다. 다중 사이트 웹 사이트의 사용자는 네트워크 관리 테마를 하위 테마로 사용할 수 있습니다.
WordPress에서 하위 테마 오류를 해결하는 방법
테마가 자식 테마 없이 잘 작동하는 것은 드문 일이 아니지만 필요한 경우가 있을 수 있습니다. 어린이 테마는 상위 테마에 영향을 주지 않고 새로운 기능을 추가하려는 WordPress 사이트에 특히 유용합니다. 자식 테마에 문제가 있는 경우 이 문서에 설명된 단계를 따르지 않았을 가능성이 큽니다. 문제 해결 다음은 몇 가지 지침입니다. 하위 테마를 사용하고 있는지 확인하려면 해당 테마가 활성화되어 있는지 확인하십시오. WordPress 대시보드로 돌아가서 모양 섹션에 액세스할 수 있습니다. 나머지 테마와 분리되어야 하는 하위 테마여야 합니다. 테마 이름 옆에 있는 활성화 버튼을 클릭하여 일반적인 방법으로 웹사이트를 시작할 수 있습니다. 하위 테마의 파일 구조가 올바르지 않은 경우 다시 확인해야 합니다. 자식 테마가 부모 테마와 같은 디렉토리에 속하지 않으면 my_theme_enqueue_styles 함수의 우선 순위를 부모 테마 다음에 실행하도록 변경해야 할 수 있습니다. add_action의 세 번째 매개변수를 사용하여 이를 수행할 수 있습니다. 자식 테마 스타일 을 큐에 넣은 후에 CSS를 예상대로 사용할 수 있습니다. 자녀의 테마가 올바른 키워드를 사용하고 있다면 다시 확인해야 합니다. 문제가 있는 경우 테마가 제대로 작동하지 않을 수 있습니다. 하위 테마의 index.html 파일에는 이를 결정하는 데 사용할 수 있는 style> 태그가 포함되어 있습니다. 계정에 표시되지 않으면 수동으로 추가해야 합니다. 하위 테마의 파일이 올바른지 확인하십시오. 하위 테마가 제대로 작동하지 않는 경우 파일 불일치 때문일 가능성이 큽니다. 이 시점에 도달하려면 하위 테마의 index.php 파일을 열고 head> 및 body> 태그를 찾으십시오. 여전히 문제가 있는 경우 하위 테마를 다시 설치해야 할 수 있습니다. WordPress 테마 디렉토리를 사용하여 자녀의 테마를 다운로드하고 설치할 수 있습니다.
WordPress 하위 테마 플러그인
WordPress 하위 테마 플러그인 은 기본 테마의 코드를 편집하지 않고도 사용자 정의 WordPress 사이트를 만드는 좋은 방법입니다. 자식 테마를 만들면 기본 테마에 영향을 주지 않고 CSS, 템플릿 및 기능을 변경할 수 있습니다. 이렇게 하면 사용자 지정 내용을 잃지 않고 기본 테마를 업데이트할 수 있습니다.
WordPress 자식 테마에는 부모라는 다른 테마의 모든 기능이 포함되어 있습니다. 하위 테마는 디자인 면에서 더 유연하며 더 만족스러운 결정을 내릴 수 있습니다. 또한 시스템을 업데이트한 후에도 디자인 및 코드에 대한 모든 변경 사항은 계속 유지됩니다. 이 튜토리얼에서는 플러그인을 사용하여 하위 테마를 만드는 단계를 안내합니다. Child Theme Configurator 플러그인을 사용하여 WordPress 웹 사이트에 대한 새 하위 테마를 만들 수 있습니다. WordPress를 수정한 후 플러그인으로 하위 테마를 저장할 수 있습니다. 또한 사이트에서 수행할 수 있는 작업보다 더 강력한 기능을 제공하는 Pro 버전의 플러그인을 선택할 수도 있습니다.
기능이 성공하면 페이지 상단에 새 하위 테마가 반영된 것을 볼 수 있습니다. 새 WordPress 하위 테마 가 이미 존재하므로 걱정할 필요가 없습니다. 귀하는 특정 파일을 탐색하고 적절하다고 생각되는 대로 코드를 조작할 권리가 있습니다. 이 플러그인의 개발자는 플러그인 탐색에 도움이 되는 수많은 자습서를 만들었습니다.
왜 하위 테마를 사용합니까?
하위 테마는 아동용으로 설계되었다는 점에서 WordPress 테마와 다릅니다. WordPress 테마는 방문자가 귀하가 만든 것을 볼 수 있도록 웹 사이트의 기초 역할을 합니다. WordPress 테마는 사이트의 모양과 느낌을 정의하는 파일 모음입니다. WordPress 테마에 하위 테마를 추가하는 것은 콘텐츠를 추가하는 좋은 방법입니다. 디자인과 코딩을 유지하면서 하위 테마를 수정하는 것이 좋습니다. 하위 테마와 WordPress 테마의 차이점은 WordPress 테마는 웹사이트의 기초인 반면 하위 테마는 기존 WordPress 테마에 포함된 확장 기능이라는 것입니다. 어린이 테마는 WordPress 테마가 웹사이트의 기초이기 때문에 WordPress 테마와 다릅니다.