WordPress 사이트의 특정 페이지에 하위 테마를 추가하는 방법

게시 됨: 2022-10-16

특정 WordPress 페이지에 하위 테마를 추가하는 것은 상위 테마가 업데이트될 때 사용자 정의가 안전하게 유지되도록 하는 좋은 방법입니다. 아래 단계에 따라 WordPress 사이트의 특정 페이지에 하위 테마를 추가하는 방법을 알아보세요. 1. WordPress 사이트에 로그인하고 관리 패널로 이동합니다. 2. 모양 제목 아래에서 테마를 클릭합니다. 3. 테마 페이지에서 새로 추가 버튼을 클릭합니다. 4. 검색 상자에 설치하려는 하위 테마의 이름을 입력하고 Enter 키를 누르십시오. 5. 설치하려는 하위 테마의 설치 버튼을 클릭합니다. 6. 하위 테마가 설치되면 활성화 버튼을 클릭합니다. 7. 이제 하위 테마가 활성화되었으므로 마음껏 커스터마이징할 수 있습니다! WordPress 사이트의 특정 페이지에 하위 테마를 추가하려면 위의 단계를 따르세요. 다른 테마로 전환하면 하위 테마에 대한 모든 사용자 정의가 손실되므로 작업을 정기적으로 백업해야 합니다.

WordPress를 사용하면 HTML, CSS 또는 PHP를 몰라도 웹사이트를 완전히 사용자 정의할 수 있습니다. 그럼에도 불구하고 개발자가 테마를 업데이트하면 테마에 대한 변경 사항이 손실됩니다. 반면에 자식 테마를 사용하면 테마 파일을 다시 만들 필요 없이 웹사이트를 변경할 수 있습니다. 기존 테마의 파일은 하위 테마에 의해 수정되거나 추가됩니다. 일반적으로 변경하려는 테마는 변경하지 않고 변경하려는 테마만 변경할 수 있습니다. 하위 테마의 기본 요구 사항은 폴더, 스타일 시트 및 functions.php 파일입니다. 하위 테마에는 폴더, 스타일 시트 및 functions.php 파일도 포함되어야 합니다.

WP 설치의 플러그인/테마 영역에서 하위 테마 를 찾을 수 있습니다. 유일한 요구 사항은 테마의 이름과 템플릿입니다. 게시하기 전에 테마가 준비되었는지 확인해야 합니다. 저는 그렇게 하고 싶지 않습니다. functions.php 파일을 사용하면 WordPress 웹사이트에 기능을 추가할 수 있습니다. 파일은 스타일 시트를 만드는 것만큼 간단하게 만들 수 있습니다. PHP가 테마를 수정하는 것을 원하지 않으면 테마를 완전히 독립적으로 만들 수 있습니다. 상위 테마를 사용하는 경우 웹사이트가 어떻게 보일지 잘 알고 있을 것입니다.

이 섹션에 액세스하려면 상위 테마에서 스타일 시트를 상속받아야 합니다. 이를 수행하는 가장 일반적인 두 가지 방법은 CSS와 @import 규칙을 사용하는 것입니다. 모든 작업을 올바르게 수행했다면 자식 테마가 부모 테마처럼 보일 것입니다. 이제 테마를 사용자 정의하고 원하는 결과에 따라 변경할 수 있습니다. 실습 세션에서 다양한 사용자 지정 옵션을 살펴보겠습니다. 하위 테마의 사용자 정의 스타일을 상위 테마 스타일 과 결합할 수 있습니다. 이 방법은 웹사이트를 변경하는 데 이상적입니다.

하위 테마는 상위 테마와 동일한 폴더 구조를 포함해야 합니다. 상위 테마의 page-templates라는 폴더에 있는 파일을 수정하려는 경우 하위 테마의 디렉토리에 page-templates라는 폴더를 만들 수 있습니다. 사용자 정의 페이지 템플릿을 만들려면 상위 테마의 page.html 파일을 복사하고 이름을 custom-full-width.html로 바꾸면 됩니다. footer-custom.php에서 아래 이미지와 같이 바닥글 요소에 전체 너비 클래스를 포함합니다. 이제 스타일 시트에 코드를 입력하기만 하면 됩니다. 이 페이지에서 당사 웹사이트를 완전히 표시했습니다. 평소처럼 업무로 돌아가자.

