WordPress 사이트의 기본 하위 테마를 만드는 방법

게시 됨: 2022-10-19

훌륭한 WordPress 개발자 라면 자식 테마가 기존 WordPress 테마를 수정하는 가장 좋은 방법이라고 말할 것입니다. 왜요? 하위 테마는 상위 테마의 모든 기능을 상속하므로 상위 테마의 코드를 건드리지 않고 변경할 수 있습니다. 그렇게 하면 상위 테마가 업데이트될 때 변경 사항이 유지됩니다. 자식 테마를 만드는 것은 비교적 간단한 과정입니다. 이 기사에서는 WordPress 사이트의 기본 하위 테마를 만드는 방법을 보여줍니다.

이 자습서에서는 CSS3 및 HTML5를 사용하여 반응형 WordPress 테마를 만드는 방법을 살펴보겠습니다. WordPress를 처음 사용하는 경우 처음부터 테마를 개발하는 것은 매우 간단합니다. 테마가 작동하려면 반응형이어야 합니다. 따라서 테마를 만드는 동안 몇 가지 지침을 따라야 합니다. 이 튜토리얼에서는 HTML5 및 CSS3를 사용하여 첫 번째 사용자 정의 WordPress 테마를 빌드합니다. HTML 웹 마크업 언어의 최신 버전인 HTML5는 다섯 번째이자 가장 발전된 언어입니다. CSS(Cascading Style Sheets )는 컴퓨터를 사용하여 보고 편집할 수 있는 시트 세트입니다. 다양한 화면 크기에서 웹사이트의 동작을 설정할 수 있는 도구가 있습니다.

라이브 서버에 업로드하기 전에 테마를 테스트하려면 로컬 환경에서 테스트해야 합니다. WordPress는 데스크톱 서버와 WAMP 서버 모두에서 사용할 수 있습니다. WAMP와 Desktop Server는 모두 Windows와 Mac에서 실행되도록 설계되었지만 WAMP는 Windows용으로 설계되었으며 Desktop Server는 Mac용으로 설계되었습니다. 세 번째 단계는 sidebar.php 및 function.php 코드를 추가하는 것입니다. 이러한 코드는 테마가 적용 가능한지 확인하기 위해 삽입됩니다. 4단계에서는 테마의 레이아웃을 만듭니다. 미디어 쿼리를 사용하여 머리글, 바닥글, index.html, style.html 및 웹 페이지의 다른 부분을 수정할 수 있습니다.

이 페이지에는 PHP 파일이 필요합니다. 이 단계를 따랐다면 모든 필수 템플릿 및 스타일 시트와 함께 새 WordPress 테마 가 준비되었을 것입니다. footer.php 파일은 <html> 및 >body 태그를 포함하여 사이트의 하위 수준을 정의합니다. 또한 HTML5 본문, HTML5header, HTML5섹션 및 HTML5article과 같은 여러 HTML5 의미 요소를 포함해야 합니다. 게시물 콘텐츠를 표시하려면 필수 구성 요소인 WordPress 루프를 사용해야 합니다. 특히 초보자인 경우 WordPress 테마를 처음부터 만드는 것은 쉽지 않습니다. 반응형 워드프레스 테마를 원한다면 취해야 할 단계를 알아야 합니다.

자식 테마를 만드는 방법

하위 테마를 생성하려면 하위 테마를 위한 새 폴더와 style.css 파일 을 생성해야 합니다. style.css 파일에는 다음이 포함되어야 합니다. /* 테마 이름: 내 자식 테마 템플릿: parent-theme-folder */ @import url(“../parent-theme-folder/style.css”); 그런 다음 @import 규칙 아래에 사용자 정의 CSS 코드를 추가할 수 있습니다.

하위 테마의 기능은 상위 테마와 동일하지만 새로운 기능을 추가하고 사용자 정의할 수 있습니다. 어린이용 테마는 부모의 테마와 별도로 보관되며 어떤 부모도 액세스할 수 없습니다. 자식 테마를 사용하면 웹사이트를 업데이트하고 유지 관리하기가 쉽습니다. 또한 덮어쓰거나 웹사이트의 모양을 잃지 않도록 합니다. 자식 테마로 수행하는 모든 작업은 부모 테마에서 복사됩니다. 여기에는 모든 템플릿 파일 , 함수 및 자산과 JavaScript 자산이 포함됩니다. 대부분의 경우 style.html 파일에 몇 줄의 코드를 추가하기만 하면 됩니다.

WordPress 하위 테마를 만드는 가장 빠른 방법 중 하나는 플러그인을 사용하는 것입니다. 상위 테마를 선택하려면 드롭다운 메뉴를 클릭하세요. 사이트에 여러 테마 가 있는 경우 사용자 지정하려는 테마를 선택해야 합니다. 그런 다음 자녀의 테마 이름을 지정하고 설명을 작성하는 과정을 완료해야 합니다. 이 페이지에서는 플러그인 작성자에게 지원 요청 또는 원시 데이터 분석을 제출할 수도 있습니다. 부모님으로 사용 중인 테마가 프리미엄 또는 제한된 테마인 경우 다음 단계가 수행되지 않을 수 있습니다. 웹사이트를 변경해야 하는 경우 모든 설정이 백업되었는지 확인하십시오.

WordPress 하위 테마를 만들려면 더 개인화된 수준에서 원하는 모든 변경을 수행할 수 있습니다. 먼저 자식 테마에 대한 폴더를 만듭니다. 두 번째 단계는 자녀의 테마에 대한 스타일시트를 만드는 것입니다. 상위 및 하위 테마 스타일시트 를 업로드합니다. 현재 방금 생성한 디렉토리 폴더에 있는 style.css 파일을 다음 단계에 배치해야 합니다. 모양으로 이동하여 5단계에서 하위 테마를 활성화해야 합니다. 자식 테마를 사용하면 부모 테마를 직접 편집하지 않아도 되는 효율적인 방법입니다.

자식 테마 를 사용하면 프로그래밍 언어를 배우지 않고도 기존 웹사이트를 다양하게 변경할 수 있습니다. 적절한 호스팅 서비스 외에도 필요에 맞는 호스팅 서비스가 필요합니다. 웹 사이트 성능을 우선시하는 저렴한 공유 호스팅 계획의 경우 DreamHost를 찾으십시오.

자식 테마 사용의 장단점

자식 테마를 사용하면 많은 이점이 있습니다. 템플릿을 선호하는 경우 특정 요구 사항에 맞게 사용자 정의하거나 미리 디자인된 테마를 얻을 수 있습니다. 또한 테마에 대한 모든 변경 사항을 한 곳에 저장하여 사이트를 정리하는 데 도움을 줄 수 있습니다.
WordPress가 하위 테마를 보증하지 않는다는 사실에도 불구하고 확실히 강력하고 시간을 절약해 주는 도구입니다.

어린이 테마란?

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

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

어린이 테마를 사용하는 것의 한 가지 장점은 자녀가 훨씬 더 빨리 움직일 수 있다는 것입니다. 모든 것을 직접 작성하는 대신 부모가 백본 역할을 하고 필요에 따라 필요한 변경을 하도록 의존합니다. 또한 테마를 일관되고 체계적으로 유지하여 새로운 기능을 추가하거나 기존 테마를 보다 쉽게 변경할 수 있습니다.