WordPress에서 자식 테마를 만들고 사용자 지정하는 방법

아동 테마 란 무엇이며 왜 그렇게 중요한가요?

이 게시물에서는 이러한 질문에 대한 답변을 제공하고 플러그인 또는 코드를 사용하여 자신의 자식 테마를 만들고 사용자 지정하는 방법을 단계별로 보여줄 것입니다.

네가 원한다면 WordPress 사이트의 테마 변경,아마도 사람들이 어린이 테마를 사용하라고하는 것을 보셨을 것입니다.

하지만 아동 테마 란 무엇이며 아동 테마가 왜 그렇게 중요한가요?

이 게시물에서는 이러한 질문에 대한 답변과 함께 어린이 테마에 대한 소개와 그들이 당신에게 완벽한 방법을 제공 할 것입니다.

그런 다음 플러그인 또는 코드를 사용하여 자신의 자식 테마를 만들고 사용자 지정하는 방법을 단계별로 보여줍니다.

그러나 WordPress를 설치 한 적이 없다면 워드 프레스 블로그 7 단계를 설치하는 방법 et 어떻게 찾아 설치하고 블로그에 워드 프레스 테마를 활성화하려면

그리고 나서 우리가 여기에있는 일로 돌아 갑시다.

어린이 WordPress 테마 란 무엇입니까?

하위 테마는 독립 실행 형 테마가 아닙니다. 기존 상위 테마의 "하위"이므로 이름입니다.

부모 테마와 함께 설치하지만 부모 테마 자체를 편집 할 필요없이 부모 테마를 안전하게 변경할 수있는 기회를 제공합니다.

자식 테마는 부모 테마에서 디자인 설정의 대부분 / 전체를 가져옵니다. 그러나 하위 테마를 변경하는 상황에서는이 변경이 상위 테마의 설정을 재정의합니다.

어린이 테마의 이점

이 시점에서 궁금 할 것입니다. 부모 테마를 직접 변경할 수없는 이유는 무엇입니까?

좋은 생각이 아닌 주된 이유는 WordPress 테마 업데이트.

WordPress 웹 사이트를 안전하게 유지하려면 WordPress 테마에 대한 업데이트를 포함하여 업데이트가 나올 때 빠르게 적용해야합니다.

테마 (하위 테마 없음)를 직접 수정하여 웹 사이트를 사용자 정의하는 경우 WordPress 테마를 업데이트 할 때마다 모든 변경 사항을 덮어 씁니다.

이는 다음을 의미합니다.

WordPress 테마를 업데이트하고 직장을 잃으십시오. 별로 재미있는 경험은 아니죠?
작업을 잃지 않도록 WordPress 테마를 업데이트하지 마십시오. WordPress 웹 사이트의 보안 및 운영.

하위 테마를 사용하면 하위 테마의 모든 변경을 수행 할 수 있습니다. 그러면 작업 내용을 잃지 않고 상위 테마를 업데이트 할 수 있습니다.

안전하게 업데이트하는 것 외에도 하위 테마를 사용하면 일반적으로 사용자 지정에 편리합니다. 모든 변경 사항을 한 곳에서 분리하므로 모든 변경 사항을 쉽게 추적하고 필요에 따라 변경할 수 있습니다.

거꾸로되는 것도 쉽습니다. 예를 들어 변경 사항 사용을 중지하고 상위 테마로 되돌리려면 하위 테마를 비활성화하면됩니다.

어떤 워드 프레스 테마 이 기본 부모/자식 접근 방식을 사용해도 됩니다. 예를 들어, Genesis 프레임워크를 사용하려면 디자인을 제어하기 위해 부모 테마(기본 프레임워크)와 자식 테마가 모두 필요합니다.

자식 테마를 사용하는 경우

아래에 나열 할 몇 가지 예외를 제외하고는 TOUJOURS 기존 WordPress 테마를 직접 수정하려는 경우 하위 테마를 사용하십시오.

자녀 테마를 사용할 필요가 없을 때

일반적으로 WordPress 테마를 사용자 지정할 때마다 자식 테마를 사용하는 것이 좋습니다.

