PostX 전체 사이트 편집 지원 소개 [WordPress용]

게시 됨: 2023-08-29

WordPress 버전 6.0 에는 몇 가지 환영할 만한 변경 사항이 포함되었습니다. 주요 변경 사항 중 하나는 '전체 사이트 편집' 기능의 도입이었습니다.

' Twenty Twenty-two 워드프레스 테마 '의 초기 성공 이후, 2023년 말에는 ' Twenty Twenty-two 워드프레스 테마 '가 빛을 발했습니다.

2022년 WordPress 테마와 동일한 기능이 많이 포함되어 있습니다. 그러나 이는 사용자에게 더 많은 디자인 자유를 제공하는 더 간결한 옵션으로 제공되었습니다.

그리고 우리는 자유의 맛을 높이기 위해 여기에 있습니다. WordPress에 대한 PostX 전체 사이트 편집 지원(FSE)을 발표하게 된 것을 자랑스럽게 생각합니다. 이제 WordPress에서 전체 편집 지원 테마와 함께 즐겨찾는 게시물 블록을 사용할 수 있습니다.

이 지원이 어떻게 작동하는지 살펴보겠습니다.

내용 숨기기
1 2023 WordPress 테마로 전체 사이트 편집
1.1 WordPress 전체 사이트 편집을 위한 PostX
1.2 PostX 전체 사이트 편집 지원 [블로그 페이지 만들기]
1.2.1 템플릿 부분
1.2.2 페이지 템플릿
1.3 전체 사이트 편집 WordPress 테마 설치 및 활성화
1.4 PostX 동적 사이트 빌더 플러그인 설치
1.5 머리글 및 바닥글 템플릿 부분 만들기
1.6 페이지 템플릿에 이러한 템플릿 부분 추가
1.7 특정 페이지에서 페이지 템플릿 사용
2 최종 생각

2023 WordPress 테마로 전체 사이트 편집

2023년 기본 WordPress 테마는 매끄럽고 빈 모양입니다. 테마를 사용하면 템플릿 부분을 사용하여 WordPress 사이트 페이지를 더 쉽게 만들 수 있습니다.

Preview of the Twenty Twenty-three WordPress theme
Twenty Twenty-3 WordPress 테마 미리보기

기본 테마를 사용하려는 경우 몇 가지 이점이 있습니다. 곧바로 Divi 또는 Elementor와 같은 무거운 페이지 빌더에 의존할 필요가 없습니다.

WordPress 전체 사이트 편집을 위한 PostX

더 이상 무거운 페이지 빌더에 의존할 필요가 없습니다. PostX는 이제 완전한 FSE 지원을 제공합니다. 이제 PostX 블록을 사용하여 전체 사이트 편집 기능을 사용하여 전체 웹 페이지를 만들 수 있습니다.

가볍고 다양한 사용자 정의 옵션을 제공하는 PostX Gutenberg 블록 플러그인 만 있으면 됩니다.

PostX를 사용하면 추가 디자인 기능을 위해 추가 플러그인을 설치할 필요가 없습니다. PostX 블록을 사용하면 다른 플러그인에 의존하지 않고도 멋진 뉴스, 요리, 여행 블로그 사이트를 만들 수 있습니다.

POSTX 살펴보기

그렇다면 WordPress 전체 사이트 편집은 PostX에서 어떻게 작동합니까? 아주 간단합니다.

PostX 전체 사이트 편집 지원 [블로그 페이지 만들기]

' Twenty Twenty-two WordPress Theme '의 전체 편집 기능을 활용하고 이를 PostX로 블로그 페이지를 구축하는 데 사용하겠습니다.

시작하기 전에 알아야 할 몇 가지 사항이 있습니다.

템플릿 부분

2022년 워드프레스 테마와 마찬가지로 2023년 테마에도 워드프레스 전체 사이트 편집을 위한 템플릿 부분이 있습니다.

Header template part for full site editing
전체 사이트 편집을 위한 헤더 템플릿 부분

