쉬운 3단계로 WordPress 자식 테마 만들기

게시 됨: 2022-10-19

WordPress 웹사이트 를 만들 때 사이트를 변경하기 전에 하위 테마를 만드는 것이 중요합니다. 테마를 직접 변경하면 테마를 업데이트하면 해당 변경 사항이 손실되기 때문입니다. 자식 테마를 만드는 것은 하기 쉽고 몇 분 밖에 걸리지 않습니다. 자식 테마를 만든 후에는 테마를 업데이트할 때 변경 사항을 잃을 염려 없이 사이트를 변경할 수 있습니다. 하위 테마를 만들려면 먼저 WordPress 설치 디렉터리에 새 디렉터리를 만들어야 합니다. 이 디렉토리는 하위 테마가 상주할 위치입니다. 다음으로, 당신은 당신의 자식 테마를 위한 스타일시트를 만들어야 합니다. 이 스타일시트는 상위 테마의 스타일시트 다음에 로드되므로 상위 테마의 스타일을 무시합니다. 마지막으로 자식 테마에 대한 functions.php 파일을 만들어야 합니다. 이 파일에는 하위 테마의 기능이 포함됩니다. 이 세 개의 파일을 만든 후에는 WordPress 관리자 패널에서 하위 테마를 활성화할 수 있습니다. 이제 하위 테마가 활성화되고 사이트 변경을 시작할 수 있습니다.

자식 테마를 만들면 디자인과 구성을 바로 사용자 지정할 수 있습니다. 자식 테마의 디자인을 수정하는 가장 일반적인 방법은 CSS(Cascading Style Sheet)를 사용하는 것입니다. 각 하위 테마에는 사이트의 모양을 제어하는 ​​규칙을 저장하는 style.css라는 파일이 포함되어 있습니다. 탐색할 때 대부분의 웹 브라우저에서는 사이트의 CSS를 볼 수 있으므로 사용 방법을 배울 수 있습니다. WordPress는 상위 테마 폴더에 있는 파일보다 하위 테마 폴더 에 있는 파일의 우선 순위를 지정합니다. 머리글, 바닥글, 페이지 레이아웃 및 사이드바의 구조를 관리하는 데 사용할 수 있는 독립 실행형 파일입니다. 이 파일은 하위 테마 폴더를 클릭해야만 액세스할 수 있지만 사이트 프레젠테이션에 추가됩니다.

한 페이지에서 WordPress 테마를 변경할 수 있습니까?

크레딧: FameThemes

외모로 이동합니다. WordPress 관리자 패널의 테마 섹션 은 왼쪽 사이드바에 있습니다. 활성화 버튼에 도달할 때까지 사용하려는 WordPress 테마 위에 마우스 커서를 올려야 합니다.

아래 단계는 WordPress 테마를 손상시키지 않고 변경하는 데 도움이 됩니다. 다음 단계에 따라 WordPress 테마를 성공적으로 안전하게 변경하십시오. 사용 중인 테마가 복잡할수록 변경하기가 더 어려워집니다. 웹 사이트마다 다르기 때문에 사이트의 특정 요구 사항에 적합한 테마를 선택하는 것이 중요합니다. WordPress 테마를 변경하는 것은 큰 일이므로 되돌려야 할 가능성에 대해 미리 계획해야 합니다. 웹 사이트의 스테이징 복사본을 사용하면 두려움 없이 원하는 대로 변경할 수 있습니다. 스테이징 환경은 모든 테스트를 완료하고 대중이 보기 전에 중요한 변경을 수행하는 랩입니다.