그러나 규칙에는 하위 테마를 사용하는 것보다 더 나은 옵션이있을 수있는 몇 가지 예외가 있습니다.

우선 CSS를 약간만 수정하고 싶다면 몇 가지 수정을 위해 자식 테마를 만드는 것이 과도 할 수 있습니다.

대신 기능을 사용하여 사용자 정의 CSS를 추가 할 수 있습니다. 추가 CSS WordPress Customizer에 통합되었습니다. 또는 다음을 사용할 수 있습니다. Simple CSS와 같은 무료 WordPress 플러그인.

둘째, 테마 독립적으로 변경하려는 경우 하위 테마가 최선의 선택이 아닐 수 있습니다.

예를 들어, 사용자 지정 분류법을 등록하거나 맞춤 게시물 유형, 아마도 파일을 사용하고 싶지 않을 것입니다. functions.php (테마를 변경하더라도 유지하고 싶기 때문에). 대신 다음과 같은 플러그인을 사용하여 테마 외부에 코드를 추가해야합니다. 코드 스 니펫 또는 사용자 정의 플러그인.

에 자식 테마를 만드는 방법 워드프레스(WordPress)

이제 자식 테마가 중요한 이유를 알았으니 이제 WordPress 웹 사이트에 대한 자식 테마를 실제로 만드는 방법을 알아 보겠습니다.

첫째, 사용하는 경우 Hello Elementor 테마, 우리는 이미 당신을 위해 자식 테마를 만들었습니다. 직접 할 필요는 없습니다. 당신은 할 수 있습니다 WordPress.org에서 Hello Elementor 자식 테마를 가져옵니다.. 다른 WordPress 테마와 마찬가지로 설치할 수 있습니다 (이 게시물의 뒷부분에서 자식 테마를 설치하는 방법도 보여줍니다).

다른 WordPress 테마를 사용하는 경우 WordPress 테마 개발자가 하위 테마를 제공하는지 확인하기 위해 Google을 빠르게 살펴 보는 것이 좋습니다. 예를 들어 Astra, GeneratePress 및 OceanWP에는 모두 하위 테마를 다운로드하는 데 도움이되는 도구 / 파일이 있습니다.

WordPress 테마에 아직 하위 테마가없는 경우 모든 WordPress 테마에 대한 하위 테마를 만들 수 있습니다.

사용하십시오 워드 프레스 플러그인 무료 어린이 테마 생성기.
자신 만의 자식 테마를 수동으로 만듭니다.

두 가지 방법을 모두 수행하는 방법을 보여 드리겠습니다.

자식 테마 WordPress 플러그인을 사용하는 방법

자식 테마 생성기 플러그인을 사용하면 WordPress 대시 보드를 떠나지 않고도 자식 테마를 만들 수 있습니다.

여기에서 가장 인기있는 옵션은 무료 자식 테마 구성자 플러그인, 300.000 개 이상의 웹 사이트에서 활성화됩니다.

Child Theme Configurator는 하위 테마 파일을 만드는 데 도움이 될뿐만 아니라 사용중인 테마와 필요에 따라 테마 및 글꼴 스타일 시트를 분석합니다.

이미 콘텐츠를 추가 한 웹 사이트에서 하위 테마를 만들려는 경우 다른 유용한 기능도 포함되어 있습니다. 예를 들어 기존 위젯 및 사용자 정의 옵션을 하위 테마에 복사 할 수 있습니다.

그러나 사용하려는 경우 플러그인 웹 사이트에서opérationnel, 계속하기 전에 전체 백업을 수행하는 것이 좋습니다. 또는 이상적으로는 데모 웹 사이트에서 모든 것을 설정하십시오.

백업이 준비되면 WordPress.org에서 무료 Child Theme Configurator 플러그인을 설치하고 활성화합니다. 그런 다음 메뉴로 이동 도구 → 어린이 테마 자녀 테마를 만들 수 있습니다.

목록에서 하나의 드롭 다운 선택 부모 테마, 자식 테마를 만들려는 테마를 선택합니다. 그런 다음 분석:

