WordPress 5.9: 새로운 기능 및 개선 사항

마지막 업데이트 이후 약 6개월이 지났지만 WordPress 5.9는 기다릴 만한 가치가 있었습니다.

손에 넣을 수 있는 새로운 기능이 많이 있습니다. 가장 주목할만한 새로운 기능은 전체 사이트 편집이지만 더 많은 기능이 있습니다. 이제 WordPress 사이트를 창의적으로 만들고 틀에서 벗어나야 할 때입니다!

이 게시물에서는 최신 버전의 WordPress를 최대한 활용할 수 있도록 WordPress 5.9의 새로운 기능과 주목할만한 기능을 살펴보겠습니다.

WordPress 5.9의 새로운 기능 및 변경 사항

다음은 WordPress 5.9에서 사용할 수 있는 새로운 기능과 변경 사항입니다.

1. 스물 두 개의 테마

WordPress 5.9에는 Twenty Twenty-Two 라는 새로운 기본 테마가 포함되어 있습니다.

이 블록 테마를 사용하면 WordPress 5.9에 도입된 전체 사이트 편집 기능을 사용할 수 있습니다.

Twenty Twenty-Two에는 404 오류 페이지, 단일 게시물 페이지 및 아카이브 페이지를 비롯한 다양한 페이지 템플릿이 포함되어 있습니다. 템플릿 부분에는 바닥글과 세 가지 다른 유형의 머리글도 포함됩니다. 기본값, 작은 스타일의 dark, 큰 스타일의 dark입니다.

2. 전체 사이트 편집

WordPress 5.8은 부분 편집만 허용했지만 WordPress 5.9에는 전체 사이트를 변경할 수 있는 전체 사이트 편집(FSE) 기능이 포함되어 있습니다.

머리글에서 바닥글에 이르기까지 사이트의 모든 것을 블록 단위로 디자인할 수 있습니다. 대시보드의 모양 섹션으로 이동하여 편집기 를 클릭하면 전체 사이트 편집기 모드로 리디렉션됩니다.

새로운 사이트 전체 블록

전체 사이트 편집기 모드에서는 드래그 앤 드롭 페이지 빌더처럼 사이트의 모양과 느낌을 사용자 정의할 수 있는 테마 블록을 찾을 수 있습니다.

다음은 5.9에 도입된 테마 블록 목록입니다.

• 항해
• 템플릿 부분
• 헤더
• 보행인
• 포스트 저자
• 다음 포스트
• 댓글 게시
• 이전 게시물
• 아카이브 제목
• 용어 설명

사이트 전체 스타일 추가

사이트 편집기의 또 다른 유용한 기능은 사이트 전체에서 사용할 테마에 대한 새 스타일을 만드는 것입니다. 게시물이나 페이지를 편집할 때 화면 오른쪽 상단에 있는 스타일 아이콘 버튼을 클릭합니다.

여기에서 웹사이트의 타이포그래피와 색상을 편집할 수 있습니다.

완료되면 개별 템플릿, 템플릿 부분 또는 전체 웹사이트에 대한 변경 사항을 전역 스타일로 저장할 수 있습니다.

블록 스타일 변경

사이트 편집기를 사용하여 웹사이트의 개별 블록 스타일을 변경할 수도 있습니다.

스타일 버튼을 클릭한 다음 블록을 선택합니다. 편집 및 사용자 정의할 수 있는 블록 목록이 표시됩니다.

이것은 웹사이트의 다른 블록에 다른 스타일을 적용하는 데 도움이 됩니다.

새 탐색 블록

WordPress 5.9에는 탐색 블록이라는 새로운 블록이 도입되었습니다.

사이트 어디에서나 이 블록을 추가할 수 있습니다. 블록을 추가하면 자리 표시자가 세 가지 탐색 옵션을 제공합니다.

• 블록 기반 메뉴를 선택합니다.
• 모든 페이지로 새 메뉴를 만듭니다.
• 처음부터 시작합니다.

