웹사이트 검색

WordPress 하위 테마 전체 가이드

WordPress 하위 테마. 처음에는 위협적으로 들릴 수도 있지만 WordPress 하위 테마의 기능과 기능(아름다움도 포함)을 배우면 정말 재미있을 것입니다. 이 게시물에서는 WordPress 하위 테마를 다양한 부분으로 나누어 보겠습니다. 다른 말로 표현하면 다음과 같습니다.

  • WordPress 어린이 테마란 무엇입니까?
  • WordPress 어린이 테마의 장점
  • WordPress 하위 테마의 단점
  • WordPress 하위 테마를 만드는 방법
  • WordPress 하위 테마 리소스

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

그렇다면 WordPress 하위 테마는 무엇입니까?

WordPress 하위 테마는 기본적으로 상위 테마로 알려진 다른 WordPress 테마에서 템플릿 파일과 기능을 “빌려오는” WordPress 테마입니다. 아직 아무것도 펀치하지 마세요. 제가 약속하는 모든 것을 자세히 설명하겠습니다.

상위 테마는 가장 많이 판매되는 전체 WordPress 테마, 기본 Twenty Fourteen 테마 또는 웹사이트에서 사용 중인 테마와 같은 일반적인 WordPress 테마입니다.

가장 기본적인 WordPress 하위 테마는 특별한 style.css 파일이 포함된 폴더입니다. 내가 설명하면 모든 것이 이해가 될 것이므로 걱정하지 마십시오. 지금 당장 머리 속에 떠오르는 질문 중 하나는 다음과 같습니다. 부모 테마가 많은데 왜 자식 테마를 사용하고 싶습니까?

대답은 아주 간단합니다. 대부분의 상위 테마는 때때로 업데이트를 받습니다. 따라서 상위 테마를 사용하여 코드(및 스타일)를 사용자 정의하면 다음에 테마를 업데이트할 때 이러한 변경 사항이 모두 손실됩니다. WordPress 하위 테마가 등장하는 곳입니다. WordPress 하위 테마를 사용하면 업데이트할 때 변경 사항이 손실될 위험 없이 상위 테마를 사용자 정의할 수 있습니다. 물론, 웹사이트가 해커에게 노출되는 것이 괜찮다면 업데이트를 취소할 수도 있습니다.

계속…

몇 단락 전에 하위 테마가 상위 테마의 템플릿 파일과 기능을 "빌려온다"고 언급했습니다. 어떻게 이런 일이 발생하나요? 하위 테마를 그림자 테마로 생각하세요. 그들은 부모 테마를 모방합니다. 이는 실제로 아무것도 복사하지 않고 상위 테마의 복사본을 만드는 것과 같습니다. 마술처럼 들리죠?

동결 버튼을 누르세요. 실제로 아무것도 복사하지 않고 상위 테마의 복사본을 어떻게 생성합니까? 하위 테마를 이해하는 비결은 앞서 언급한 특수 style.css 파일에 있습니다. 사실 비결은 style.css 안에 있는 한 줄에 있습니다. 어느 라인을 물어보시나요? 이에 대해서는 잠시 후에 자세히 설명하겠습니다. 차일드 테마는 이 포스트 후반부에서 만들 예정이므로 제가 말하는 내용을 공개하고 차일드 테마에 대한 이해를 돕기 위해 몇 가지 기본 개념만 소개하겠습니다.

하위 테마를 구축하려면 WordPress 테마 디렉토리에 하위 테마용 폴더를 생성해야 합니다. 폴더 이름은 무엇이든(또는 테마 이름을 따서) 지정할 수 있습니다. 다음으로, 다음 코드를 사용하여 style.css를 생성해야 합니다.

/*
Theme Name : The name of your child theme (e.g. Total Child Theme)
Theme URI: http://www.example.com (Your child theme's URL)
Description: A brief description of your child theme
Author: Your name goes here
Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc)
Version: 1.0.0
*/

이 style.css를 하위 테마 폴더에 저장해야 합니다. 이제 위 코드의 여섯 번째 줄로 돌아갑니다. 당신은 볼 수 있습니다 :

Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc)

이 줄은 기능과 템플릿 파일을 빌릴 부모 테마를 자식 테마에 알려줍니다. 이 간단한 줄은 하위 테마를 상위 테마에 연결하여 하위 테마가 상위 테마로부터 템플릿 파일과 기능을 받는 통로 역할을 합니다. 이는 WordPress 플랫폼에 상위 테마가 설치되어 있어야 함을 의미합니다.

이 줄이 없으면 하위 테마가 없다고 말하면 충분합니다. 폴더와 일반적인 style.css 파일만 있으면 됩니다.