첫 번째 단계는 새 WordPress 테마 를 다운로드하여 설치하는 것입니다. 웹사이트를 살펴보고 명백한 문제가 있는지 확인할 수도 있습니다. 새 테마는 원하는 모양과 정확히 일치할 때까지 사용자 지정해야 합니다. 스테이징 웹사이트를 사용하는 경우 라이브로 푸시해야 합니다. 이 프로세스 동안 현재 라이브 웹사이트를 새롭고 향상된 스테이징 복사본으로 교체합니다. 스테이징 복사본의 테마를 변경하는 동안 라이브 웹사이트에 새 콘텐츠를 게시한 경우 새 콘텐츠가 삭제됩니다. 로컬 설치에 새 WordPress 테마를 설치하는 데 시간이 조금 더 걸릴 수 있습니다. 웹사이트를 수동으로 백업하고 서버에 업로드해야 합니다. 웹사이트의 각 요소가 원활하게 전환되도록 하려면 페이지와 콘텐츠에 대한 검토를 한 번 더 통과해야 합니다.

다중 테마 플러그인을 활성화하려면 먼저 왼쪽 사이드바로 이동하여 테마 링크를 클릭한 다음 그 옆에 있는 활성화 버튼을 클릭해야 합니다. 플러그인을 활성화한 후 플러그인의 테마 옵션 섹션에서 새 테마 추가 버튼을 클릭합니다. WordPress에 새 테마가 추가되면 이름을 지정하고 테마의 위치를 ​​선택할 수 있습니다. 플러그인 관리자 패널의 모든 플러그인 섹션에 테마를 포함하려면 그렇게 할 수 있습니다. 새 테마를 추가하면 플러그인의 관리자 패널의 테마 섹션에 표시됩니다. 테마를 활성화하려면 테마 이름 옆에 있는 활성화 버튼을 클릭하세요. 다중 테마 플러그인에는 염두에 두어야 할 몇 가지 사항이 있습니다. 새 테마를 추가하기 전에 플러그인이 활성화되어 있는지 확인하십시오. 마지막으로, 쉽게 식별할 수 있도록 테마의 철자가 올바른지 확인하십시오. 마지막으로 플러그인의 관리자 패널에 있는 플러그인의 모든 플러그인 섹션에 WordPress 테마를 포함해야 합니다. Multiple Themes 플러그인은 WordPress 웹사이트의 모양과 느낌을 사용자 정의하는 데 도움이 되는 강력한 도구입니다. 플러그인을 활성화하고 새 테마를 추가하면 모든 콘텐츠가 프로세스 전반에 걸쳐 안전하고 변경되지 않은 상태로 유지되도록 할 수 있습니다.

세 가지 쉬운 단계로 WordPress 테마를 변경하는 방법

WordPress 테마 중 하나를 선택하면 웹사이트가 완전히 다르게 보일 것입니다. WordPress 웹 사이트에서 테마를 전환하기 위해 추가 작업을 수행할 필요가 없습니다. 그렇게 하려면 몇 가지 간단한 단계를 따르십시오. 시작하려면 URL 접두사 섹션으로 이동하여 사용하려는 테마를 선택하십시오. 웹사이트.com/blog와 같은 모든 블로그 게시물의 경우 URL 접두사를 지정해야 합니다. 모든 변경 사항 저장을 클릭하면 원하는 대로 변경할 수 있습니다. 새 테마 사용자 지정을 즉시 시작할 수 있으며 그 과정에서 콘텐츠가 안전합니다.

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

크레딧: techetips.com

즉, 자식 테마는 다른 테마의 기능 및 스타일에 부합하는 테마입니다. 자식 테마는 현재 테마를 수정하는 데 가장 일반적으로 사용되는 방법입니다.

