초보자 가이드: WordPress 템플릿 편집 모드 및 사이트 편집기

WordPress 5.8에서는 강력한 새 기능인 WordPress 템플릿 편집 모드에 액세스할 수 있습니다.

WordPress 템플릿 편집 모드를 사용하면 일반 WordPress 블록 편집기를 사용하여 게시물 및 페이지에 대한 사용자 정의 템플릿을 디자인할 수 있습니다. 이것은 WordPress 전체 사이트 편집이라는 새로운 기능 세트의 일부이며 블록 편집기를 사용하여 WordPress 사이트의 기본 템플릿을 편집할 수 있게 하는 여러 향후 기능 중 첫 번째일 뿐입니다.

이 게시물에서는 다음을 포함하여 WordPress 템플릿 편집 모드에 대해 알아야 할 모든 것을 배울 것입니다.

• 그것이 무엇인지,
• 액세스하는 방법,
• 사용자 정의 템플릿을 디자인하는 방법.

또한 실험적인 WordPress 사이트 편집기 기능으로 템플릿 편집의 미래를 엿볼 수 있습니다. 이 마지막 기능은 이 게시물을 작성하는 시점에서 핵심 WordPress 소프트웨어에 없지만 곧 제공되므로 곧 익숙해지고 싶을 것입니다.

WordPress 템플릿 편집 모드란 무엇입니까?

WordPress 템플릿 편집 모드는 이름 그대로입니다. 게시물의 콘텐츠 를 편집하는 대신 해당 콘텐츠가 표시되는 방식을 제어하는 ​​템플릿 을 편집할 수 있습니다.

예를 들어, 게시물 제목, 게시물 내용, 게시물 작성자 등을 넣을 위치를 제어할 수 있습니다. 게시물에 템플릿을 할당하면 해당 게시물의 콘텐츠가 템플릿에 따라 자동으로 표시됩니다.

Elementor Pro Theme Builder, Divi 4.0의 테마 구축 또는 Beaver Builder용 Beaver Themer 확장과 같은 WordPress 테마 빌더 도구에 익숙하다면 WordPress 템플릿 편집 모드는 이러한 모든 도구와 동일한 기본 접근 방식을 사용합니다.

주요 차이점은 WordPress 템플릿 편집 모드가 기본 WordPress 블록 편집기를 사용한다는 것입니다. 따라서 추가 플러그인을 설치할 필요가 없으며 코드 지식이 필요하지 않습니다.

WordPress 템플릿 편집 모드에 액세스하는 방법

개별 게시물 또는 페이지에 대한 템플릿 편집 모드에 액세스하려면 WordPress 편집기에서 시작합니다.

게시물 설정 사이드바에 템플릿 섹션이 표시되어야 합니다. 새 템플릿을 만들고 템플릿 편집 모드를 시작하려면 새로 만들기 옵션을 클릭하면 됩니다.

그런 다음 템플릿에 이름을 지정하고 만들기 를 클릭하여 편집 환경을 시작할 수 있습니다.

참고 – 테마가 템플릿 편집 모드를 지원하는 경우에만 이 옵션이 표시됩니다. 새 템플릿을 만드는 옵션이 표시 되지 않으면 테마가 해당 템플릿을 지원하지 않는다는 의미입니다. 테마 개발자에게 지원을 추가하도록 요청하거나 다음 코드 스니펫을 하위 테마의 functions.php 파일 또는 코드 스니펫과 같은 플러그인에 추가하여 지원을 수동으로 추가할 수 있습니다.

add_theme_support( 'block-templates' );

WordPress 템플릿 편집 모드를 사용하는 방법

템플릿 편집 모드를 연 후에는 이 모드를 사용하여 사이트 템플릿을 디자인하는 방법에 대해 알아보겠습니다.

기본 사항부터 시작하겠습니다. 템플릿 편집 모드는 게시물과 페이지를 만드는 데 사용하는 것과 똑같은 편집기를 사용합니다. 똑같은 콘텐츠 편집 인터페이스를 갖게 되며 동일한 블록 기반 디자인 시스템 등을 사용하게 됩니다.

주요 차이점은 정적 디자인을 만드는 대신 사이트에서 콘텐츠를 자동으로 가져오는 동적 템플릿을 만드는 것입니다.

테마 블록 사용

템플릿을 사용자 정의하려면 테마 블록 이라는 특별한 블록 세트를 사용합니다. 이러한 테마 블록을 사용하면 정적 콘텐츠를 추가하는 대신 사이트의 콘텐츠로 템플릿을 동적으로 채울 수 있습니다.

현재 다음 블록을 얻습니다.

• 게시물 제목 – 게시물 제목을 자동으로 표시합니다.
• 게시물 콘텐츠 – 게시물의 주요 콘텐츠를 자동으로 표시합니다.
• 게시물 추천 이미지 – 게시물의 추천 이미지를 자동으로 표시합니다.
• 게시 날짜 – 게시물의 게시 날짜를 자동으로 표시합니다.
• 게시물 발췌 - 게시물의 발췌를 자동으로 표시합니다.