이미 클래식 스타일의 탐색 메뉴가 있다고 가정합니다. 이 경우 이 블록으로 추가할 수 있으며 메뉴는 자동으로 블록 기반 탐색 메뉴로 변환됩니다.

탐색 블록의 또 다른 새로운 기능은 게시물에 배치하는 것입니다. 이것은 메뉴 항목과 기사 제목에 대한 링크를 편집할 수 있으므로 긴 기사에 대한 미니 탐색 모음을 만들려는 경우에 유용합니다.

3. WordPress 5.9의 블록 편집기 개선 사항

손쉬운 섹션 이동

이제 사용자는 항목을 클릭하고 위아래로 끌어 도구 모음에서 ListView 섹션을 이동할 수 있습니다.

이렇게 하면 콘텐츠의 다른 부분을 쉽게 이동하고 레이아웃을 빠르게 재조정할 수 있습니다.

더 나은 소셜 아이콘 및 버튼

이전 버전의 워드프레스에서는 소셜 아이콘과 버튼으로 작업하면서 부모 및 자식 차단 컨트롤에 접근하기 어려웠습니다.

WordPress 5.9 버전에서 자식 블록은 부모 블록의 도구 모음을 사용할 수 있습니다.

더 나은 제목 컨트롤

이제 제목 블록이 있는 수직 드롭다운 메뉴에서 제목 수준을 선택할 수 있습니다. 헤더에 대해 더 많은 타이포그래피, 디자인, 여백 및 간격 선택을 사용할 수 있습니다.

블록 편집기에서 리치 URL 미리보기

이전에는 게시물 편집기에서 링크 위로 커서를 가져가는 동안에만 URL을 볼 수 있었습니다. WordPress 5.9는 이제 게시물 편집기 내의 링크에 대한 리치 URL 미리보기를 가져와 표시합니다.

더 나은 갤러리 블록

갤러리 블록의 모든 이미지는 이제 이미지 블록에서와 같은 방식으로 처리될 수 있습니다.

갤러리의 각 이미지를 다음 이미지와 다르게 디자인하거나(예: 다양한 자르기 또는 이중톤 사용) 클릭하여 모두 동일하게 만들 수 있습니다.

나타난 그림

추천 이미지 블록에는 두 가지 새로운 디자인 도구가 있습니다. 첫 번째는 그림의 높이와 너비를 지정할 수 있는 이미지 치수 도구입니다. 또한 미리 결정된 블록 치수 내에서 이미지를 맞추기 위한 세 가지 축척 선택이 있습니다.

• Cover – 왜곡 없이 공간을 채우기 위해 이미지의 크기를 조정하고 자릅니다.
• 포함 – 자르기나 왜곡 없이 공간을 채우도록 이미지 크기를 조정합니다. 이 크기 조정 옵션은 공백을 남길 수 있습니다.
• 채우기 – 공간을 채우기 위해 이미지를 늘리고 왜곡합니다.

추천 이미지를 위한 또 다른 새로운 디자인 도구는 여백과 패딩입니다. 여백은 이전 블록과 다음 블록 사이에 공백을 만들고 패딩은 추천 이미지 주위에 공백을 만듭니다.

4. 로그인 중 언어 전환기

로그인 화면에서 이제 사이트의 언어를 변경할 수 있습니다. 사이트에 설치된 언어 중 하나를 선택할 수 있습니다.

하나의 언어만 설치된 경우 스위처는 로그인 화면에 표시되지 않습니다.

5. 레이지 로딩 개선

워드프레스 5.5에서는 이미지의 지연 로딩이 추가되었고, 워드프레스 5.7에서는 iframe의 지연 로딩이 추가되었습니다.

Loading="lazy" 는 페이지의 이미지 및 iframe 태그에 자동으로 삽입됩니다.