템플릿 부분은 재사용 가능한 블록과 같습니다. 그 중 하나를 변경하면 변경 사항이 모든 페이지에 적용됩니다.

예를 들어 WordPress 웹 사이트의 모든 페이지에 걸쳐 있는 헤더 템플릿 부분이 있는 경우 디자인한 대로 모든 페이지에 표시됩니다. 해당 템플릿 부분을 변경하면 모든 페이지에서 변경됩니다.

이러한 템플릿 부분을 여러 페이지에서 반복적으로 사용할 수 있습니다. 새로운 페이지 템플릿을 구축하는 과정이 더욱 쉬워졌습니다.

당신은 또한 읽고 싶을 수도 있습니다: WordPress에서 전체 사이트 편집은 어떻게 작동합니까?

페이지 템플릿

페이지 템플릿은 WordPress 버전 6.0에 새로 추가된 기능입니다. 특정 페이지에서 사용할 템플릿을 선택할 수 있으며 페이지는 해당 템플릿을 사용하여 내용을 표시합니다.

Access the template page from the theme editor
테마 편집기에서 템플릿 페이지에 액세스하세요.

여기에 예가 있습니다.

새로운 홈 페이지를 만들고 싶다고 가정해 보겠습니다. 2023 WordPress 테마로 이를 수행하려면 먼저 페이지 템플릿을 만들어야 합니다. 그런 다음 해당 페이지 템플릿을 홈 페이지에 추가하고 페이지를 게시/업데이트하기만 하면 됩니다.

웹 사이트용 블로그 페이지를 만드는 과정을 안내하면서 다음 섹션에서 이러한 사항에 대해 논의할 것입니다.

수행 방법은 다음과 같습니다.

전체 사이트 편집 WordPress 테마 설치 및 활성화

WordPress를 처음으로 사용하는 경우(처음 설치인 경우) 최신 버전의 WordPress를 사용하게 될 가능성이 높습니다(이 글을 쓰는 시점의 현재 버전은 6.3입니다 ).

WordPress 6.3 Update brings polished WordPress Full Site Editing
WordPress 6.3 업데이트로 세련된 WordPress 전체 사이트 편집 기능 제공

따라서 귀하의 WordPress 사이트에는 이미 'Twenty Twenty-two WordPress Theme'가 설치되어 있을 것입니다.

그러나 다른 경로로 가고 싶다면 다른 전체 사이트 편집 테마를 선택할 수도 있습니다. 그러나 생태계에 대한 느낌을 얻으려면 기본 WordPress 테마를 사용하는 것이 좋습니다.

PostX 동적 사이트 빌더 플러그인 설치

PostX 플러그인 설치는 매우 쉽습니다. 플러그인>새로 추가 로 이동하여 PostX를 검색하기만 하면 됩니다.

그러나 Pro 버전의 PostX(더 많은 기능, 더 많은 사용자 정의!)를 사용하는 경우 웹 사이트에서 Pro 버전을 설치해야 합니다.

자세한 내용은 설명서를 확인하세요.

문서 보기

머리글 및 바닥글 템플릿 부분 만들기

머리글과 바닥글 템플릿 부분을 생성하려면 WordPress 대시보드에서 모양>편집기 로 이동해야 합니다. WordPress 전체 사이트 편집 기능에 액세스하기 위해 테마 섹션에서 편집기에 액세스할 수도 있습니다.

2023 WordPress 테마의 "사용자 정의" 버튼을 클릭하기만 하면 됩니다.

편집기에 들어가면 디자인 섹션에서 여러 옵션을 찾을 수 있습니다. "패턴"을 클릭하세요. 미리보기 페이지로 이동됩니다.

Header Template Part Design in Editor
Editor에서 헤더 템플릿 파트 디자인

여기에는 두 가지 옵션이 있습니다. 하나는 "패턴" 이고 다른 하나는 "템플릿 부분"입니다.

PostX 행 블록, 검색 블록, 내장 탐색사이트 로고 부분을 사용하여 머리글바닥글 템플릿 부분을 만들었습니다. 또한 헤더 부분에도 PostX 검색 블록을 사용했습니다.

