WordPress 및 전체 사이트 편집: 하위 테마 및 블록 테마 생성 방법

WordPress 대시보드의 스크린샷, 2022년 12월

워드프레스 차일드 테마 만들기

Create Block Theme 플러그인은 전체 사이트 편집 테마를 포함하여 블록의 하위 테마를 만드는 매우 간단한 방법입니다. 플러그인은 부품 폴더, 템플릿 폴더, theme.json 및 style.css를 자동으로 생성합니다.

플러그인이 설치되면 자식 테마를 만들 준비가 된 것입니다.

• 모양 에서 블록 테마 만들기 를 선택합니다.
• 다음으로 Twenty Twenty-Two의 자식 만들기를 선택합니다(다른 테마를 선택한 경우 해당 테마가 나열됨).
• 오른쪽에 테마 이름, 테마 설명, 테마 URI, 작성자 및 작성자 URI를 입력합니다.
• 파란색 생성 버튼을 클릭하여 자식 테마를 만듭니다.

WordPress 대시보드의 스크린샷, 2022년 12월

하위 테마는 zip 파일로 내보내집니다.

생성된 하위 테마 파일의 스크린샷, 2022년 12월

모양 > 테마 에서 테마 추가 및 테마 업로드를 클릭하고 생성된 zip 파일을 선택합니다.

테마로 이동하여 새 하위 테마가 보이는지 확인하십시오.

워드프레스 차일드 테마용 커스텀 이미지 생성

플러그인의 한 가지 단점은 하위 테마에 대해 screenshot.png를 추가할 수 없으며 상위 테마와 함께 제공된 것을 사용하지 않는다는 것입니다.

이것은 쉽게 고칠 수 있으며 자녀 테마에 멋진 사용자 지정 터치를 제공합니다.

즐겨 사용하는 이미지 편집기를 사용하여 크기가 1200px x 900px인 새 이미지를 만들고 이름을 screenshot.png로 지정합니다.

생성한 하위 테마의 폴더 안에 새 스크린샷.png를 배치합니다.

WordPress 자식 테마의 테마 파일 스크린샷, 2022년 12월

테마로 다시 이동하면 새 이미지가 하위 테마와 함께 표시됩니다.

WordPress 대시보드의 스크린샷, 2022년 12월

블록 테마에 하위 테마가 설정되었으므로 상위 테마 파일을 재정의하지 않고도 theme.json 및 style.css 템플릿 파일을 변경할 수 있습니다.

이렇게 하면 문제 없이 상위 테마를 업데이트할 수 있습니다.

또한 이미지와 같이 변경된 새 자식 테마를 내보내 부모 테마의 새 설치를 위한 자식 테마로 사용할 수 있습니다.

WordPress에서 사용자 정의 블록 테마 만들기

Create Block Theme 플러그인은 자신만의 테마를 만들 수 있는 다양한 옵션을 제공합니다. 현재 테마를 복제하고 이를 템플릿으로 사용하여 사용자 지정 변경을 수행할 수 있습니다.

변경을 완료하고 만족스러운 경우 플러그인을 사용하여 다른 웹사이트에서 새 테마를 사용하기 위해 변경한 모든 내용과 함께 테마를 내보낼 수 있습니다.

또한 현재 테마를 상용구로 사용하는 완전히 비어 있는 새 테마를 만들 수 있습니다. 이것은 완전히 맞춤형으로 만드는 좋은 방법입니다.

완전히 새로운 테마를 만들려면 다음 단계를 따르세요.

블록 테마 생성 아래에서 빈 테마 생성 을 선택합니다.

오른쪽에 있는 모든 정보를 입력하고 이름을 지정하고 생성자로 이름을 추가한 다음 생성을 누릅니다.

WordPress 대시보드의 스크린샷, 2022년 12월

새 테마가 zip 파일로 다운로드됩니다.

모양 > 테마 에서 새 테마를 업로드하고 활성화할 수 있습니다.

screenshot.png에 대한 사용자 정의 이미지를 추가하려면 하위 테마와 동일한 단계를 수행하십시오.

새 테마를 활성화하고 이를 새 테마의 시작점으로 사용하십시오.

WordPress 대시보드의 스크린샷, 2022년 12월

패턴, 블록, 템플릿 부분 및 스타일 편집기를 사용하여 원하는 모양으로 새 테마를 구축하십시오.

새 테마에 대한 작업을 완료한 후 모양 > 블록 테마 만들기 로 돌아가서 모든 변경 사항이 포함된 새 테마를 내보냅니다.

zip 파일로 내보내고 새로운 WordPress 설치에 업로드할 수 있습니다.

WordPress 테마 글꼴 관리

Create Block Theme 플러그인 의 또 다른 뛰어난 기능은 테마의 글꼴을 쉽게 추가하고 삭제할 수 있다는 것입니다.

일반적으로 테마에 새 글꼴을 추가하려면 글꼴을 다운로드하여 글꼴 폴더에 추가하고 functions.php 파일에 추가하거나 Google 링크를 코드에 추가해야 합니다.

여러 글꼴을 추가하면 프로세스가 훨씬 더 복잡해질 수 있습니다.

플러그인을 사용하면 컴퓨터의 Google 글꼴 및 로컬 글꼴을 사용자 지정 테마 또는 설치하고 활성화한 테마에서 쉽게 추가하거나 제거할 수 있습니다.

Google 글꼴의 경우 Google 글꼴 추가를 클릭하면 드롭다운 창에 사용 가능한 Google 글꼴 목록이 표시됩니다.

글꼴을 선택하고 확인란을 선택한 다음 버튼을 클릭하여 테마에 Google 글꼴을 추가합니다.

WordPress 대시보드의 스크린샷, 2022년 12월

WordPress 대시보드의 스크린샷, 2022년 12월

다운로드한 로컬 글꼴을 추가하는 것도 비슷한 과정입니다.

로컬 글꼴 추가를 클릭하고 글꼴 파일을 업로드하고 글꼴 이름, 스타일 및 두께를 입력하고 버튼을 눌러 로컬 글꼴을 테마에 업로드합니다.

WordPress 대시보드의 스크린샷, 2022년 12월

쉬운 워드프레스 차일드 테마

Full Site Editing 및 Create Block Theme 플러그인을 사용하면 자신만의 테마 및 스타일 변형을 이전보다 훨씬 쉽게 만들 수 있습니다.

수동으로 파일을 대기열에 추가하고 코드를 변경하는 대신 플러그인을 사용하면 자식 테마를 만들고 새 글꼴을 추가하는 과정이 간단해집니다.

플러그인과 함께 사용할 때 패턴 , 스타일 변형 및 재사용 가능한 블록은 내보내고 다시 사용할 수 있는 사용자 정의 테마를 만드는 매우 간단한 방법입니다.

테마 코드를 건드릴 필요 없이 모두 사용할 수 있습니다.

추가 리소스:

• WordPress에서 사용자 지정 404 페이지를 만드는 방법
• SEO를 위한 최고의 WordPress 테마를 선택하는 방법
• 고급 기술 SEO: 완벽한 가이드

주요 이미지: Kaspars Grinvalds/Shutterstock