첫 번째 이미지 또는 iframe 요소에 이를 포함하면 LCP 핵심 성능 평가 점수가 7% 증가하는 것으로 나타났습니다.

WordPress 5.9에서는 페이지의 첫 번째 이미지 또는 iframe이 느리게 로드되지 않습니다.

wp_omit_loading_attr_threshold 필터를 사용하여 지연 로드되지 않을 미디어 수를 변경합니다.

다음 코드는 지연 로딩을 위해 건너뛴 이미지 수를 1에서 3으로 변경합니다. function change_value_skip_lazyloading( $omit_threshold ) { return 3; } add_filter( 'wp_omit_loading_attr_threshold', 'change_value_skip_lazyloading' ); function change_value_skip_lazyloading( $omit_threshold ) { return 3; } add_filter( 'wp_omit_loading_attr_threshold', 'change_value_skip_lazyloading' );

6. 내부 변경 사항

WordPress 5.9에는 개발자가 테마, 플러그인 및 프로젝트에서 탐색하고 사용할 수 있는 수많은 새로운 기능이 포함됩니다.

다음은 이러한 변경 사항 중 일부입니다.

테마.json

Theme.json은 WordPress 5.8에서 블록 테마의 스타일을 제어하는 ​​데 사용되는 구성 파일입니다.

WordPress 5.9는 theme.json에서 하위 테마와 이중 톤 필터를 지원합니다.

PHP 8.1과의 향상된 호환성

WordPress 5.9는 PHP 8.1 호환성을 염두에 두고 만들어졌습니다. 시작하기 전에 테마 또는 플러그인이 PHP 8.1과 호환되는지 다시 확인하십시오.

새로 추가된 기능

• wp_enqueue_block_style
• wp_get_post_revisions_url
• wp_is_block_theme
• wp_json_file_decode
• wp_list_users

새로 추가된 필터 후크

• default_wp_template_part_areas
• default_template_types
• display_login_language_dropdown
• is_post_status_viewable
• is_post_type_viewable
• rss_widget_feed_link
• wp_login_language_switcher_args
• wp_omit_loading_attr_threshold

7. 워드프레스 5.9 버그 수정

WordPress 핵심 기여자는 이전 버전에서 보고된 버그를 지속적으로 수정하고 있습니다. 그들은 100개의 버그를 해결했으며 그 중 일부는 다음과 같습니다.

• 다크 모드 버그 – WordPress 5.9는 다크 모드를 사용하는 동안 위젯 화면 문제를 해결합니다. 버그로 인해 텍스트가 흰색 배경에 회색으로 표시되어 읽기가 어려웠습니다.
• 테마 페이지 화면 떨림 - 이 버그는 외모 -> 테마 페이지에서 찾을 수 있습니다. 테마 썸네일에 마우스를 가져가면 브라우저 화면이 흔들릴 수 있습니다.
• 사라진 재사용 가능한 블록 – 많은 사용자가 WordPress 5.7 이후에 재사용 가능한 블록이 사라졌다고 보고했습니다. 이 버그에 대한 몇 가지 솔루션이 있지만 WordPress 5.9에는 버그 수정이 포함되어 있습니다.

결론

WordPress 5.9는 블록 편집기, 새로운 디자인 도구 및 UX 개선 사항을 포함하여 전반적인 사이트 편집 경험을 개선합니다. 새로운 기본 테마는 다양한 템플릿과 패턴 선택이 있기 때문에 새로운 WordPress 사용자를 위한 훌륭한 출발점이기도 합니다.

WordPress 5.9에는 웹 개발 및 디자인을 개선하기 위한 버그 수정과 새로운 호환성 도구 및 기능도 포함되어 있습니다.

이 기사를 통해 WordPress 5.9의 새로운 기능을 엿볼 수 있기를 바랍니다. 초보자가 블로그를 시작할 수 있는 최고의 블로깅 플랫폼에 대한 기사도 볼 수 있습니다.