WordPress 하위 테마 만들기. 어린이 테마. WordPress 하위 테마를 만드는 방법

30.03.2019

다음 플랫폼 업데이트에는 항상 새로운 기능이 추가되고, 보호 기능이 향상되며, 새로운 기능이 도입됩니다. 따라서 여러 가능성 중 하나는 다음과 같습니다. 유용한 도구, 어떻게 . 그리고 이것은 많은 기능 중 하나일 뿐입니다. 예를 들어 어린이 테마와 같은 더 중요한 항목도 있습니다.

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

공식 웹사이트()에 좋은 러시아어 매뉴얼이 있다는 점을 고려하면 이 주제에 대해 너무 깊이 파고들고 싶지 않습니다. 어린이 테마의 장점과 그것이 무엇인지에 대해 몇 마디 말씀드리겠습니다.

의미:하위 테마(CT)는 주로 상위 테마(에서 활성화된 테마)를 적절하게 편집하도록 설계되었습니다. 이 순간). 이 방법을 사용하면 다음에 업데이트할 때 상위 테마(PT)에 대한 모든 변경 사항을 저장할 수 있습니다.

혜택:거대한. 왜냐하면 이건 올바른 해결책 RT의 모든 변경 사항.

WordPress에서 하위 테마를 만드는 방법

WordPress 코드(위 링크)에 자세히 설명되어 있습니다. 단계별 설명하위 테마를 만드는 단계. 본질적으로 여기에는 복잡한 것이 없습니다. 오히려 그 반대입니다. 모든 것이 매우 간단합니다. 그러나 모든 사람이 파일을 수정하려는 욕구를 갖고 있는 것은 아닙니다. (우리는 파일을 판단하지 않을 것입니다. 이것은 개인적인 문제입니다.) 그러한 경우, 거의 모든 작업을 수행해 주는 플러그인이 있습니다.

이 옵션에 대해 간략하게 설명하겠습니다. 저장소에서는 언제나처럼 큰 선택모든 문제에 대한 솔루션을 구현하는 플러그인. 내 선택은 플러그인에 속했습니다 " 원클릭 하위 테마"를 클릭하면 한 번의 클릭으로 하위 테마가 생성됩니다.

“원클릭 하위 테마” 모듈을 활성화한 후 “ 모습– 어린이 테마.” 이 페이지에는 세 가지 필드를 작성해야 합니다.

하위 테마로 작업하는 방법

상위 테마를 편집해야 하는 경우(예: 일부 변경, 추가 새 블록, 블록 삭제 등), 보존이나 보안을 위해 하위 테마를 통해 수행하는 것이 가장 좋습니다.

테마 파일.자신만의 작업을 수행해야 하는 파일은 RT에서 복사되어 DT로 전송됩니다(파일이 주제의 하위 폴더에 있으면 DT에도 동일한 폴더가 생성됩니다). 그런 다음 작업을 시작하고 변경하고 필요한 것을 추가하고 결과를 확인하십시오.

디자인 스타일(style.css).하위 테마에서 상위 테마 스타일을 직접 편집하려면 먼저 style.css 파일 또는 function.php 파일을 통해 해당 스타일을 가져와야 합니다. 그렇지 않으면 변경 사항이 발생하지 않습니다. 그리고 이것은 다음과 같이 이루어집니다:

CSS @가져오기