요약하자면, 템플릿 라인은 하위 테마를 활성화할 때 상위 테마의 대부분을 상속합니다. 상위 테마를 업데이트하는 경우 하위 테마에 대한 모든 변경 사항은 영향을 받지 않습니다. 그 설명이 마음에 드시나요? 당신은 따르고 있습니까, 아니면 충분히 명확하지 않습니까? 저와 함께라면 워드프레스 차일드테마의 장점과 단점에 대해 알아보겠습니다.

하위 테마를 사용하면 어떤 이점이 있나요?

하위 테마를 사용하면 많은 이점이 있으므로 웹 사이트용으로 맞춤 제작되지 않은 테마를 사용하는 사람이라면 누구나 하위 테마를 설정하고 활성화하는 것이 좋습니다. 우리는 하위 테마를 사용할 때 얻을 수 있는 몇 가지 주요 이점과 이를 강력하게 고려해야 하는 이유를 나열했습니다.

보안 업데이트

WordPress 하위 테마는 상위 테마의 기능, 템플릿 및 스타일을 빌릴 뿐입니다. 이를 통해 상위 테마를 건드리지 않고도 웹사이트를 맞춤 설정할 수 있습니다. 따라서 개발자가 상위 테마를 업데이트할 때마다 사용자 정의 변경 사항을 잃지 않고 웹 사이트를 안전하게 업그레이드할 수 있습니다.

하위 테마는 쉽게 확장 가능합니다.

WP 하위 테마는 많은 유연성을 제공합니다. 상위 테마의 일부가 아닌 새 템플릿 파일을 만들 수 있습니다. 새로운 기능, 스타일 등을 추가할 수 있습니다. 또한 시작하는 데 도움이 되는 확장 가능한 옵션을 갖춘 상용 및 무료 테마 프레임워크가 많이 있습니다.

하위 테마는 대체 안전합니다.

모든 개발자는 인간이며, 실수하는 것도 인간이라는 것을 우리 모두는 알고 있습니다. 누구나 실수를 하고 모두가 잊어버립니다. 즉, 부모 테마를 사용할 때 무언가를 코딩하는 것을 잊어버리면 수프에 빠지게 될 것입니다. 어린이 테마에서는 상황이 약간 다릅니다. 일부 코드를 잊어버린 경우 WordPress는 상위 테마에서 대체 항목(또는 원본)을 자동으로 로드합니다. 물론 이는 코드가 상위 테마에 존재하는 경우에만 해당됩니다.

하위 테마 사용의 단점은 무엇입니까?

일반적으로 하위 테마는 훌륭하며 WordPress를 사용하는 모든 사람이 향후 잠재적인 조정을 계획하는 경우 사이트에서 하위 테마를 활성화하는 것이 좋지만 명심해야 할 몇 가지 사항이 있습니다.

학습 곡선이 있습니다

하위 테마는 주로 상위 테마의 기능을 확장하거나 사용자 정의하기 위한 것입니다. 즉, 개발자가 아닌 경우 하위 테마로 할 수 있는 일이 많지 않으며 이에 필요한 코딩을 배우고 싶을 것입니다. 자녀 테마의 잠재력을 최대한 활용하세요. 따라서 초보자라면 하위 테마의 잠재력을 최대한 활용하기 위해 일반적으로 상위 테마와 WordPress(약간의 코드도 포함)의 작동 방식을 배울 시간이 필요합니다. 어쨌든, 당신은 줄무늬를 얻어야 합니다. 결국, 당신은 곧 전문가처럼 코딩을 하게 될 것입니다!

물건이 망가지거나 뒤처져 있음

상위 테마를 중심으로 웹사이트를 구축했다면 하위 테마로 전환할 때 몇 가지 사항(예: 메뉴, 위젯 및/또는 테마 옵션)을 조정해야 할 수도 있습니다. 일부 테마는 테마 이름을 기반으로 데이터베이스에 설정을 저장하므로 하위 테마로 전환하면 상위 테마 설정(사용자 정의 설정)이 모두 손실된 것처럼 보일 수 있지만 데이터베이스에서는 안전하므로 걱정하지 마세요. 이 경우 설정을 복사하고 마이그레이션할 수 있도록 상위 항목으로 다시 전환해야 합니다. 전체 테마에서는 대시보드에 바로 유용한 가져오기/내보내기 패널을 제공하므로 하위 테마로 전환하기 전에 테마 사용자 정의 설정을 복사하여 마이그레이션할 수 있습니다.

또한 상위 테마를 전환하는 경우 플러그인을 사용하는 대신 사이트에 추가 기능을 제공하기 위해 하위 테마를 사용하는 경우 일부 조정 사항을 새 하위 테마로 옮기거나 현재 하위 테마의 이름을 바꾸거나 사용자 정의 플러그인으로 조정합니다.

WordPress 하위 테마를 만드는 방법은 무엇입니까?