Footer Template Part Design for Full Site Editing
전체 사이트 편집을 위한 바닥글 템플릿 부분 디자인

다음 내용을 읽어볼 수도 있습니다.

1. PostX 행/열 블록은 어떻게 작동하나요?
2. PostX 고급 검색 블록의 작동.

페이지 템플릿에 이러한 템플릿 부분 추가

이제 페이지 템플릿을 만들 차례입니다. 템플릿 메뉴에서 "빈" 템플릿을 사용한다는 점에 유의하세요. 수정해서 블로그 페이지에 활용하겠습니다.

수행 방법은 다음과 같습니다.

  • 블록 메뉴에서 헤더 템플릿 부분을 추가합니다. WordPress 템플릿 부품 블록을 검색하면 됩니다. 이제 헤더에 대한 기존 템플릿을 선택해야 합니다. 간단히 클릭하면 헤더 템플릿 부분이 페이지에 나타납니다.
Adding a template part to a page template
페이지 템플릿에 템플릿 부분 추가
  • 다음으로 블로그 본문을 추가합니다. 우리는 PostX Post Grid 및 List 블록과 기타 자산을 사용하여 블로그 본문을 만들었습니다.
  • 동일한 방법으로 바닥글 템플릿 부분을 추가합니다.
Blank Template Editing Page
빈 템플릿 편집 페이지
  • 마지막으로 페이지에서 사용할 템플릿을 저장합니다 .

특정 페이지에서 페이지 템플릿 사용

이제 페이지용으로 만든 템플릿을 사용할 차례입니다.

이렇게 하려면 WordPress 대시보드에서 페이지>모든 페이지 로 이동하세요. 생성된 페이지가 없으면 새로 추가를 클릭하세요. 블로그 페이지에서 템플릿을 사용하려고 하므로 블로그 페이지로 이동하겠습니다.

여기 오른쪽 상단에 설정 탭이 표시됩니다. 클릭하면 다양한 페이지 옵션이 표시됩니다. 거기에 "템플릿" 옵션이 표시됩니다.

Adding the blank template as the default template for the blog page
빈 템플릿을 블로그 페이지의 기본 템플릿으로 추가

클릭하시면 다양한 템플릿 옵션을 보실 수 있습니다. "Blank" 템플릿을 수정했으므로 메뉴에서 이를 선택하고 페이지를 업데이트합니다 .

다음은 WordPress 전체 사이트 편집 기능을 사용하여 PostX로 구축한 사이트입니다.

Full Site Editing Final Outcome
PostX 전체 사이트 편집 최종 결과

마지막 생각들

이는 전체 사이트 편집(FSE)을 위해 PostX 플러그인을 사용하는 한 가지 방법일 뿐입니다. PostX 플러그인을 사용하면 더 많은 작업을 수행할 수 있습니다!

최신 WordPress 업데이트의 전체 편집 기능을 사용하기로 선택했다면 쉽지 않을 것입니다.

PostX와 같은 가볍고 사용하기 쉬운 플러그인을 사용하면 작업이 더 쉬워집니다. 기성 자산은 분명히 이점을 제공할 것입니다.

그래서, 당신의 생각은 무엇입니까? 댓글 섹션에서 우리와 공유하십시오.

이 기사가 마음에 드시나요? 소문을 퍼뜨려라
  • WordPress Columns

    WordPress 칼럼으로 영향력 있는 페이지 만들기: 초보자부터 전문가까지

  • Use Gutenberg Blocks in Beaver Builder

    PostX Beaver Builder 통합: Beaver Builder에서 구텐베르그 블록 사용

  • How to Display Estimated Reading Time in WordPress Blogs

    WordPress 블로그에 예상 독서 시간을 표시하는 방법

  • How To Use Gutenberg Blocks in WPBakery Page Builder

    PostX 통합을 통해 WPBakery Page Builder에서 구텐베르그 블록을 사용하는 방법