자식 테마는 부모 테마의 복사본이지만 테마를 구성하는 모든 파일을 포함하지는 않습니다. 하위 테마 및 styles.html 파일을 사용하여 필요와 기본 설정에 따라 테마를 변경하거나 style.html 또는 functions.html 파일을 변경할 수 있습니다. 테마 템플릿은 여전히 ​​동일하기 때문에 디자이너와 개발자는 원하는 대로 사용자 지정할 수 있습니다. 원래 상위 테마 템플릿은 그대로 유지되지만 상위 테마의 특정 측면을 처리하기 위해 하위 테마가 생성됩니다. 자식 테마는 파일이 많지 않고 2개뿐이어서 시간을 절약하고 빠르게 학습하기에 적합합니다. 또한 검색이 필요하지 않기 때문에 간소화된 디버깅 프로세스를 제공합니다. 상위 테마는 작업 목적으로 특별히 설계된 반면 하위 테마는 반응형으로 설계되었다는 점에서 다른 테마와 다릅니다. 하위 테마에는 style.html과 functions.html이라는 두 개의 파일만 있으므로 모든 파일이 있는 것은 아닙니다. 개발자가 상위 테마 를 제거하더라도 오픈 소스라면 계속해서 개발할 수 있습니다.

블로그나 웹사이트에서 하위 테마를 사용하려면 지침을 주의 깊게 읽으십시오. 방법을 배우는 즉시 자녀 테마를 활성화할 수 있습니다. 자식 테마를 사용하기 전에 먼저 부모 테마 파일의 복사본을 만들어야 합니다. 이렇게 하려면 상위 테마의 폴더를 하위 테마의 폴더로 복사하거나 테마 관리 플러그인을 사용하여 파일을 복사합니다. 파일이 하위 테마 폴더에 업로드되면 WordPress 설치에서 테마 폴더를 편집하여 하위 테마를 활성화해야 합니다. 테마는 일반적으로 WordPress 설치의 루트 디렉토리에 있으며 일반적으로 WP-content/themes입니다. 하위 테마를 활성화하려면 먼저 상위 테마의 파일을 찾아 편집해야 합니다. 가장 좋은 방법은 테마 관리 플러그인을 사용하는 것입니다. 파일이 편집되는 즉시 WordPress 설치의 테마 폴더를 업데이트하여 하위 테마가 활성화되도록 합니다. 하위 테마를 사용하면 활성화된 상위 테마에 영향을 주지 않고 테마 파일을 수정할 수 있습니다. 이 기능을 사용하여 상위 테마와 별도로 유지하려는 테마를 변경할 수 있습니다. 어린이용 테마를 만들 때 염두에 두어야 할 몇 가지 사항이 있습니다. 부모 테마의 기능에 익숙해지려면 먼저 상위 테마의 설명서를 읽는 것이 중요합니다. 변경 사항을 블로그나 웹 사이트에 통합하려면 먼저 테스트해야 합니다. 변경하려면 먼저 파일을 백업해야 합니다. WordPress 블로그 또는 웹 사이트를 사용자 정의하기 위해 하위 테마를 만들 수 있습니다. 이 문서에 설명된 지침을 따르면 상위 테마에 영향을 주지 않고 하위 테마를 활성화하고 변경할 수 있습니다.

워드프레스 어린이 테마

크레딧: createwptheme.com

WordPress 자식 테마는 부모 테마라고 하는 다른 테마의 기능을 상속하는 테마입니다. 하위 테마 는 상위 테마를 업데이트하는 기능을 잃지 않고 기존 테마를 변경하려는 경우에 자주 사용됩니다.

테마의 기능은 어린 시절 테마의 기능과 동일하지만 변경할 수 있습니다. 어린이를 위한 테마는 부모에게 영향을 주지 않는 부모 테마와 별도로 유지됩니다. 하위 테마를 사용하면 웹사이트를 더 쉽게 관리하고 업데이트할 수 있습니다. 또한 사이트의 스타일을 일관되게 유지하고 덮어쓰기를 방지하는 데 도움이 됩니다. 반면에 자식 테마는 부모 테마의 하위 집합입니다. JavaScript 및 이미지와 같은 모든 템플릿 파일, 기능 및 자산이 포함됩니다. 대부분의 경우 style.html 파일에 코드 줄을 추가할 필요가 없습니다.