그런 다음 플러그인은 모든 종속성에 대한 상위 테마를 분석합니다.

완료되면 자식 테마를 만드는 방법을 구성하는 몇 가지 옵션이 더 표시됩니다. 특정 설정이 무엇을 의미하는지 확실하지 않은 경우 기본값으로두면됩니다.

선택이 끝나면 하단의 버튼을 클릭하여 만들기 위해 새로운 자식 테마.

그리고 그게 전부입니다 ! 그러면 플러그인이 자식 테마를 만듭니다. 그러나 활성화되지 않습니다. 우선권 이 자식 테마.

활성화하려면 :

알레르기 à 외관 → 테마.
이 하위 테마를 사용하여 웹 사이트가 어떻게 보이는지 미리 봅니다 (작동하는지 확인하기 위해-웹 사이트가 이상해 보이는 경우 CSS 문제 때문일 수 있음).
다른 WordPress 테마와 마찬가지로 자녀 테마를 활성화하십시오. 그러나 부모 테마는 설치된 상태로 두십시오.

자식 테마를 활성화하면 Child Theme Configurator 플러그인은 자식 테마를 관리하는 데 도움이되는 다른 유용한 도구도 제공합니다. 예를 들어 탭으로 이동하면 파일 플러그인 설정에서 상위 테마 및 하위 테마의 모든 관련 파일을 볼 수 있습니다.

그런 다음 상위 테마에서 하위 테마로 파일을 복사 할 수 있습니다.

예를 들어, single.php, 안전하게 편집 할 수 있도록이 파일을 하위 테마에 복사 할 수 있습니다.

CSS 작업에 도움이되는 다른 도구도 많이 있습니다.

이 도구가 왜 유용한 지 나중에 설명하겠습니다.

수동으로 자식 테마를 만드는 방법

이 섹션에서는 PHP와 CSS에 대해 조금 더 알고 있다고 가정합니다. 여기에있는 지침이 너무 부담 스럽다면 이전 섹션의 무료 플러그인을 사용하는 것이 좋습니다.

수동으로 자식 테마를 만들려면 두 개의 파일을 만들어야합니다 (이는 자식 테마에 대한 엄격한 최소값 임).

style.css -처음에 추가해야 할 것은 boilplate 코드입니다.

functions.php -부모 테마의 스타일 시트를로드 할 수 있습니다. 그것 없이는 자식 테마가 부모 테마의 CSS를 적용 할 수 없으므로 웹 사이트가 매우 추악 해집니다!

style.css

먼저 style.css 다음 코드를 추가하십시오.

/*

테마 이름 : Hello Elementor Child

테마 URI : https://github.com/elementor/hello-theme/

설명 : Hello Elementor Child는 Elementor 팀에서 만든 Hello Elementor의 하위 테마입니다.

작성자 : Elementor Team

작성자 URI : https://elementor.com/

템플릿 : hello-elementor

버전 : 1.0.1

텍스트 도메인 : hello-elementor-child

라이선스 : GNU General Public License v3 이상.

라이선스 URI : https://www.gnu.org/licenses/gpl-3.0.html

*/

콜론 뒤에 오는 모든 내용을 실제 정보로 바꾸십시오.

테마 이름 -자녀 테마의 이름.

URI 테마 -테마 웹 사이트 및 관련 문서.

상품 설명 -테마에 대한 간단한 설명.

저자 -테마 작성자의 이름.

작성자 URI : -테마 작성자의 웹 사이트.

주형 -상위 테마 폴더의 이름 (wp-content / themes 폴더 안에 이름이 지정됨). 이것은 가장 중요한 라인입니다. 자녀 테마는 그것 없이는 작동하지 않습니다.

버전 -자녀 테마의 버전 번호.

텍스트 필드 -국제화에 사용됩니다. 템플릿 이름 끝에 "하위"를 추가 할 수 있습니다.

특허 -기본값으로 둡니다.

URI 라이선스 -기본값으로 둡니다.