나는 당신이 적극적이고 하위 테마에 대한 폴더와 "특별한" style.css 파일을 만들었다고 가정하고 싶습니다. 이 부분을 건너뛰었거나 이 섹션을 간절히 기다리고 있었다면 FTP/SFTP(…/wp-content/themes)를 통해 WordPress 테마 디렉터리를 열고 하위 테마를 저장할 폴더를 만드세요.

참고: cPanel의 파일 관리자를 통해 테마 디렉토리에 액세스할 수 있습니다. 또는 FTP 계정이 활성화된 경우 FileZilla와 같은 FTP 클라이언트를 사용할 수 있습니다.

다음으로, 즐겨 사용하는 텍스트 편집기(내 Notepad++)를 열고 다음 정보가 포함된 style.css 파일을 만듭니다.

/*
Theme Name : The name of your child theme (e.g. Total Child Theme)
Theme URI: http://www.example.com (Your child theme's URL)
Description: A brief description of your child theme
Author: Your name goes here
Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc)
Version: 1.0.0
*/

이전에 사용한 것과 동일한 코드입니다.

style.css 파일을 하위 테마 폴더에 업로드하세요. 이 시점에서 style.css 파일은 비어 있으므로(스타일링 측면에서 아무 작업도 수행하지 않는 위 줄 제외) 하위 테마가 상위 테마와 전혀 비슷할 것이라고 기대하지 마세요. 하지만 이 장애물을 극복하려면 하위 테마 폴더 내에 새로운 빈 function.php 파일을 만들고 다음 PHP 코드를 추가하여 상위 테마의 style.css를 가져올 수 있습니다.

function total_child_enqueue_parent_theme_style() {
	
	// Dynamically get version number of the parent stylesheet (lets browsers re-cache your stylesheet when you update your theme)
	$theme   = wp_get_theme( 'Total' );
	$version = $theme->get( 'Version' );
	
	// Load the stylesheet
	wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css', array(), $version );
	
}
add_action( 'wp_enqueue_scripts', 'total_child_enqueue_parent_theme_style' );

상위 테마의 이름이 되도록 "전체"라고 표시된 부분을 변경하세요. 이렇게 하면 하위 테마가 상위 style.css에 추가된 버전 번호를 동적으로 업데이트할 수 있으므로 상위 테마가 업데이트될 때 상위 테마의 style.css 파일에 변경 사항이 있는 경우 브라우저와 CDN( 스타일시트를 사용하는 경우) 스타일시트를 다시 캐시하여 사이트를 볼 때 CSS 문제가 발생하지 않도록 하세요.

자녀 테마 사용자 정의

이제 재미있는 부분을 살펴보세요. 아마도 사용자 정의를 위해 하위 테마를 만들었을 것입니다. 그러니 뛰어들어 보세요!

  • 하위 테마를 사용자 정의하려면 생성한 style.css 파일에 스타일을 추가하기만 하면 됩니다. 상위 테마에 있는 해당 스타일을 재정의합니다.
  • 템플릿 파일을 편집하려면 먼저 하위 테마에 복사한 다음 거기에서 편집하세요. 그러나 모든 파일을 하위 테마에 복사하고 수정할 수 있는 것은 아니며 템플릿 파일에만 복사할 수 있습니다. 따라서 테마에 포함, inc, 함수 또는 사용자 정의 클래스와 함수를 포함하는 기타 폴더에 대한 특정 파일이 있는 경우 해당 파일을 복사하여 수정하지 못할 수도 있습니다. 이러한 경우 기본 상위 테마 기능을 수정하기 위해 필터나 작업 후크를 사용하는 방법을 살펴볼 수 있습니다.
  • 더 많은 기능을 위해 하위 테마에 사용자 정의 템플릿 파일을 추가할 수 있습니다.
  • 하위 테마의 function.php 파일을 사용하여 사용자 정의 기능을 추가하고 상위 테마 또는 WordPress 필터를 활용하세요. 상위 테마의 function.php 파일에 새 기능을 추가하지 마세요!

WordPress에서는 먼저 하위 테마에 템플릿 파일과 스타일을 로드하지만, 누락된 항목이 있으면 상위 테마에 해당 파일을 로드합니다. 아, 그렇습니다. 하위 테마는 대체 안전하지만 우리가 이미 그렇게 말했을 것입니다.

그리고 그게 다야.

마무리하자면…

하위 테마는 사용자 정의 및 확장성이 매우 강력합니다. 또한 WordPress 테마 개발을 배우려는 모든 사람에게 좋은 학습 기반을 제공합니다. 만들기가 간단하고 재미있으며 WordPress 사이트를 원하는 방식으로 전환할 수 있는 다양한 옵션을 제공합니다.

자유롭게 디자인하고 즐거운 시간을 보내세요. 아래 댓글을 통해 공유하기 전에 떠나지 마세요. 우리는 귀하의 피드백을 사랑하고 소중하게 생각합니다 ?