WordPress 5.9: 상위 20개의 새로운 기능 및 개선 사항
게시 됨: 2022-01-26
업데이트하기 전에: 사이트 백업을 실행하는 것을 잊지 마십시오!
현재 위치: 전체 사이트 편집(FSE)
WordPress 5.9의 가장 큰 소식은 전체 사이트 편집(FSE)의 등장입니다. 간단히 말해서 전체 사이트 편집은 WordPress 관리자에서 바로 전체 사이트를 제어할 수 있도록 설계되었습니다.
WordPress FSE(전체 사이트 편집) 프로젝트의 목표는 게시물 또는 페이지 콘텐츠를 넘어 편집 환경에서 Gutenberg의 블록 모델의 힘을 활용하는 것입니다. 즉, 블록 편집기로 전체 사이트를 사용자 정의할 수 있도록 하는 것입니다. 전체 사이트 편집 모드는 사이트의 구조를 이해하고 머리글 및 바닥글과 같은 전역 요소를 수정하는 방법을 제공합니다.
이전에는 이러한 모든 컨트롤이 WordPress 테마에 의해 독점적으로 처리되었으므로 이것을 WordPress 코어(블록 기반 테마 활성화)로 굽는 것은 WordPress가 이전에 사이트의 머리글, 바닥글과 같은 항목에 대해 사이트 전체 스타일을 처리했던 방식과 다릅니다. , 블로그 및 블로그 게시물.
그러나 전환하기 전에 고려해야 할 몇 가지 사항이 있습니다.
- 전체 사이트 편집을 실제로 사용하려면 블록 기반 테마가 필요합니다. 블록 테마는 완전히 블록으로 구성된 템플릿이 포함된 WordPress 테마이므로 다양한 게시물 유형(페이지, 게시물 등)의 게시물 콘텐츠 외에도 블록 편집기를 사용하여 사이트의 모든 영역을 편집할 수도 있습니다. 헤더 , 바닥글, 사이드바 등. 가능성: 현재 블록 기반 테마를 사용하고 있지 않습니다.
- 전체 사이트 편집은 아직 실행 가능한 최소 제품으로서 현재 단계에 있습니다 . 이것은 대부분의 테마가 아직 이 기능을 사용할 준비가 되지 않았거나 앞으로 호환되지 않을 것이기 때문에 사용자로부터 점진적인 채택을 허용합니다.
- 전체 사이트 편집을 채택할 필요가 없습니다. 아직 블록 기반 테마를 사용할 준비가 되지 않았다고 걱정하지 마세요. "클래식" 테마는 계속 존재하며 언제나처럼 작동합니다.
- 사이트를 완전히 편집하기 위해 WordPress 5.9 또는 전체 사이트 편집 블록 기반 테마가 필요하지 않습니다 . 이제 Kadence Theme에서 템플릿을 생성하고 조건부로 사이트 어디에서나 요소를 연결할 수 있는 pro 애드온을 사용하여 이 작업을 수행할 수 있습니다.
이에 대해 Kadence WP의 설립자인 Ben Ritner는 전체 사이트 편집으로 전환하는 것에 대해 다음과 같이 말했습니다.
“복잡한 도구/기능이 아직 블록으로 생성/구현되지 않았기 때문에 전체 사이트 편집에서는 대부분의 복잡한 작업이 여전히 불가능합니다. 또한 사용자 정의 게시물 유형을 사용하는 대부분의 플러그인은 아직 지원하지 않습니다(예: WooCommerce). 플러그인은 제대로 작동하지만 추가 제어를 제공하지는 않습니다.”
-Ben Ritner, WordPress 5.9에 대해 알아야 할 사항
1. 사이트 편집기 소개(베타)
블록 테마를 활성화하면 " 에디터(베타) "라는 새 메뉴 항목이 모양 아래에 표시됩니다. 이 편집기는 홈페이지, 템플릿 및 템플릿 부분에 대한 사이트 전체 스타일 및 블록을 시각적으로 편집할 수 있는 기능을 제공합니다.
보시다시피 모양과 디자인은 WordPress 관리 대시보드 및 게시물/페이지 편집기와 유사합니다. 메뉴 항목은 왼쪽에 있으며 상단 도구 모음에서 더 많은 설정을 사용할 수 있습니다.
베타 사이트 편집기는 편집을 위한 입구입니다.
- 템플릿(단일 게시물, 아카이브 등)
- 템플릿 부분(머리글, 바닥글 등)
- 오른쪽 사이드바를 통해 스타일 조정
이것들을 하나하나 풀어봅시다.
2. 템플릿 편집 + 생성
블록 기반 테마의 전체 사이트 편집은 사이트 템플릿 편집 기능을 잠금 해제합니다. WordPress에서 이들은 전통적으로 사이트의 중요한 부분이 구조화되고 스타일이 지정되는 방식을 제어하는 코드 파일이었습니다.
예를 들어, Twenty Twenty-Two는 다음 템플릿을 추가합니다.
- 404 – 콘텐츠를 찾을 수 없을 때 표시되는 "페이지"입니다.
- 단일 게시물 – 단일 게시물이 표시되는 방식입니다.
- 페이지 – 단일 페이지가 표시되는 방식입니다.
- 홈 – 귀하의 홈 페이지입니다.
- 색인 – 모든 게시물을 표시하는 "페이지"입니다.
- 단일 포스트(구분자 없음)
- 페이지(구분자 없음)
목록에서 템플릿 이름을 클릭하면 게시물/페이지 편집기와 유사한 편집기에서 템플릿을 편집할 수 있습니다. 여기에서 블록, 색상 등을 조정할 수 있습니다.
3. 템플릿 파트 커스터마이징
템플릿 부분은 머리글과 바닥글을 포함하여 사이트의 특정 사이트 전체 구성 요소를 제어할 수 있는 전체 사이트 편집의 또 다른 측면입니다.
템플릿 부분에는 다음이 포함됩니다.
- 헤더 – 헤더 템플릿은 일반적으로 제목, 로고 및 기본 탐색이 포함된 페이지 영역을 정의합니다.
- 바닥글 – 바닥글 템플릿은 일반적으로 사이트 크레딧, 소셜 링크 또는 기타 블록 조합을 포함하는 페이지 영역을 정의합니다.
- 일반 – 일반 템플릿은 종종 게시물 콘텐츠 표시와 같은 특정 역할을 수행하며 특정 영역에 연결되지 않습니다.
목록에서 아무거나 클릭하여 편집하거나 새 항목을 추가할 수 있습니다.
4. 사이트 전체 스타일
편집기(베타)에서 사용할 수 있는 전체 사이트 편집의 또 다른 큰 기능은 사이트의 색상, 타이포그래피, 레이아웃 등을 사용자 정의하는 기능인 스타일 입니다. 스타일을 사용하여 사이트를 수정하거나 버튼의 새 색상 팔레트에서 모든 옵션을 사용하거나 새 글꼴을 선택하여 사이트를 완전히 새로운 모양으로 만들 수 있습니다.
원 아이콘을 클릭하면 에디터(베타)의 상단 툴바에서 사용할 수 있는 스타일을 찾을 수 있습니다.
새로운 스타일 패널은 다음을 포함한 여러 설정 옵션을 엽니다.
- 타이포그래피 – 텍스트 및 링크를 포함한 다양한 요소에 대한 타이포그래피 설정을 관리합니다.
- 색상 – 웹사이트에 있는 다양한 글로벌 요소의 기본 색상 및 팔레트를 관리합니다. 팔레트는 블록 및 다양한 디자인 도구에 대한 기본 색상 옵션을 제공하는 데 사용됩니다. 여기에서 레이블이 있는 색상을 편집할 수 있습니다. 배경, 텍스트 및 링크가 포함됩니다.
- 레이아웃 – 패딩 추가
5. 사이트 전체 블록 스타일
또한 스타일에는 모든 블록에 대한 기본 스타일을 설정하는 기능이 포함되어 있습니다. 예를 들어, 클라이언트가 너무 많은 스타일을 조정하거나 고유한 스타일을 추가하지 못하게 하려는 경우 특히 클라이언트 사이트에 매우 유용할 수 있습니다.
다음과 같이 사용할 때마다 특정 블록의 모양을 사용자 정의할 수 있는 옵션이 제공됩니다.
- 제목
- 기울기
- 인용 부호
- 버튼
- 커버
- 인용구
6. Twenty Twenty-Two, 첫 번째 기본 블록 테마
WordPress 5.9에는 WordPress 역사상 최초의 기본 블록 테마인 Twenty Twenty-Two가 포함되어 있습니다. Twenty Twenty-Two는 테마 + 전체 사이트 편집이 함께 작동해야 하는 방식에 대한 비전의 모든 사람을 위한 예를 나타냅니다.
WordPress 5.9 시작 화면에서:
“이것은 새로운 기본 테마 그 이상입니다. WordPress 테마로 작업하는 완전히 새로운 방법입니다. 블록 테마를 사용하면 색 구성표와 서체 조합에서 페이지 템플릿 및 이미지 필터에 이르기까지 사이트 편집 인터페이스에서 다양한 시각적 선택을 할 수 있습니다. 한 곳에서 변경하여 Twenty Twenty-Two에 귀하의 브랜드나 다른 웹사이트와 동일한 모양과 느낌을 주거나 사이트의 모양을 다른 방향으로 전환할 수 있습니다.”
디자인은 자연에서 영감을 받은 17가지 색상의 팔레트와 그라데이션 스타일이 대담하고 현대적입니다. 또한 이 테마는 헤드라인에 가벼운 Source Serif Pro를 사용하고 지원을 위해 sans-serif와 함께 사용합니다.
7. 새로운 탐색 블록
WordPress 5.9에는 페이지 링크에서 사이트 로고 등에 이르기까지 다양한 블록으로 구축된 메뉴를 사용자가 생성, 관리 및 재사용할 수 있는 탐색 블록이 도입되었습니다. 5.9에 포함되고 최근 개선된 모든 기능으로 Navigation 블록은 더 이상 실험적인 것으로 간주되지 않습니다.
새로운 탐색 블록을 사용하면 항상 켜져 있는 반응형 메뉴 또는 사용자의 화면 크기에 맞게 조정되는 메뉴를 선택할 수 있습니다. 무엇을 만들든 새로운 템플릿이든 테마를 전환한 후에도 원하는 곳 어디에서나 재사용할 수 있습니다.
탐색 블록은 이제 템플릿 부분에만 사용할 수 있는 것이 아닙니다. 모든 게시물이나 페이지 내에서도 블록을 사용할 수 있습니다.
8. 커스터마이저, 메뉴, 위젯 제거(블록 기반 테마를 사용하는 경우)
WordPress 5.9 정보 페이지는 다음과 같이 설명합니다.
“새로운 블록 테마를 사용하면 더 이상 커스터마이저가 필요하지 않습니다. 대신 사이트 편집기 내에서 스타일 인터페이스의 모든 기능을 사용할 수 있습니다. Twenty Twenty?Two에서와 마찬가지로 손에서 실제로 살아나는 유동적인 인터페이스에서 작업에 필요한 도구를 사용하여 사이트의 모양과 느낌을 구축합니다.”
블록 편집기 개선 사항 + 새 블록
WordPress 5.9는 WordPress 5.0에서 초기 구텐베르크 출시 이후 가장 큰 구텐베르크 기능 릴리스를 나타냅니다. WordPress 5.9는 마지막 릴리스 이후 Gutenberg 11.9였던 코드 동결까지 구텐베르크 플러그인에 대한 12가지 버전의 변경 사항을 WordPress 코어에 통합합니다.
9. 블록에 대한 추가 설정 및 제어
드디어! WordPress 5.9는 새로운 타이포그래피 도구, 유연한 레이아웃 제어 및 블록의 간격, 테두리 등과 같은 세부 사항에 대한 세부적인 제어를 제공합니다. 이전에는 특히 세부 사항을 미세 조정하려는 경우 차단 설정이 매우 제한적이었습니다.
예를 들어, 기본 단락 블록에는 이제 16진수 미리보기가 있는 텍스트 색상에 대한 색상 옵션, 배경 색상, 줄 높이, 대소문자, 문자 간격 등과 같은 타이포그래피에 대한 확장 옵션이 포함됩니다.
10. 더 우수하고 강력한 목록 보기
또한 이제 복잡한 블록 구조를 탐색하는 데 도움이 되는 중첩 블록을 확장 및 축소할 수 있습니다.
11. 더 나은 갤러리 블록
이제 갤러리 블록의 모든 이미지를 이미지 블록에서 처리하는 것과 동일한 방식으로 처리할 수 있습니다.
갤러리에서 개별 이미지를 클릭하면 다음 이미지와 다르게 스타일을 지정하거나(예: 다른 자르기 또는 이중톤 사용) 모두 동일하게 만들 수 있습니다.
12. 블록 패턴 탐색기 내장
WordPress 블록 패턴은 바로 삽입할 수 있는 사전 정의된 WordPress 블록 레이아웃입니다. 블록 패턴은 사용자가 몇 개의 버튼만 클릭하여 원하는 수만큼 복잡한 레이아웃을 만들 수 있는 WordPress 블록 그룹입니다.
WordPress 패턴 디렉토리는 시간을 절약하고 핵심 사이트 기능을 추가하기 위해 구축된 다양한 블록 패턴의 홈입니다. 패턴 디렉토리에서 사용할 수 있고 테마와 함께 번들로 제공되는 블록 패턴의 수가 증가함에 따라 이제 패턴 삽입기의 탐색 버튼을 통해 액세스할 수 있는 전체 화면 모달 패턴 탐색기가 있습니다.
세부 사항을 볼 수 있도록 전체 화면에 가까운 보기를 제공하는 패턴 탐색기를 사용하면 패턴을 쉽게 비교하고 사용자가 기대하는 패턴을 선택할 수 있습니다. 이 탐색기를 사용하면 더 크고 고급 도구에서 패턴을 찾을 수 있습니다.
블록 삽입기를 클릭한 후 패턴 탭에서 "탐색" 버튼을 클릭하기만 하면 됩니다.
13. 제목 블록의 글꼴 두께
블록에 대한 더 세밀한 컨트롤 중 하나로 이제 제목 블록의 글꼴 두께(모양)를 선택할 수 있습니다. 또한 이제 대소문자는 물론 줄 높이와 문자 간격을 제어할 수 있습니다.
성능 향상
WordPress 5.9에는 성능에 대한 몇 가지 개선 사항이 포함되어 있습니다. 인상적인 속도 비교를 포함하여 여기에서 WordPress 5.9의 모든 성능 개선 사항을 확인할 수 있습니다.
14. 블록 삽입기 성능 개선
블록 삽입기의 성능이 향상되었습니다! 빠르고 쉽게 블록을 검색하고 삽입할 때 차이를 볼 수 있습니다.
15. 지연 로딩 이미지 개선
지연 로딩 이미지는 WordPress 5.5에 도입되었으며 이후에는 WordPress 5.7의 iframe도 포함하도록 확장되었습니다. 곧 출시될 WordPress 5.9 릴리스에서는 둘 다에 대한 구현이 성능 향상을 위해 일부 개선되었습니다.
구체적으로:
개발자를 위한 개선 사항
16. 블록 기반 테마 구축을 위한 리소스
WordPress 5.9에서는 블록을 사용하여 전체 사이트를 구성하는 템플릿을 정의하는 블록 기반 테마를 도입했습니다. 새 템플릿 및 템플릿 부분은 HTML로 정의되며 theme.json에서 제공되는 사용자 지정 스타일을 사용합니다.
theme-experiments 저장소에는 첫 번째 블록 테마를 시작하기에 좋은 상용구인 빈 테마가 있습니다. 시작하기 위해 블록 테마를 생성하는 데 도움이 되는 명령줄 스크립트도 있습니다.
- 블록 테마 개요에서는 블록 테마의 기본 사항과 테마의 구조 및 형식에 대해 설명합니다.
- 블록 테마 만들기는 블록 테마를 만드는 과정을 안내하는 전체 자습서입니다.
- 전역 설정 및 스타일은 theme.json을 사용하여 테마에 스타일을 추가하는 방법을 문서화합니다.
17. 설정, 스타일 및 theme.json에 대한 업데이트
워드프레스 5.9는 워드프레스 5.8에 도입된 theme.json v1을 v2로 변경했습니다. 기존 v1 theme.json 파일은 여전히 예상대로 작동하며 런타임 시 WordPress에 의해 v2 형식으로 변환됩니다.
theme.json 파일 기능에 대한 자세한 설명은 라이브 사양 문서를 확인하세요.
18. 블록에 대한 여러 스타일시트
이제 블록당 둘 이상의 스타일시트를 등록할 수 있습니다. 이것을 사용하여 작성하는 블록 간에 스타일을 공유하거나 개별 블록에 대한 스타일을 로드하여 블록이 사용될 때만 스타일이 로드되도록 할 수 있습니다. 한 블록에서 여러 스타일시트를 사용하는 방법에 대해 자세히 알아보세요.
19. 게시물, 게시물 유형 및 분류와 함께 작동하는 새로운 후크 및 함수
WordPress 5.9에는 개발자가 게시물, 게시물 유형 및 분류를 사용하여 작업할 수 있도록 새로운 후크 및 기능이 추가되었습니다.
20. 전역 설정 및 스타일에 액세스하는 새로운 API
WordPress 5.9 출시 이벤트에 참여하세요.
iThemes 보안 수석 개발자이자 WordPress Core Committer인 Timothy Jacobs와 함께 최신 버전의 WordPress가 제공하는 새로운 기능에 대해 알아보십시오. 우리는 전체 사이트 편집, 블록 편집기 개선 사항, 그리고 이것을 최고의 WordPress로 만드는 수많은 내부 변경 사항에 대해 이야기할 것입니다.
WordPress 5.9 출시 이벤트 – 최신 WordPress에 대해 알아야 할 사항
1월 25일 화요일 오후 1:00 -2:00(중부 표준시)
지금 등록하세요
라이브 웨비나를 만들 수 없습니까? 등록해 주시면 리플레이를 이메일로 보내드리겠습니다.
귀하의 시간대에서 웨비나 시간을 확인하십시오.