테마 후크는 핵심 파일을 편집하지 않고도 하위 테마를 사용자 정의할 수 있는 좋은 방법입니다. 테마 후크는 테마에 쉽게 추가할 수 있는 콘텐츠, 기능 및 기타 파일을 보관하는 작은 파일입니다. 후크는 액션 후크와 필터 후크의 두 가지 유형으로 분류됩니다. 액션 후크는 기존 기능에 사용자 정의 기능을 추가합니다. 필터 후크는 후크의 기능 위치를 변경합니다. 한 줄의 코드를 반복하기만 하면 WordPress에서 자식 테마를 만드는 것은 간단합니다. Twenty Fifteen 테마에는 바닥글 크레딧 기능이 있으며 이 경우 우리가 목표로 삼고자 하는 기능입니다. functions.php를 선택하는 경우 하위 테마에서 수정된 footer.php 파일을 삭제하는 것을 잊지 마십시오.

후크가 많으면 자식 테마로 더 많은 작업을 수행할 수 있습니다. 자식 테마를 사용하여 핵심 파일을 수정하지 않고도 웹 사이트를 완전히 사용자 지정할 수 있습니다. 변경 사항이 안전하고 문제가 발생하면 항상 이전 테마로 되돌릴 수 있다는 사실과 같이 처음부터 작성하는 것보다 기존 테마 또는 프레임워크를 사용하는 것에는 많은 이점이 있습니다.

WordPress에 하나의 웹사이트에 여러 테마가 있을 수 있습니까?

크레딧: WPBeginner

그러나 동일한 사이트에 두 개의 WordPress 테마 를 사용하는 것은 권장되지 않습니다. 일반적인 WordPress 설치에는 여러 개의 설치된 테마가 있지만 주어진 시간에 하나의 활성 테마만 있습니다.

웹사이트에 두 가지 테마를 사용할 수 있습니까? 그렇다면 어떻게? 표준 WordPress 설치에서는 테마를 설치하는 것과 활성화하는 것이 다릅니다. 언제든지 WordPress 사이트를 하위 디렉토리 또는 하위 도메인으로 이동할 수 있습니다. 여러 테마에 대해 WordPress 사이트를 구성할 필요가 없습니다. 코드 수준은 페이지 모양을 변경하는 메서드 구현을 지원합니다. 사용자 정의 테마를 코딩하거나 디자인할 때 다양한 유형의 콘텐츠를 표시할 수 있는 다양한 페이지 템플릿을 만들 수 있습니다. WordPress 사이트에서 여러 모양과 스타일을 만드는 데 권장되는 방법은 이 기술을 사용하는 것입니다.

자식 테마와 부모 테마의 차이점은 무엇입니까?

크레딧: 데일리 메일

워드프레스 코덱스에 따르면 자식 테마는 "다른 테마인 부모 테마의 기능과 스타일을 상속받는" 테마입니다. 기존 하위 테마를 수정하려면 해당 테마의 디자인과 코드를 유지해야 합니다.

상위 테마의 복사본인 테마이지만 표시에 필요한 모든 파일이 포함되어 있지는 않습니다. 특정 필요와 관심에 따라 하위 테마나 style.html 또는 functions.php 파일을 변경할 수 있습니다. 개발자와 디자이너는 테마를 사용자 지정하고 원본 템플릿을 유지하기가 더 쉽습니다. 어린이 테마는 부모 테마의 디자인을 고수하면서 부모 테마의 작은 측면을 다루기 위해 만들어졌습니다. 자식 테마가 있다면 파일도 많지 않고 2개만 들어있어서 시간을 절약하고 빠르게 배울 수 있습니다. 또한 많은 정보를 검색할 필요가 없기 때문에 프로그램을 디버그하는 데 도움이 됩니다. 부모 테마는 작업과 놀이 모두에 사용할 수 있다는 점에서 자식 테마와 다릅니다. 하위 테마에는 모든 파일이 포함되어 있지 않습니다. style.css와 functions.php의 두 파일만 있습니다. 테마가 오픈 소스인 경우 개발자가 더 이상 지원하지 않아도 계속 작업할 수 있습니다.

자식 테마를 만드는 방법에는 두 가지가 있습니다. WordPress 자식 테마를 사용할 수 있습니다. 기본 관리 영역에서 내 테마로 이동한 다음 테마를 클릭하면 하위 테마 기능을 볼 수 있습니다. 테마 페이지에서 상위 테마의 이름(예: 기본)을 입력한 다음 사이드바에서 하위 테마 링크 를 클릭할 수 있습니다. 테마는 WP-content/themes 디렉토리에 있어야 합니다. 자식 테마를 만드는 첫 번째 단계는 새 디렉터리(예: 자식 테마)를 만든 다음 부모 테마(이 경우 기본값)에서 새 디렉터리로 파일을 복사하는 것입니다.

어린이 테마 WordPress