플러그인 생성은 WordPress 자식 테마를 만드는 가장 간단한 방법 중 하나입니다. 드롭다운 메뉴에서 상위 테마를 선택하라는 메시지가 표시됩니다. 웹사이트에 여러 테마가 있는 경우 웹사이트에 가장 적합한 테마를 선택하는 것이 좋습니다. 테마를 결정한 후에는 자녀의 테마에 대한 설명을 작성해야 합니다. 플러그인 작성자는 플러그인 작성자 페이지를 통해 지원 요청을 수락할 수도 있습니다. 테마가 제한되어 있거나 컴퓨터에 프리미엄 테마가 설치된 경우 부모로서 이 단계를 수행하기 어려울 수 있습니다. 변경 사항이 없는지 확인하려면 웹 사이트를 백업해야 합니다.

WordPress 하위 테마를 수동으로 생성하면 필요에 맞는 수준에서 모양, 느낌 및 콘텐츠를 변경할 수 있습니다. 1단계에서는 자식 테마에 대한 폴더를 만들어야 합니다. 그런 다음 자녀의 테마에 맞는 스타일시트를 만들어야 합니다. 상위 및 하위 테마 스타일시트를 구성해야 합니다. 그런 다음 style.css 파일을 방금 만든 디렉터리 폴더에 복사합니다. 5단계는 모양으로 이동하여 하위 테마를 활성화하는 것입니다. 자식 테마를 사용하면 부모 테마를 직접 편집하는 어려움을 피할 수 있습니다.

기존 웹 사이트에 간단한 디자인 변경을 수행하는 것 외에도 하위 테마를 쉽게 조정할 수 있습니다. 귀하의 요구 사항에 맞는 호스팅 제공업체를 선택하는 것도 중요합니다. 웹사이트를 원활하게 운영하는 데 도움이 되는 계획을 원하신다면 DreamHost의 공유 호스팅 패키지에서 선택하십시오.

자식 테마를 만드는 방법

하위 테마는 상위 테마라고 하는 다른 WordPress 테마에서 기능을 상속하는 WordPress 테마입니다. 하위 테마는 상위 테마를 업데이트하는 기능을 잃지 않고 기존 테마를 변경하려는 경우에 자주 사용됩니다. 하위 테마를 생성하려면 /wp-content/themes/ 디렉토리 내에 하위 테마에 대한 새 디렉토리를 생성해야 합니다. 하위 테마 디렉토리는 상위 테마 디렉토리와 이름이 같아야 합니다. 예를 들어 상위 테마 디렉토리가 "twentyeleven"이라면 하위 테마 디렉토리는 "twentyeleven-child"로 지정되어야 합니다. 다음으로, 당신은 당신의 자식 테마를 위한 스타일시트를 만들어야 합니다. 스타일시트의 이름은 style.css로 지정해야 하며 하위 테마 디렉토리에 있어야 합니다. 스타일시트에는 다음이 포함되어야 합니다. @import url("../twentyeleven/style.css"); /* 테마 이름: Twenty Eleven 하위 테마 URI: http://example.com/twenty-eleven-child/ 설명: Twenty Eleven 하위 테마 작성자: 귀하의 이름 작성자 URI: http://example.com 템플릿: twoeleven 버전: 1.0.0 */ /* =테마 커스터마이징은 여기에서 시작합니다 ———————————————————— */ 이제 귀하의 자식 테마는 Appearance -> Themes 페이지 에서 활성화할 수 있습니다. 워드프레스 관리자.

가장 기본적인 형태의 하위 테마는 상위 테마의 모든 기능, 기능 및 스타일을 포함하는 WordPress 테마입니다. 시작하기에 좋은 WordPress 테마로 자식 테마를 간단하게 사용자 정의할 수 있습니다. 이 자습서에서는 WordPress에서 하위 테마를 만드는 단계를 안내합니다. 이 튜토리얼은 WordPress 설치를 위한 하위 테마를 만드는 과정을 안내합니다. 처음 두 파일을 만드는 데 문제가 있는 경우 플러그인 방법을 사용할 수 있습니다. Child Theme Configurator를 사용하면 WordPress를 사용하여 빠르고 쉽게 자식 테마를 만들고 사용자 지정할 수 있습니다. 그런 다음 나중에 하위 테마를 사용자 정의하는 데 사용할 styles.html 및 functions.html 파일을 업로드해야 합니다.