행 제외 주형, 무엇을 입력하든 상관 없습니다. 너무 많은 스트레스를받지 마세요. 부모 테마의 폴더 이름을 올바르게 입력했는지 확인하십시오. 이 템플릿.

나중에 고유 한 사용자 정의 스타일을 추가하려면 boilplate 코드로이 스타일 시트에 추가 할 수 있습니다.

functions.php

그런 다음 파일을 만들어야합니다. functions.php 자녀 테마. 다시 말하지만, 이것은 부모 테마의 전체 CSS 스타일 시트를로드 할 수 있도록합니다.

파일에서 기능.php, 다음 코드를 추가하십시오.

<?php

/ * 상위 테마에서 스타일 시트를 대기열에 추가하는 기능 * /

function child_enqueue__parent_scripts () {
wp_enqueue_style ( 'parent', get_template_directory_uri (). '/ style.css');
}
add_action ( 'wp_enqueue_scripts', 'child_enqueue__parent_scripts');

WordPress 웹 사이트에 파일 업로드

파일이 있으면 style.css et functions.php, WordPress 웹 사이트에 새 테마로 업로드해야합니다.

이렇게하려면 FTP를 사용하여 WordPress 웹 사이트에 연결합니다.

그런 다음 웹 사이트의 테마 디렉토리로 이동하십시오. (wp- 내용 / 테마)자식 테마에 대한 새 폴더를 만듭니다.

예를 들어 상위 테마의 폴더가 안녕하세요 요소, 하위 테마 폴더의 이름을 지정할 수 있습니다. 안녕하세요 -eletor-child 기억하는 데 도움이됩니다.

그런 다음 파일 업로드 style.css et functions.php 이 폴더 안에 :

두 파일을 모두 다운로드하면 다음으로 이동할 수 있습니다. 외관 → 테마 다른 WordPress 테마와 마찬가지로 자녀 테마를 활성화하십시오.

자식 WordPress 테마를 설치하는 방법

위의 특정 방법에서 이러한 측면 중 일부를 다루었지만 WordPress 자식 테마를 다시 설치하는 방법을 살펴 보겠습니다.

테마 개발자 웹 사이트에서 하위 테마를 직접 생성하는 대신 다운로드 한 경우에도 유용합니다.

다른 WordPress 테마와 마찬가지로 WordPress 하위 테마를 설치할 수 있습니다.

액세스 권한 외관 → 테마 워드 프레스 대시 보드입니다.
클릭 새로운 추가.
하위 테마의 ZIP 파일을 업로드합니다.

설치 프로세스 중에 WordPress는 하위 테마를 다운로드하고 있음을 감지하고 상위 테마가 있는지 확인합니다.

파일을 다운로드 한 후에는 활성화하십시오.

자녀 테마가 작동하려면 다음 위치에 설치해야합니다. 그때부모 테마와 자식 테마.

자식 테마는 활성 테마 여야하지만 부모 테마는 여전히 설치되어 있어야합니다.

다음과 같이 표시됩니다.

하위 테마는 활성 테마입니다.
상위 테마가 여전히 설치되어 있지만 활성화되지 않았습니다.

자식 테마를 사용자 지정하는 방법

일반 WordPress 테마의 사용자 지정과 마찬가지로 하위 테마를 "사용자 지정"할 수있는 몇 가지 옵션이 있습니다.

더 정확하게 말하면, 당신은 실제로 자식 테마를 사용자 지정하는 것이 아닙니다. 기존 (부모) 테마를 사용자 지정하기 위해 자식 테마를 사용하고 있습니다.

먼저 코드를 사용하여 자녀 테마를 맞춤 설정할 수있는 몇 가지 방법을 보여 드리겠습니다. 다음으로, 우리는 사물을 개인화하는 더 쉬운 방법을 공유 할 것입니다. Elementor 테마 빌더.

코드로 자식 테마 사용자 지정

코드로 자식 테마를 사용자 정의하려면 CSS, HTML 및 PHP에 대한 충분한 지식이 있어야합니다.

수행 할 수있는 작업은 다음과 같습니다.

맞춤 CSS 추가