자식 테마는 부모 테마라고 하는 다른 테마의 기능을 상속하는 테마입니다. 자식 테마는 기존 테마를 수정하는 데 권장되는 방법입니다. 하위 테마가 활성화되면 상위 테마의 파일을 재정의하여 상위 테마의 일부를 수정하거나 바꿀 수 있는 기능을 제공합니다.

자식 테마는 부모 테마와 비슷하지만 모양과 기능을 변경할 수 있습니다. 자식 테마는 부모를 방해하지 않도록 부모 테마 와 별도로 유지됩니다. 자식 테마를 사용하면 사이트를 최신 상태로 유지하고 훨씬 쉽게 유지 관리할 수 있습니다. 위에서 언급한 단계는 덮어쓰기를 방지하고 사이트 스타일을 잃지 않는 데도 도움이 됩니다. 상위 테마의 테마 요소가 하위 테마로 전송됩니다. JavaScript 및 이미지와 같은 템플릿 파일, 기능 및 자산이 이 범주에 포함됩니다. style.html 파일은 일반적으로 몇 줄의 코드만 추가하면 됩니다.

사용 가능한 수많은 플러그인 중 하나를 사용하여 WordPress 자식 테마를 만들 수 있습니다. 드롭다운 메뉴에서 상위 테마를 선택합니다. 사이트의 많은 테마 중에서 사용자 정의할 테마를 선택해야 합니다. 그런 다음 자녀의 테마 이름을 지정하고 설명을 작성할 수 있습니다. 원시 데이터 분석을 보거나 지원 요청을 제출하려면 이 페이지를 방문하십시오. 프리미엄 또는 제한된 테마를 부모로 사용하는 경우 이 단계를 수행하지 못할 수 있습니다. 변경하기 전에 사이트를 최신 상태로 유지하고 모든 설정이 있는지 확인하십시오.

결과적으로 WordPress 하위 테마에서 수행하려는 모든 변경 사항을 세부적인 수준에서 구성할 수 있습니다. 첫 번째 단계는 자녀의 테마 폴더를 만드는 것입니다. 두 번째 단계는 자녀의 테마에 대한 스타일시트를 만드는 것입니다. 부모 및 자식 테마 스타일시트 를 준비해야 합니다. 4단계에서는 방금 만든 디렉터리 폴더에 style.css 파일을 포함해야 합니다. 테마를 선택하여 모양에 액세스할 수 있습니다. 상위 테마를 직접 편집하는 것보다 하위 테마를 사용하면 복잡한 문제가 줄어듭니다.

자식 테마에서는 웹사이트 디자인을 다양하게 쉽게 변경할 수 있습니다. 또한 귀하의 요구에 적합한 호스팅 제공업체가 필요합니다. DreamHost의 공유 호스팅 계획을 비교하여 웹 사이트가 잘 작동하는지 확인할 수 있습니다.

어린이 테마가 없으면 구입할 필요가 없습니다. 기본 디자인뿐만 아니라 WordPress 테마 의 스타일과 기능을 즐기는 경우 필요하지 않습니다.

WordPress에서 테마와 하위 테마의 차이점은 무엇입니까?

부모 테마에 관해서는 그 반대가 사실이 아닙니다. 그들은 자식 테마가 필요하지 않습니다. 반면에 하위 테마는 상위 테마에 추가된 레이어입니다. 사용자 정의할 필요 없이 개발자는 새 WordPress 테마를 추가하거나 사용자 정의할 수 있습니다.

WordPress에 하위 테마가 필요합니까?

항상 필요한 것은 아닙니다. 솔직히 말해서 테마 코드나 파일을 수정해야 하는 경우에만 필요합니다. CSS 변경 사항은 한때 인기가 있었지만 이제는 많은 테마에 사용자 정의 섹션이 포함됩니다. 테마 또는 하위 테마를 망치고 싶지 않다면 사용자 정의 CSS를 사용자 정의하기 위한 플러그인도 있습니다.

자식 테마를 만드는 방법

하위 테마는 상위 테마라고 하는 다른 WordPress 테마에서 기능을 상속하는 WordPress 테마입니다. 하위 테마는 상위 테마를 업데이트하는 기능을 잃지 않고 기존 WordPress 테마를 변경하려는 경우에 자주 사용됩니다. 하위 테마를 생성하려면 WordPress 테마 디렉토리(wp-content/themes/) 내에 하위 테마에 대한 새 디렉토리를 생성해야 합니다. 하위 테마 디렉토리 내에서 style.css 및 functions.php의 두 파일을 생성해야 합니다. style.css 파일은 상위 테마에서 재정의하려는 CSS 코드를 추가할 위치입니다. 예를 들어, 텍스트의 색상을 변경하려면 style.css 파일에 다음 코드를 추가합니다. p { color: red; } functions.php 파일은 상위 테마의 기능을 재정의할 기능을 추가할 수 있는 곳입니다. 예를 들어, 게시물 제목이 표시되는 방식을 변경하려면 functions.php 파일에 다음 코드를 추가합니다. function my_theme_setup() { add_theme_support( 'title-tag' ); } add_action( 'after_setup_theme', 'my_theme_setup' );