테마를 활성화하기 전에 테마를 미리 보고 보기 좋고 사이트를 손상시키지 않는지 확인하는 것이 가장 좋습니다. 웹 페이지에서 HTML 및 CSS 코드를 검사하는 작업은 처음에는 이해하기 어려울 수 있습니다. 이 코드는 Chrome 또는 Firefox Inspector를 사용하거나 상위 테마의 style.css 파일에서 직접 복사하여 볼 수 있습니다. 예를 들어 페이지 배경색을 변경한 경우 원래 코드는 '–color-background'였습니다. 이 변수를 테마 전체의 다른 위치에 할당할 수 있습니다. 부모 테마에 style.css를 입력하면 전체 색상 변수를 얻을 수 있습니다. 이러한 변수 덕분에 자식 테마를 빠르게 사용자 지정할 수 있습니다.

해당 위치의 모든 색상을 한 번에 변경하려면 변수 값을 변경하기만 하면 됩니다. 대부분의 템플릿은 의도한 목적에 따라 이름이 지정됩니다. 이 자습서의 테마에 새 위젯 영역을 추가합니다. 이 코드 조각을 자식 테마의 functions.php 파일에 추가하면 이를 수행할 수 있습니다. 상위 테마에 추가하는 경우 다음 테마 업데이트로 업그레이드 하는 즉시 자동으로 덮어쓰기 됩니다. 처음에 자식 테마를 만들 때 실수할 가능성이 많습니다. 코드의 실수로 인해 발생하는 구문 오류는 가장 흔한 오류 원인 중 하나입니다. 문제가 발생하면 항상 다시 시작할 수 있습니다. 예를 들어 실수로 상위 테마에서 무언가를 삭제한 경우 하위 테마에서 파일을 삭제하여 다시 시작할 수 있습니다.

하위 테마 WordPress 플러그인

하위 테마는 상위 테마의 코드를 편집하지 않고도 사이트를 사용자 정의할 수 있는 WordPress 플러그인입니다. 이는 상위 테마로 수행할 수 없는 사이트를 변경하려는 경우에 특히 유용합니다.

일반적으로 WordPress 하위 테마는 WordPress 상위 테마와 유사하게 작동합니다. 어린이용으로 디자인된 테마는 만들기가 더 쉽고 디자인의 자유도가 높아집니다. 또한 소프트웨어가 업데이트된 후에도 변경한 모든 디자인 및 코드를 유지합니다. 이 튜토리얼에서는 자식 테마 플러그인을 사용하여 자신만의 자식 테마를 만드는 과정을 안내합니다. Child Theme Configurator 플러그인을 사용하면 WordPress 사이트에 대한 새 하위 테마를 만들 수 있습니다. 설정을 사용자 정의한 후 WordPress 플러그인을 사용하여 하위 테마를 저장할 수 있습니다. 플러그인의 Pro 버전을 사용하면 사이트에서 수행할 수 있는 작업을 훨씬 더 잘 제어할 수 있습니다.

함수가 성공적으로 실행되면 페이지 상단에 새 하위 테마가 나타납니다. 새 WordPress 하위 테마 가 이미 생성되었으므로 여기에서 아무 작업도 수행할 필요가 없습니다. 탐색하려는 일부 파일과 코드는 이러한 방식으로 액세스하고 조작할 수 있습니다. 이 플러그인의 개발자는 사용 방법을 배우기 위해 시청할 수 있는 많은 자세한 튜토리얼 비디오를 제공합니다.

어린이 테마를 사용해야 하는 이유

즉, 자식 테마가 필요하지 않더라도 자식 테마가 있으면 기존 테마를 쉽게 수정할 수 있습니다.