/* 테마 이름: child-my-theme 설명: 하위 테마

기능

Add_action("wp_enqueue_scripts", "my_theme_enqueue_styles"); function my_theme_enqueue_styles() ( wp_enqueue_style("parent-style", get_template_directory_uri() . "/style.css"); )

function.php.이전 파일과 달리 변경하거나 가져오지 않지만 상위 파일에 추가로 로드됩니다. RT에서 복사할 필요는 없으며 DT에서 function.php라는 파일을 생성하기만 하면 됩니다. 그런 다음 일반적인 방법으로 필요한 기능을 추가합니다. 따라서 그것은 될 것입니다 올바른 접근 방식상위 테마의 기능을 수정하고 확장합니다.

하위 테마의 파일을 포함합니다. DT에서 파일을 연결하려면 올바른 경로를 나타내는 특정 기능을 사용해야 합니다.

WordPress에서 하위 테마를 생성하고 사용자 정의하는 것은 웹 사이트 개발자의 손에 있는 매우 중요한 도구입니다. 올바른 접근 방식을 사용하면 기본 테마를 변경하지 않고도 선택한 테마의 거의 모든 요소를 현대화할 수 있습니다. 모든 것을 쉽게 되돌릴 수 있기 때문에 테마를 조정하고 변경할 때 이점이 있습니다. 초기 위치. 제공된 강의에서 우리는 하위 테마를 만드는 방법을 배우고 그렇게 함으로써 얻을 수 있는 영향력을 고려할 것입니다.

이것을 연구한다는 것은 이미 우리의 취향에 맞는 주제를 선택하여 설치했다는 뜻입니다. 그렇지 않다면 먼저 그렇게 해야 합니다.

결정하셨나요? 좋습니다. 이제 방법을 살펴보겠습니다. 추가 주제 만들기.

WordPress 하위 테마, 만들어야 할 것

그렇다면 어떻게 될까요? 자식 테마 만들기몇 가지 간단한 단계를 거쳐야 합니다.

우선, 미래의 고유 테마에 대한 폴더를 만들어야 합니다.
그런 다음 일반 것을 만듭니다. 텍스트 문서이름을 style.css로 변경합니다. 특수 명령을 사용하여 열 수 있습니다. 메모장 편집기++ 또는 동일한 유형의 다른 것입니다.
우리가 만든 파일에는 소위 파일 헤더라는 올바른 제목을 작성해야 합니다.

위의 모든 작업을 함께 순서대로 수행해 보겠습니다. 우리 폴더가 WordPress 하위 테마테마는 내부적으로 생성되어야 합니다. wp-콘텐츠/테마.원하는 이름을 무엇이든 생각해낼 수 있습니다. 이는 어떤 식으로든 사이트에 영향을 주지 않으며 어디에도 표시되지 않습니다. 명확성을 위해 이 작업을 수행할 수 있는 방법에 대한 그림을 살펴보겠습니다.

만들어진? 좋아, 폴더로 가서 파일을 만들어보자 계단식 테이블스타일 style.css. 파일을 생성한 후 편집을 위해 엽니다.

WordPress 하위 테마 헤더 스타일.css

에게 하위 테마를 올바르게 구성하십시오다음 매개변수를 포함하는 헤더를 작성해야 합니다.

하위 테마 이름, 폴더에 대해 생각해낸 매개변수는 필수 입력이므로 적절한 이름인 "이름"을 입력하세요.
테마가 사용될 사이트의 주소("테마 URI")를 지정할 수 있습니다.
전기를 쓰더라도 주제에 대한 설명은 중요하지 않습니다 - "설명".
테마 작성자, 귀하, 이웃 또는 가상의 이름은 모두 귀하의 기분에 따라 다릅니다 - "저자".
필수적이고 정확한 매개변수는 상위 테마 폴더의 이름인 "템플릿"입니다.
1.1.5 또는 "버전"과 같은 하위 테마의 버전을 지정할 수 있습니다.

필요한 헤더 속성을 처리한 후 공식 웹사이트에서 어떤 예를 제공하는지 살펴보겠습니다.

이것 풀세트모자의 속성은 동일하지만 동일한 자원에서 가장 단순한 딸의 최소한의 모자만 제시됩니다.

WordPress 하위 테마와 사용자 정의 테마의 차이점.

이해되어야 한다 어린이 테마의 차이점완전히 처음부터 작성된 WordPress 테마입니다. 우리가 기본으로 사용한 WordPress 테마만 변경하고 추가합니다. 어떻게 우리의 스타일을 부모의 스타일에 연결할 수 있습니까? 이를 위한 팀이 있습니다. 다른 모든 것보다 우선합니다. 그렇지 않으면 연결이 작동하지 않습니다. @import url("www/mysite.ru/twentyten/style.css")과 같습니다. 우리는 원래 스타일을 취하고 추가 및 변경 사항을 작성하는 것으로 나타났습니다. 자식 테마는 부모 테마보다 하위에 있으므로 부모 테마를 먼저 로드한 다음 그 위에 자식 테마를 변경하여 재현합니다.

WordPress 하위 테마는 상위 테마라고 하는 다른 테마의 기능을 확장하는 테마로, 상위 테마의 기능을 수정하거나 확장할 수 있습니다. 이 문서에서는 간단한 하위 테마를 만드는 방법과 이를 사용하여 수행할 수 있는 작업을 설명합니다. 상위 테마의 예로는 의 새로운 기본 테마인 Twenty Ten이 있습니다.

주목! 아래 정보가 이해하기 어려운 경우 보다 관련성이 높고 빠른 방법으로 Child Theme Configurator 플러그인을 사용하여 하위 테마 만들기

어린이 테마를 만드는 것은 매우 쉽습니다. 폴더를 만들고 그에 맞게 작성된 파일을 넣으십시오. 스타일.css어린이 테마가 준비되었습니다! HTML과 에 대한 약간의 이해가 있으면 이를 변경할 수 있습니다. 아주 간단한 어린이 테마- 상위 테마의 모양과 레이아웃을 변경하지만 파일은 변경하지 않습니다. 이렇게 하면 상위 테마가 업데이트될 때 변경 사항이 저장됩니다.

우리는 출시했다 새 책"콘텐츠 마케팅 소셜 네트워크에서: 구독자의 머릿속에 들어가 브랜드에 사랑에 빠지게 만드는 방법.”

하위 테마("딸")의 기능은 상위 테마("부모")와의 관계를 기반으로 합니다. 무료 및 유료 테마는 초기에 부모 테마이므로 딸이 해당 매개변수와 속성을 복사하고 해당 기능의 표준 세트도 받는다는 점을 고려하는 것이 중요합니다. 앞으로는 특정 인터넷 리소스의 요구 사항을 고려하여 이러한 옵션 세트를 확장할 수 있습니다.

용어를 다루면 우리 얘기 중이야부모 역할을 하는 다른 주제의 의미를 갖는 특별한 주제에 대해 설명합니다. 왜 만들어졌나요? 기존 WordPress 테마를 수정하여 테마 수를 늘리는 것입니다.

'딸'의 차이점은 무엇인가요?

WordPress 하위 테마를 사용하면 필요한 변경 및 조정을 수행할 수 있습니다. 다음으로 이를 생성하는 방법을 살펴보겠습니다. 그 전에 주요 차이점을 살펴보겠습니다.

상위 수정 사항에 대한 변경 사항은 하위 수정 사항에 영향을 주지 않습니다. 따라서 개발 후에는 서로 독립적입니다.
파생 기능은 상위 버전이 설치된 경우에만 작동하며 활성화는 나중에 발생합니다.
자회사는 해당 기반에만 연결되어 있으며 둘 중 하나와 상호 연결되지 않습니다.

일하는 것이 편리한가요?

WordPress 하위 테마는 다양한 이점을 제공하는 훌륭한 아이디어입니다. 개인적으로 프리미엄 제품에는 기본으로 추천드리고 싶습니다. 장점 중 일부만 나열해 보겠습니다.

조정 내용이 자동으로 저장됩니다. 덕분에 업데이트 중에 설정이 손실되거나 손실될 위험 없이 코드를 직접 조정할 수 있습니다.
이들과 함께 작업하는 것은 상위 변형에 대한 기본 코드 작성으로 넘어가기 위한 훌륭한 준비입니다.
작업 흐름이 개선되었습니다. 단 하나의 주제별 프레임워크만 사용하면 다양한 복잡성과 기능을 갖춘 웹사이트를 만들 수 있습니다.

이는 상위 항목의 연속이므로 여기서의 특징 및 기능 세트는 동일합니다. 주요 구성 요소:

디렉터리(파일 구성 요소의 폴더/위치).
기본 속성과 추가 속성이 지정되는 "style.css".
함수의 정의가 쓰여진 “functions.php”.

템플릿 추가에는 제한이 없지만 나열된 구성 요소는 템플릿에 있어야 합니다.

작업

“Daughters”는 자체 폴더에 현지화되어 있으며 별도의 “functions.php” 및 “style.css”를 자랑합니다. 언제든지 쓰시면 됩니다 보조 파일, 하지만 이 부부는 올바른 기능- 실패나 문제가 없습니다.

~에 올바른 사용 지정된 형식스타일, 개별 레이아웃 항목, 스크립트 등을 포함한 거의 모든 초기 매개변수를 편집할 수 있습니다.

테마 장치는 사진 편집기의 편집 레이어와 유사합니다. 사용자가 인터넷 리소스를 방문하면 "딸"이 그 앞에 열리고 누락된 옵션과 스타일이 상위 항목에서 로드됩니다. 궁극적으로 대부분의코드는 부모로부터 전달되지만 사용하기 전에 "딸"의 설정을 고려하여 수정해야 합니다.

만드는 방법

먼저, 필요한 모든 것이 준비되어 있는지 확인하세요. 즉, FTP 또는 파일 관리자에 대한 액세스, 오픈 액세스 WordPress 제어판 자체에. 그럼 시작해 보겠습니다.

1단계. WordPress 하위 테마 만들기

이것은 매우 간단한 과정입니다. 설명을 자세하게 따라하면 누구나 마스터할 수 있습니다.

먼저 표준 디렉터리에 딸을 위한 폴더를 만듭니다. 디렉터리에 순서가 있고 내용이 체계화되도록 하려면 "부모 이름 + 끝 자식"의 예에 따라 폴더 이름을 지정하는 것이 좋습니다. 편의를 위해 테마를 생성하는 특정 프로젝트의 이름을 추가할 수 있습니다. 가장 중요한 것은 디렉터리 이름에 공백이 없다는 것입니다. 그렇지 않으면 오류가 발생할 수 있습니다. 파일 관리자 또는 FTP 클라이언트가 생성하는 데 도움이 됩니다. 새 폴더. 오늘날 FileZilla와 같은 FTP 클라이언트는 그 자체로 잘 입증되었습니다.

을 위한 예를 들어보자많은 이들에게 친숙한 '트웬티 세븐틴(Twenty Seventeen)'의 베이스. 저는 파일 관리자를 사용하여 작업하는 것을 선호하므로 생성된 폴더의 경로는 다음과 같습니다.

우리는 다음을 수행합니다:

확실히 당신은 창조가 쉬운 과정이라고 확신합니다. 지침을 엄격히 따르고 올바른 접근 방식으로 작업하면 됩니다.

2단계. 설정

사이트의 요청 및 요구 사항에 맞게 "딸"을 시작, 수정, 보완, 조정하려면 설정을 올바르게 지정해야 합니다. 순서대로 처리해드리겠습니다.

먼저 모양을 사용자 정의해야 합니다.

이를 위해 디렉토리에 있는 "custom.css"를 조정합니다. 이는 일반 FTP 클라이언트를 통해 수행될 수 있습니다. 텍스트 에디터, 파일 관리자또는 특별 편집자 WordPress(“외관”, “편집기”를 차례로 열어 찾을 수 있음). 여기서는 규칙에 대한 최소한의 지식이 필요합니다. CSS를 사용하여, 브라우저를 통해 사이트 요소를 확인하는 기술. 예를 들어, "style.css"의 배경색을 변경하려면 다음과 같이 작성합니다. 다음 규칙 CSS:

다음 그림은 조정이 이루어진 후 사이트 디자인이 어떻게 변경되는지 보여줍니다. 배경이 연한 녹색으로 변했습니다.

이렇게 하면 사이트의 기존 요소를 편집할 수 있습니다.

2. 기능을 사용하여 작업합니다.

"딸들"을 사용하고 함께 작업하면 두 개의 독립적인 "functions.php"를 유지할 수 있다는 이점도 제공됩니다. 이러한 파일은 이전 기능을 제거하고 새 기능을 추가하는 데 사용된다는 점을 상기시켜 드리겠습니다. 사용 가능한 경우 문서 작업의 안전이나 문제에 대해 걱정할 필요가 없습니다. 베이스가 업데이트되더라도 변경되지 않습니다.

추가용 새로운 옵션새로운 PHP 코드도 파일에 포함되어 있습니다. 예를 들어 아래 코드는 WordPress 검색 옵션을 제거합니다.

개발자의 업무를 더욱 쉽게 만들어주는 특별한 서비스

다양한 특수 플러그인을 사용하면 생성 과정을 더 쉽게 만들 수 있습니다. 워드프레스 라이브러리~이다 다양한 선택플러그인은 대부분 무료로 사용할 수 있습니다. 플러그인을 사용하면 개발 프로세스가 크게 단순화됩니다. 가장 인기 있는 플러그인을 살펴보겠습니다.

어린이 테미파이.

이것은 직관적인 기능을 갖춘 가장 간단하고 사용하기 쉬운 플러그인입니다. 명확한 인터페이스. 버튼을 클릭하면 여기에서 많은 설정을 할 수 있습니다.

2. 어린이 테마 구성.

여기에서 "딸"을 만들 수도 있으며 몇 번의 클릭만으로 가능합니다. CSS 편집기여기서는 매우 강력하여 고급 기능을 구성할 수 있습니다. 플러그인이 자동으로 식별을 수행합니다. 핵심 규칙 CSS는 편집 시 영향을 주지 않습니다.

3. _child 테마 상용구.

여기에 제시됨 기성 템플릿"딸"을 형성합니다. 템플릿 이름은 간단히 "_child"이며 작업을 단순화하도록 특별히 설계되었습니다. 템플릿은 직관적인 테마를 제공하며 "상위"에 대한 링크만 제공하면 됩니다. 견본 이런 유형의당신이 만들 수 있습니다 전문적인 옵션- 여기에 이미 2개가 생성되었습니다. 준비된 파일, 표준 "functions.php" 및 "style.css".

첫 번째에는 "aa_enqueue_styles()"라는 특수 함수가 있습니다. 이 옵션을 사용하면 상위 항목이 먼저 오고 그 다음 하위 항목이 가는 스타일 시트 대기열을 만들 수 있습니다. 결과적으로 후자의 스타일은 항상 전자에 의해 결정됩니다.

대부분의 개발자는 CSS에서 이러한 테이블을 함께 연결하지만 이는 득보다 실이 더 많습니다. 먼저 "상위"에서 스타일을 로드한 다음 파생 항목에서 스타일을 로드해야 하기 때문에 브라우저가 사이트를 로드하는 데 오랜 시간이 걸립니다. 스타일시트를 따로 넣어두면 브라우저의 작업이 수월해지고 로딩 속도도 빨라집니다.

이 옵션을 추가할 수 있는 코드는 다음과 같습니다.

두 번째 파일에는 다음을 포함하는 기본 헤더가 있습니다. 특별한 정보. 이 정보를 통해 WordPress는 이를 "하위" 스타일시트로 인식할 수 있습니다. 따라서 "style.css"에 대한 코드를 작성하는 것이 특히 중요합니다.

요약해보자

프로그래밍 숙련도나 WordPress 사용 경험은 중요하지 않습니다. 자식 만들기 워드프레스 테마어렵지 않으며 종료 후 설정이 삭제될 위험도 없습니다. 약간의 코드를 작성하거나 이미 작성되어 실행 중인 내용을 변경함으로써 간단한 행동디렉토리를 사용하면 사이트를 변경할 수 있습니다. 가장 중요한 것은 지침을 따르고 점차적으로 한 지점에서 다른 지점으로 이동하는 것입니다. 다음 사항을 잊지 마십시오. "부모"에 대한 업데이트가 있는 경우 "딸"은 변경되지 않으며 이 규칙은 콘텐츠, 설정 등에 대한 변경 사항에 적용됩니다.

실험해 보세요. 다양한 옵션그리고 자신에게 가장 좋은 것을 찾으십시오.

WordPress의 하위 테마(하위 테마)는 추가 주제, 메인 테마의 기능과 모양을 변경/추가할 수 있습니다. 동시에 메인 테마는 그대로 유지되므로 변경 사항이 손실될 염려 없이 업데이트할 수 있습니다.

하위 테마는 상위 테마를 기반으로 만들어진 테마입니다. "기반"은 요청한 테마 파일이 존재하지 않는 경우 상위 테마에서 가져옴을 의미합니다. 상위 테마는 하위 테마에 대한 보험 역할을 합니다. 와 함께 기술적 측면, 하위 테마를 생성하면 기본 테마가 되고, 상위 테마는 보완 테마가 됩니다.

왜 어린이 테마가 필요한가요?

테마 개발자가 테마를 업데이트/개선하고 사용자가 변경 사항을 잃지 않고 테마를 업데이트할 수 있으려면 하위 테마가 필요합니다.

그래서 당신이 사용한다면 준비된 테마작가가 개발을 포기하지 않은 워드프레스에서는 테마 파일을 직접 편집하지 않고, 차일드 테마를 생성하고 차일드 테마를 통해 메인 테마를 변경한다.

어린이 테마에서 무엇을 변경할 수 있나요?

거의 모든 것을 변경할 수 있지만 그것이 무엇이며 어떻게 작동하는지 이해해야 합니다(아래 참조). 그러나 몇 가지 사항을 변경하려면 가능한 변경 사항을 염두에 두고 상위 테마를 만들어야 합니다. 상위 테마 개발자가 충분히 생각하지 않는 경우 가능한 변경, 일부 측면을 변경하는 것은 어렵거나 불가능합니다.

여기에서 우리는 부모의 주제가 좋고 나쁘다는 결론을 내릴 수 있습니다. 스타일, 바닥글 변경 및 기타 사소한 사항 등 수정할 필요가 많지 않은 경우가 많으며 이는 모든 상위 테마에 대해 문제 없이 수행될 수 있습니다.

하위 테마 만들기

하위 주제를 만드는 것은 쉽습니다! 아래는 스물다섯의 어린이 테마입니다.

테마 디렉터리 wp-content/themes에 임의의 이름으로 폴더를 만듭니다. 스물다섯 아이를 보자

새 폴더에 style.css 파일을 만듭니다. 내용:

/* 테마 이름: 내 하위 테마 템플릿: 2015 선택 매개변수: 테마 URI: http://site.ru/ 설명: 25 테마의 하위 테마 작성자: Kama 작성자 URI: http://site.ru/about/ 버전 : 1.0 */ /* 상위 테마의 스타일을 가져옵니다. */ @import url("../twentyfifteen/style.css"); /* 자신만의 추가 스타일 */ .foo( color:red; )