하위 테마는 동일한 기능, 기능 및 스타일을 가진 상위 테마와 동일한 방식으로 구축된 워드프레스 테마입니다. 하위 테마는 WordPress 테마를 사용자 정의할 때 시작하기에 좋은 장소입니다. 이 튜토리얼은 WordPress 자식 테마를 만드는 과정을 안내합니다. 이 튜토리얼에서는 WordPress 설치를 위한 기본 하위 테마를 만드는 단계를 안내합니다. 처음 두 개의 파일을 생성할 수 없는 경우 플러그인 방식을 사용할 수 있습니다. Child Theme Configurator 는 WordPress를 사용하여 자식 테마를 빠르게 만들고 사용자 지정할 수 있는 플러그인입니다. 폴더를 만들고 style.css 및 functions.php 파일을 업로드하면 나중에 자식 테마를 사용자 지정할 수 있습니다.

테마를 활성화하기 전에 테마를 미리 보고 보기 좋고 사이트를 손상시키지 않는지 확인해야 합니다. 웹 페이지에서 HTML 및 CSS 코드를 검사하는 데 익숙해지기가 어려울 수 있습니다. 코드는 상위 테마의 style.css 파일 어딘가에 있습니다. Chrome 또는 Firefox Inspector를 통해 찾을 수 있습니다. 웹사이트에서 배경색을 변경할 때 원래 코드는 -color-background였습니다. 이 변수는 테마 전체의 다양한 위치에서 사용할 수 있습니다. 상위 테마의 style.css에는 다양한 색상 변수가 포함되어 있습니다. 이러한 변수를 사용하여 자식 테마를 빠르고 쉽게 사용자 지정할 수 있습니다.

변수 값을 변경하여 이러한 각 위치의 색상을 동시에 변경할 수 있습니다. 템플릿을 디자인할 때 일반적으로 템플릿이 사용되는 영역의 이름을 따서 명명됩니다. 이 튜토리얼에서는 테마에 새 위젯 영역을 추가하는 방법을 보여줍니다. 우리 자식 테마의 functions.php 파일에 코드 조각을 넣는 것만 큼 간단합니다. 새 업데이트로 업데이트된 후 상위 테마에 추가하면 삭제됩니다. 이전에 자식 테마를 만든 적이 없다면 실수할 수 있습니다. 코드에서 필요한 단계를 사용하지 않을 때 발생하는 구문 오류가 가장 일반적입니다. 문제가 발생하면 다시 시작할 수 있습니다. 예를 들어, 상위 테마에 필요한 파일을 실수로 삭제한 경우 하위 테마에서 파일을 삭제하고 다시 시작할 수 있습니다.

WordPress 하위 테마에 사용자 정의 CSS를 추가하는 방법

WordPress 하위 테마에 사용자 정의 CSS를 추가하는 것은 상위 테마의 기능을 유지하면서 사이트에 고유한 스타일을 추가하는 좋은 방법입니다. 이렇게 하려면 style.css라는 하위 테마 디렉토리에 새 파일을 만들어야 합니다. 그런 다음 이 파일에 사용자 정의 CSS 규칙을 추가하면 사이트에 적용됩니다.

자식 테마를 만든 후에는 디자인 및 구성을 사용자 지정할 수 있습니다. CSS(Cascading Style Sheet)를 사용하면 자식 테마의 디자인을 쉽게 변경할 수 있습니다. 사이트의 모양을 제어하는 ​​규칙을 저장하는 각 하위 테마에 style.css라는 파일이 있습니다. 초보자라면 대부분의 웹 브라우저에서 탐색하는 동안 웹사이트의 CSS를 검사할 수 있습니다. WordPress는 하위 테마 파일 의 우선 순위를 지정할 때 상위 테마 폴더의 해당 항목보다 하위 테마 파일의 우선 순위를 지정합니다. 웹 사이트의 머리글, 바닥글 및 페이지 레이아웃은 독립 실행형 파일로 구성할 수 있습니다. 하위 테마 폴더의 파일은 웹사이트의 프레젠테이션에만 포함되며 기본 테마 폴더에는 포함되지 않습니다.