CSS로 자식 테마를 사용자 지정하려면 파일에 직접 추가 할 수 있습니다. style.css 자녀 테마의.

파일 상단의 기존 코드 아래에 CSS를 추가합니다.

동일한 선택기를 사용하는 한 하위 테마에 추가하는 모든 CSS는 상위 테마의 CSS를 대체합니다.

기존 템플릿 교체

상위 테마의 템플릿을 바꾸려면 다음을 수행 할 수 있습니다.

상위 테마에서 하위 테마로 템플릿 파일을 복사합니다.
하위 테마에서 템플릿 파일을 편집합니다.

예를 들어, 변경하려면 단일.php, 먼저 파일을 복사합니다 single.php 부모 테마에서 자식 테마로 (같은 구조를 유지해야 함).

그런 다음 하위 테마 버전의 코드를 편집 할 수 있습니다. single.php.

참고 : WordPress는 이름이 같은 한 자녀 테마의 템플릿을 사용합니다. 이 때문에 부모 테마에서 기존 템플릿을 거의 숨 깁니다.

위에서 언급 한 Child Theme Configurator 플러그인을 사용하는 경우 WordPress 대시 보드를 벗어나지 않고도 파일을 자식 테마에 복사 할 수 있습니다.

새 템플릿 추가

상위 테마에서 기존 템플릿을 복사하고 수정하는 것 외에도 하위 테마에서 새 사용자 지정 템플릿을 만들 수도 있습니다.

예를 들어 추가 한 사용자 지정 게시물 유형에 대한 템플릿을 만들려는 경우 해당 템플릿을 하위 테마에 추가 할 수 있습니다.

Elementor 테마 생성기로 자식 테마 사용자 지정

익숙하지 않다면 Elementor 테마 빌더시각적 인터페이스를 사용하여 WordPress 테마의 일부 또는 전체를 사용자 지정할 수 있습니다.

Elementor Pro 및 Theme Builder를 사용하여 웹 사이트 템플릿에 대한 사용자 정의 템플릿을 만들 수 있습니다.

헤더
바닥 글
단일 (예 : 단일 블로그 게시물 또는 페이지)
아카이브 (예 : 모든 블로그 게시물을 나열하는 페이지)

이러한 템플릿은 하위 테마와 상위 테마 모두에서 작동합니다.

Elementor Theme Builder를 사용하면 코드로 직접 작업 할 필요가 없습니다. 커스텀 CSS를 추가하거나 PHP 템플릿 파일을 복사 할 필요가 없습니다. 드래그 앤 드롭으로 모든 작업을 수행 할 수 있습니다.

예를 들어 자식 테마의 헤더를 사용자 지정한다고 가정합니다. 파일을 복사 할 필요없이 header.php 자식 테마에서 PHP를 변경하면 Elementor의 시각적 및 끌어서 놓기 인터페이스를 사용하여 새 헤더를 디자인 할 수 있습니다. 그런 다음이 헤더를 웹 사이트의 아무 곳에 나 적용하거나 웹 사이트의 특정 부분에만 적용 할 수 있습니다.

CSS, HTML 및 PHP를 처음 사용하는 경우이 코드없는 접근 방식을 사용하여 자식 테마를 사용자 지정할 수 있습니다. 그렇게하더라도이 시각적 접근 방식은 템플릿 파일에서 PHP를 사용할 때보 다 많은 시간을 절약 할 수 있습니다.

Elementor Theme Builder로 새 템플릿을 만들 때 템플릿 유형을 선택할 수 있습니다. 예를 들어, 헤더.

그런 다음 빈 슬레이트에서 시작하거나 Elementor Pro 모델 중 하나를 선택할 수 있습니다.

여기에서 사이드 바 드래그 앤 드롭 옵션을 사용하여 헤더의 모양을 제어 할 수 있습니다.

완료되면이 헤더 템플릿을 사용할 위치를 정확히 선택할 수 있습니다.

에서 자식 테마를 삭제하는 방법 워드프레스(WordPress)

자녀 테마 사용을 중지하려면 일반 WordPress 테마에서와 마찬가지로 해제 할 수 있습니다.

