WordPress 어린이 테마 디자인 – 팁과 요령

WordPress 테마는 모든 WordPress 기반 웹 사이트에 필요한 것입니다. 그리고 언젠가는 웹사이트의 모양과 성능을 개선하기 위해 웹사이트를 개편해야 합니다. 블로그에서 수집한 다양한 종류의 WP 테마가 있습니다. 모든 웹 사이트 소유자는 해당 테마가 웹 사이트 및 요구 사항에 맞는지 확인해야 합니다. 하지만 워드프레스 차일드 테마라는 개념도 있습니다. 자식 테마는 다른 테마에서 템플릿 파일과 기능을 가져오는 WordPress 테마입니다. 여기에서 기능을 가져오는 테마를 상위 테마라고 합니다. 자식 테마를 사용하면 많은 이점이 있지만 가장 중요한 것은 부모 테마의 핵심 기능이 업데이트될 때 자식 테마의 사용자 지정 내용이 그대로 유지된다는 것입니다.

조금 더 깊이 들어가 하위 테마의 의미와 중요성을 이해해 보겠습니다. 또한 WordPress에서 자식 테마를 디자인할 때의 팁과 요령도 살펴보겠습니다.

1. WordPress 하위 테마 정의:

핀

그래서 당신은 WordPress Child 테마의 의미에 대해 궁금해 할 것입니다. 자식 테마는 다른 테마에서 템플릿과 파일을 차용하거나 선택하는 테마입니다. 따라서 자식 테마는 부모 테마의 기능과 기능을 사용합니다. 따라서 다른 테마의 기능을 선택하는 테마를 자식 테마라고 합니다. 그리고 자식 테마에 파일과 기능을 제공하는 것을 부모 테마라고 합니다.

WordPress 하위 테마의 폴더에는 CSS 파일이 포함될 수 있습니다. 그리고 부모 테마는 약간의 시간 간격을 두고 업데이트되는 경향이 있습니다. 그러나 테마의 코드를 사용자 정의하여 웹사이트에 필요한 것으로 바꿀 수 있습니다. 이러한 시나리오에서 테마를 업데이트하면 모든 사용자 지정 내용이 손실됩니다. 업데이트를 무시하도록 선택할 수 있지만 이는 보안이 약해짐을 의미합니다.

자식 테마는 부모 테마와 유사한 방식으로 작동한다고 합니다. 이것은 자식 테마가 부모 테마의 기능을 차지한다고 언급했기 때문에 발생합니다. 테마는 상위 테마에서 하위 테마로 파일을 복사하지 않고 여전히 상위 테마처럼 작동합니다. 비밀은 상위 테마의 style.css 파일에 있습니다. 하위 테마를 만들려면 WordPress 테마 기본 디렉터리에 폴더를 만들어야 합니다. 그에 따라 폴더 이름을 지정합니다. 그리고 다음 코드 줄을 자식 테마 폴더의 style.css 파일에 넣습니다.

/*

테마 이름: 하위 테마의 이름(예: WordPress 하위 테마)

테마 URI: http://www. 하위 테마 예제 .com(자식 테마의 URL)

설명: 하위 테마의 간략한 개요

작성자: 여기에 하위 테마 개발자의 이름이 있습니다.

템플릿: 상위 테마의 디렉토리 이름(예: Parent-Theme, Main-theme 등)

버전: 1.0.0

*/

이제 위에 제공된 코드에서 여섯 번째 줄을 편집하고 다음 코드를 배치합니다.

템플릿: 상위 테마 디렉토리의 이름

이렇게 하면 WordPress 자식 테마가 부모 테마인지 알 수 있습니다. 그리고 그것은 자식 테마가 기능과 기능을 차지할 수 있는 테마입니다. 이 작업이 완료되면 하위 테마는 지정된 상위 테마에서 기능과 파일을 가져옵니다. 그리고 하위 테마가 플랫폼에 성공적으로 설치되었습니다. 간단히 말해서 템플릿 라인은 자식 테마가 실행될 때 부모 테마의 상속을 결정합니다.

2. 웹사이트에서 하위 테마를 활성화할 때의 이점:

핀

부모 테마가 자식 테마에서 일부 또는 그 이상의 기능을 제공한다는 사실을 이미 확인했습니다. 이렇게 하면 업그레이드가 가능할 때마다 상위 테마를 업데이트할 수 있습니다. 이러한 상황에서 자식 테마에서 부모 테마의 기능을 사용할 수 있습니다. 따라서 상위 테마가 업그레이드되면 상위 테마를 안전하게 업데이트할 수 있습니다. 그리고 그 과정에서 아이 테마를 전혀 방해하지 않습니다.