외모 › 테마로 이동하여 활성화하세요. 새로운 주제"내 아이 테마."

Template: twofifteen 행을 지정해야 합니다. (행은 대소문자를 구분합니다.) 이는 이것이 25세 테마의 하위 주제임을 나타냅니다.

@import 지시문은 style.css의 첫 번째 규칙이어야 합니다. 그 전에 규칙을 작성하면 작동하지 않으며 상위 테마의 스타일도 연결되지 않습니다.

결과적으로 다음과 같은 구조를 가져야 합니다.

Wp-content └── 테마 ├── 25(상위 테마) └── 25-child(하위 테마, 임의의 이름을 가질 수 있음) └── style.css

twofteen-child에는 다음을 포함한 다른 파일이 포함될 수 있습니다.

스타일.css- (필수) 동일한 상위 테마 파일을 완전히 대체합니다.

함수.php- 상위 테마의 function.php를 보완합니다(그 이전에 로드됨).

템플릿 파일- 상위 테마에 있거나 없는 index.php, home.php 등. 파일이 하위 테마에 있는 경우 이 파일이 상위 파일을 완전히 대체합니다. 예: footer.php를 생성하고 상위 테마의 footer.php 내용을 복사하면 상위 테마 파일을 변경하지 않고도 출력을 변경할 수 있습니다.