WordPress의 향후 릴리스에서는 더 많은 유연성을 제공하기 위해 더 많은 테마 블록을 추가할 것입니다.

예를 들어 이 템플릿을 사용하는 게시물의 추천 이미지가 게시물 제목 위에 표시되기를 원한다고 가정해 보겠습니다. 이를 수행하려면 게시물 제목 블록 위에 Post Featured Image 블록을 추가하기만 하면 됩니다.

템플릿에 정적 콘텐츠를 추가할 수도 있습니다. 예를 들어 게시물 콘텐츠 아래에 클릭 유도문안(CTA) 상자를 추가할 수 있습니다. 이 CTA를 생성하기 위해 일반 블록을 사용할 수 있습니다. 이 템플릿을 사용하는 모든 게시물은 콘텐츠 아래에 해당 정적 CTA를 자동으로 표시합니다.

게시물에 템플릿 할당

일부 템플릿을 만든 후에는 게시물 설정 사이드바의 템플릿 드롭다운을 사용하여 콘텐츠에 쉽게 할당할 수 있습니다.

기억하십시오. 나중에 템플릿을 업데이트하면 해당 변경 사항이 이 템플릿을 사용하는 모든 단일 게시물에 적용됩니다.

WordPress 사이트 편집기: WordPress 템플릿 편집의 미래

WordPress 템플릿 편집 모드는 현재 사용자 정의 게시물 템플릿을 만드는 데 중점을 두고 있지만 머지않아 머리글, 바닥글, 블로그 목록 페이지 등을 포함한 모든 테마 템플릿을 편집할 수 있습니다.

이러한 템플릿을 편집하려면 현재 WordPress 사이트 편집기라고 하는 다른 도구를 사용합니다.

WordPress 사이트 편집기는 템플릿 편집 모드와 매우 유사하지만 편집할 수 있는 특정 템플릿만 실제 차이가 있습니다.

일반적으로:

• 템플릿 편집 모드 – 템플릿을 편집하고 개별 게시물이나 페이지에 할당할 수 있습니다.
• WordPress 사이트 편집기 – 사이트에 대한 사이트 전체 템플릿을 만들 수 있습니다. 예를 들어, 모든 블로그 게시물이 기본적으로 사용하는 템플릿을 만들 수 있습니다( 필요한 경우 템플릿 편집 모드를 사용하여 만든 다른 템플릿으로 이 기본 템플릿을 계속 재정의할 수 있음 ).

WordPress 사이트 편집기에 액세스하는 방법

WordPress 사이트 편집기 모드는 현재 이 게시물을 작성하는 시점에 핵심 WordPress 소프트웨어에서 사용할 수 없습니다 . 그러나 Gutenberg 프로젝트의 실험적 플러그인 버전을 통해 액세스할 수 있습니다.

WordPress 사이트 편집기에 액세스하려면 두 가지 조건을 충족해야 합니다.

1. 전체 사이트 편집을 지원하는 WordPress 테마를 사용해야 합니다. WordPress.org에서 전체 사이트 편집 필터를 사용하여 이러한 테마를 찾을 수 있습니다.
2. 실험 기능이 포함된 베타 플레이그라운드인 Gutenberg 플러그인을 설치해야 합니다.

이 두 요소 모두 아직 실험 단계이기 때문에 트래픽을 수신하는 실제 웹사이트에서는 이 작업을 수행하지 않는 것이 좋습니다.

이 두 조건을 모두 충족하면 WordPress 대시보드 사이드바에 새로운 사이트 편집기 옵션이 표시됩니다.

WordPress 사이트 편집기를 사용하는 방법

WordPress 사이트 편집기 인터페이스는 템플릿 편집 모드와 거의 동일합니다. 유일한 차이점은 다음과 같습니다.

1. 다양한 템플릿 편집 간에 빠르게 전환할 수 있는 인터페이스 옵션이 제공됩니다.
2. 템플릿을 디자인하기 위해 훨씬 더 동적인 테마 블록에 액세스할 수 있습니다.

왼쪽 상단 모서리에 있는 WordPress 로고를 클릭하여 템플릿 브라우저를 열 수 있습니다. 이렇게 하면 템플릿 간에 빠르게 전환하고 필요한 경우 새 템플릿을 만들 수 있습니다.

지금 WordPress 템플릿 편집 모드 시작하기

템플릿 편집 모드는 시작에 불과합니다. 현재 기능을 사용하면 블록 편집기를 사용하여 게시물 또는 페이지용 템플릿을 디자인할 수 있지만 전체 WordPress 사이트 편집기를 궁극적으로 실행하면 테마의 기본 사이트 전체 템플릿에 대한 전체 액세스 권한을 얻을 수 있습니다.

이 주제에 대해 자세히 알아보려면 WordPress 전체 사이트 편집에 대한 소개를 확인하세요.

또한 WordPress 블록 편집기 사용, 사용자 정의 WordPress 게시물 템플릿 생성, 위젯 영역에서 블록 사용에 대한 다른 유용한 게시물이 있습니다.

WordPress 템플릿 편집 모드 또는 곧 출시될 WordPress 사이트 편집기 기능에 대해 여전히 질문이 있습니까? 댓글로 알려주세요!