자식 테마와 함께 제공되는 유연성은 셀 수 없이 많습니다. 상위 테마에서 가져오지 않은 새 템플릿을 만들 수 있습니다. 또한 새로운 기능과 확장된 기능을 추가하는 것도 가능합니다. 이를 위해 상업적으로 무료로 사용 가능한 도구에 액세스할 수 있습니다.

자식 테마를 사용할 때 가장 좋은 점은 코드 줄이 빠졌을 때 나타나는 문제를 쉽게 처리할 수 있다는 것입니다. WordPress는 부모 테마를 사용하여 이러한 종류의 문제에 대한 솔루션을 신속하게 제공합니다. 그러나 이것은 코드 줄이 부모 테마에도 존재하는 경우 가능합니다.

3. WordPress 하위 테마 만들기:

보기에는 어렵지만 Child 테마를 구축하는 과정은 쉽고 간단합니다. 빈 하위 테마에 대한 하위 테마 빌더에 액세스하거나 플러그인을 사용하거나 하위 테마를 만들 수 있습니다. 각각에 대해 자세히 살펴보겠습니다.

1. 하위 테마 빌더 사용:

핀

Divi Space는 하위 테마 빌더를 사용하여 빌드할 수 있는 훌륭한 도구를 제공합니다. 도구를 무료로 사용할 수 있습니다. 이 도구에서는 제공된 텍스트 상자에 모든 세부 정보를 입력해야 하며 모든 것이 다운로드됩니다. 완료되면 zip 폴더를 WordPress 콘솔에 업로드하기만 하면 됩니다. 테마 설치 및 활성화가 완료되면 이 작업을 수행해야 합니다.

2. 플러그인을 사용하여 하위 테마 만들기:

핀

프로세스를 더욱 단순하게 만들기 위해 플러그인을 사용하여 하위 테마를 빌드하는 프로세스를 지원할 수 있습니다. 관련 플러그인을 다운로드하여 설치하면 하위 테마 빌더가 메뉴 항목에 나타납니다. 이 모든 것은 WordPress 콘솔의 설정 메뉴 내에서 발생합니다. 이 지점에 도달하면 설명과 함께 생성된 자식 테마에 새 제목을 지정합니다. 이제 "자식 만들기"를 클릭하십시오. 이렇게 하면 빈 테마가 생성됩니다.

3. 자녀 테마 구축:

핀

처음부터 자식 테마를 구축하는 데 무엇이 필요한지 확인하는 데 관심이 있다면 이 단계를 수행해야 합니다. 하위 테마를 처음부터 구축하는 방법에 대한 지혜를 얻으려면 이 단계를 수행하는 것이 좋습니다.

이 프로세스에는 시스템에서 작동하는 통합 개발 환경(IDE)이 필요합니다. 그런 다음 몇 가지 관련 파일을 만들고 저장해야 합니다. 그러나 Brackets와 Sublime은 무료로 사용할 수 있는 편집기입니다. 또한 모든 것을 더 쉽게 만들기 위해 색상 코드가 함께 제공됩니다. 또한 MAC 시스템에서 TextEdit를 사용하거나 PC에서 TextEditor를 사용할 수도 있습니다. 두 도구 모두 코드 줄을 작성하고 편집할 때 주의해야 합니다. 한 번의 실수와 전체 코드가 배수로에 떨어질 수 있습니다. 따라서 다음 두 단계를 따라야 합니다.

• 웹사이트 디렉토리에 테마 디렉토리를 구축합니다.
• 하위 테마의 세부 정보와 정보가 포함된 style.css를 생성합니다.
• 스크린샷을 찍습니다.

로컬 호스트 서버로 작업했다면 웹사이트 디렉토리의 올바른 폴더로 이동해야 합니다. 여기에서 모든 파일로 구성된 폴더를 찾을 수 있습니다. 그러나 라이브 서버를 다루는 경우 모든 폴더와 파일을 구성하고 모든 작업이 완료되면 FTP 클라이언트를 사용하십시오. 테마 폴더 아래에 새 폴더를 만들고 클라이언트와 관련된 제목을 지정합니다. 예를 들어 폴더 제목 끝에 "하위 테마"로 이름을 지정할 수 있습니다.

1. 테마 디렉토리 생성:

핀

빌드하려는 하위 테마의 테마 디렉토리에 폴더를 만듭니다. 이름을 추가합니다. 예를 들어 이름을 DiviChild로 지정해 보겠습니다.

2. 스타일.css:

핀