다른 파일들- 기타 파일/폴더/무엇이든. 예를 들어 하위 테마는 추가 CSS 규칙에 포함된 새 이미지를 사용할 수 있습니다.

스타일.css 파일

style.css는 하위 테마에서 유일하게 필요한 파일입니다. 하위 테마를 식별하기 위해 WordPress에 정보를 제공합니다.

하위 테마의 style.css는 상위 테마의 style.css를 완전히 대체합니다. 즉, 상위 테마의 스타일시트가 전혀 로드되지 않습니다.

파일 시작 부분에 있어야 하는 정보 헤더는 다음과 같습니다. 필수 매개변수템플릿: . 이것이 WP가 이것이 하위 테마이고 상위 테마가 무엇인지 이해하는 방법입니다.

하위 테마의 style.css 예시.

/* 테마 이름: 내 자식 테마 템플릿: 25 테마 URI: http://site.ru/ 설명: 25 테마의 하위 테마 작성자: Kama 작성자 URI: http://site.ru/about/ 버전: 1.0 * / // 상위 테마 스타일 @import url("../twentyfifteen/style.css"); // 추가 styles.foo( color:red; )

테마 이름 - (필수) 하위 테마의 이름입니다.

템플릿 - (필수) 상위 테마 폴더의 대소문자를 구분하는 이름입니다.

참고: 변경하는 경우 설정을 재설정해야 합니다. 이를 위해서는 다른 테마로 전환한 후 다시 돌아와야 합니다.

테마 URI - 하위 테마 웹사이트의 주소입니다.
설명 - 하위 테마에 대한 설명입니다.
작성자 URI - 하위 테마 작성자의 웹사이트 주소입니다.
작성자 - 하위 테마 작성자의 이름입니다.
버전 - 하위 테마의 버전입니다.

Function.php 파일

다른 하위 테마 파일과 달리 function.php는 상위 파일을 대체하지 않고 오히려 보완합니다. 상위 파일과 다른 하위 테마 파일 바로 앞에 로드됩니다.

즉, 상위 테마를 변경하려면 function.php에서 후크를 사용할 수 있고 해당 기능이 설계된 경우 함수를 "재정의"할 수 있습니다.

후크 사용

25세 테마의 footer.php 파일에 251_credits 이벤트가 있습니다. 바닥글에 자신만의 텍스트를 추가하려면 이 이벤트를 사용할 수 있습니다. 다음 코드하위 테마의 function.php에서:

함수 재정의

상위 테마 25의 function.php 파일에는 2051_fonts_url() 함수가 있습니다 - 레지스터 구글 글꼴. 그녀는 다음과 같습니다

If(!function_exists("twentyfifteen_fonts_url"))( functionteenfifteen_fonts_url())( // 함수 코드... ) )

상태! function_exists("twentyfifteen_fonts_url") - 함수가 존재하지 않는 경우 하위 테마의 function.php에서 동일한 함수를 정의할 수 있습니다.

이 경우 우리만 작동합니다. 특정 기능, 상위 테마의 함수가 아닙니다. 조건으로 인해 PHP에 등록되지 않습니다.

예를 들어, 다음 코드를 하위 테마의 function.php에 추가하면 글꼴 연결이 비활성화됩니다.

함수 251_fonts_url()( "" 반환; )

테마 개발자를 위한 참고 사항:하위 테마에서 함수를 재정의할 수 있도록 합시다. 이를 위해 테마를 생성할 때 함수를 조건으로 래핑합니다.

If(!function_exists("theme_function"))( function theme_function() ( // 코드입니다. ) )

이 경우 하위 테마는 단순히 function.php에서 선언하여 상위 테마의 기능을 재정의할 수 있습니다.

템플릿 파일

style.css 와 같은 하위 테마의 템플릿 파일은 상위 테마의 파일을 대체합니다. 저것들. 하위 테마에서는 동일한 이름의 파일을 생성하여 상위 파일을 대체할 수 있습니다.

하위 테마에서 템플릿 파일을 생성하는 몇 가지 예:

#1 상위 테마에 없는 템플릿 추가

한 번의 클릭으로 현재 테마에서 하위 테마를 만들 수 있습니다. 테마 생성 후 플러그인을 삭제할 수 있습니다. 플러그인에 대한 좋은 평가가 많이 있습니다.

노트

게시물 형식

add_theme_support("post-formats") 함수는 상위 테마를 보완하는 대신 상위 테마에 지정된 형식을 재정의합니다.

하위 테마의 style.css에 있는 @import

모든 곳에서 하위 테마의 style.css에 @import를 사용하도록 작성한다는 사실에도 불구하고. 나는 이것을 권장하지 않습니다. 이 경우 브라우저는 두 스타일 파일을 병렬로 로드할 수 없습니다. 상위 테마와 하위 테마에서... 순차적으로 로드해야 합니다. 먼저 하위 테마의 스타일이 표시되고 @import만 표시됩니다. 그런 다음 상위 테마의 스타일을 로드하기 시작합니다... 결과적으로 페이지 로드 속도가 약 200ms 떨어지는 것으로 나타났습니다. 스타일 파일을 다운로드하는 데 걸리는 시간입니다. 다운로드란 서버에 요청을 보내고, 응답을 기다리고, 파일을 다운로드하는 것을 의미합니다.

HTML에 스타일 파일을 별도로 포함하는 것이 더 좋습니다. 먼저 상위 테마의 스타일을 포함하고 그 다음 하위 테마를 포함하여 HTML 코드에서 더 낮은 위치에 있고 상위 스타일을 중단하도록 합니다. 이는 다음과 같이 수행됩니다.

Add_action("wp_enqueue_scripts", "my_theme_styles"); function my_theme_styles() ( wp_enqueue_style("parent-theme-css", get_template_directory_uri() ."/style.css"); // 필요하지 않습니다. 올바른 상위 테마에 자체적으로 포함됩니다. //wp_enqueue_style("child-theme- css" , get_stylesheet_directory_uri() ."/style.css", array("parent-theme-css") )

결과적으로 HEAD 부분에서는 HTML 문서우리는 두 개의 스타일 파일에 대한 두 개의 링크를 얻을 것입니다. 이 링크는 로드될 때 순차적이 아닌 병렬로 로드됩니다. 이렇게 하면 브라우저에서 서버로 요청하는 시간이 절약됩니다.

https://doctorsmm.com/은 효과적인 저렴한 서비스입니다. SMM 소셜네트워크. 국내 및 해외 9개 이상의 주요 플랫폼에서 프로모션 서비스를 받으실 수 있습니다. 외국 인터넷. 좋아요, 구독자 등과 같은 소셜 네트워크에서 카운터를 늘리기 위한 인기 있는 리소스를 지금 구매하세요. 대규모 도매 할인 및 추가 개인 조건이 적용됩니다.