이것은 :

알레르기 à 외관 → 테마.
다른 테마를 활성화하십시오. 상위 테마 또는 새로운 WordPress 테마 중 하나입니다.

자식 테마를 끄고 부모 테마로 다시 전환하면 자식 테마를 통해 추가 한 변경 사항이 더 이상 존재하지 않습니다.

대신 부모 테마 디자인으로 돌아갑니다.

WordPress 자식 테마 사용 시작

자식 테마를 사용하면 WordPress 테마를 안전하게 변경할 수 있습니다.

하위 테마는 상위 테마의 모든 스타일을 상속하지만 하위 테마를 변경하면 상위 테마가 무시됩니다. 즉, 자식 테마에서 변경 한 내용을 잃지 않고 부모 테마를 안전하게 업데이트 할 수 있습니다.

WordPress 하위 테마를 시작하려면 다음을 수행 할 수 있습니다.

테마 개발자가 이미 하위 테마를 제공하는지 확인하세요. Hello Elementor를 사용하는 경우 다음을 수행 할 수 있습니다. GitHub에서 하위 테마 다운로드.
무료 하위 테마 구성자 플러그인을 사용하십시오.
수동으로 자식 테마를 만듭니다.

거기에서 CSS, HTML 및 PHP를 사용하여 자식 테마를 사용자 지정할 수 있습니다. 코드를 건너 뛰고 Elementor Theme Builder를 사용하여 시각적 드래그 앤 드롭 인터페이스를 사용하여 테마를 사용자 지정할 수도 있습니다.

테마와 프리미엄 워드 프레스 플러그인도 만나보세요

당신은 다른 것을 사용할 수 있습니다 워드 프레스 플러그인 현대적인 외관을 제공하고 블로그 또는 웹사이트의 처리를 최적화합니다.

우리는 여기에 당신을 도울 수있는 프리미엄 WordPress 플러그인을 제공합니다.

1. AP 가격 테이블

AP 가격표는 워드 프레스 플러그인 직관적인 인터페이스로 기능이 풍부한 가격 목록을 쉽게 만들 수 있는 프리미엄입니다. 35개의 미리 정의된 템플릿과 무제한 옵션을 제공합니다.

이와 워드 프레스 플러그인 사용하기 쉽고 몇 번의 클릭으로 놀라운 가격표를 디자인하는 것은 매우 쉽습니다. 행과 열을 추가하고 열 테두리, 열 공간, 열 너비 등을 설정하는 기능을 제공하여 무제한 가격 표를 만들 수 있습니다.

또한 읽기 WooCommerce "장바구니에 추가"버튼을 사용자 지정하는 방법

이 플러그인을 사용하면 오디오 콘텐츠 추가, 비디오 및 Google지도.

다운로드| 데모 | 웹 호스팅

2.wp 페이지 빌더

WordPress Page Builder는 사용자 지정 게시물, 사용자 지정 분류 또는 사용자 지정 메타 박스를 생성 할 수있는 훌륭한 도구와 함께 제공되는 WordPress 웹 사이트를위한 최고의 빌더입니다.

기능으로는 다음과 같은 기능이 있습니다. 맞춤 게시물 유형CPT, 개인 분류법, 고급 사용자 정의 필드, 끌어서 놓기 기능, 지원되는 Google지도 위치, 지원되는 반복 가능한 필드 등이 있습니다.

다운로드 | 데모 | 웹 호스팅

3. Rankie

Rankie는 Google에서 WordPress 순위를 정기적으로 확인하면서 각 키워드의 위치를 면밀히 모니터링하기 위해 고안된 매우 편리한 WordPress 모듈입니다.

순위 추적기 플러그인 인 Rankie는 매일 키워드 위치를 업데이트하고 정확한 보고서를 생성합니다.

또한 우리를 읽으십시오 SEO 및 리디렉션과 관련된 6 정기 질문

또한 중요한 키워드 목록을 생성하는 강력한 조사 도구를 통합합니다. 구글은 이미 연구에 사용하고 있습니다.