이제 "style.css"라는 테마에 대한 스타일시트 파일을 만듭니다. 다음 코드를 IDE에 넣습니다. 요구 사항에 따라 파일 이름을 바꿉니다.

/*

테마 이름: Divi 하위 테마

테마 URI: https://MyWebsite.com

설명: Divi에 따른 하위 테마

작성자: 테마 작성자의 이름

작성자 URI: https://iamauthor.com // 귀하의 웹 주소

템플릿: 디비

*/

귀하의 정보가 제공되어야 하는 세부사항을 변경했는지 확인하십시오. 그러나 코드에서 필수적인 것은 "테마 이름"과 "템플릿" 섹션입니다. "테마 이름"에 지정된 텍스트는 워드프레스 테마 목록의 모양>테마에 표시됩니다. "템플릿"은 기능 세트를 가져와야 하는 상위 테마의 이름을 정의합니다.

3. Functions.php:

핀

functions.php 파일로 시작하고 IDE를 엽니다. PHP 코드의 첫 번째 블록을 선택하거나 아래에 제공된 코드를 사용하십시오.

<?php

Add_action('wp_enqueue_scripts', 'enqueue_parent_styles');

함수 enqueue_parent_styles()

{

Wp_enqueue_styles('parent_style', get_template_directory_uri().'/style.css');

}

?>

이 코드를 새 파일에 넣고 모든 파일 경로와 디렉토리가 올바르게 언급되었는지 확인하십시오. 이러한 상위 및 하위 폴더의 디렉토리 경로를 올바르게 지정해야 합니다. 파일을 하위 테마 디렉토리에 functions.php로 저장합니다.

4. WordPress 하위 테마를 설치하는 방법:

핀

WordPress 자식 테마가 성공적으로 구축되었으므로 이제 설치하여 웹 사이트에서 사용할 차례입니다. 로컬 서버에서 작업하든 라이브 서버에서 작업하든 프로세스는 동일하게 유지됩니다.

설치하려면 모든 파일을 폴더로 가져오고 폴더를 압축하여 zip 파일을 만듭니다. WordPress 인스턴스가 시스템에 설치되어 작동하는지 확인하십시오. WordPress 대시보드의 테마>새 항목 추가 섹션을 사용하여 Divi.zip 파일을 설치합니다. 설치가 완료되면 활성화를 클릭합니다. 이제 Divi는 여기에서 상위 테마로 실행됩니다.

이제 WordPress 대시보드의 테마>새 항목 추가로 돌아가십시오. 빌드한 하위 테마의 zip 파일을 선택합니다. 설치가 완료되면 활성화하여 실행할 수 있습니다.

5. 하위 테마 사용자 지정:

자식 테마를 만드는 목적은 이미 존재하는 테마를 사용자 지정하는 것입니다. 따라서 WordPress 하위 테마를 사용자 정의하는 방법을 살펴 보겠습니다.

ㅏ. 하위 테마에서 사용자 정의 적용:

핀

style.css라는 첫 번째 파일을 만들 때 해당 파일의 코드 변경을 시작해야 합니다. 이 파일에 사용자 정의 코드를 추가하면 상위 테마의 동작 및 기능 세트를 재정의할 수 있습니다. CSS 파일을 사용하여 자식 테마에 대한 모든 종류의 수정이 가능합니다. 이 파일을 사용하여 결과 자식 테마의 모든 스타일을 변경할 수 있습니다.

이렇게 하려면 WordPress 자식 테마의 CSS 파일 하단에 사용자 정의 코드를 추가해야 합니다.

결론:

기성품 WordPress 테마를 사용하는 것과 이미 존재하는 테마에서 맞춤형 테마를 만드는 것은 별개입니다. 또한 온라인에서 사용할 수 있는 모든 테마를 설치할 준비가 되었습니다. 그러나 사용자 정의 테마를 원할 경우 미리 준비할 수 있는 옵션이 많지 않습니다. 이를 위해서는 원하는 테마가 사용자 정의되었는지 확인하기 위해 코드 줄을 적어야 합니다. 따라서 WordPress 전문 용어에서는 사용자 지정된 테마를 자식 테마라고 합니다. 그 이유는 자식 테마가 기성 테마에서 나왔기 때문입니다. 그리고 하위 테마는 상위 테마 또는 기성 테마의 기능 세트를 선택합니다. 따라서 상위 테마가 출시될 때 하위 테마는 업그레이드를 선택하지 않습니다. 이렇게 하면 사용자 정의가 손실되지 않습니다. 이 블로그는 하위 테마 사용의 사용법, 생성 및 이점을 이해하는 데 도움이 됩니다.