워드프레스 5.9가 출시되었습니다! 어떤 큰 변화를 놓쳤습니까?

게시 됨: 2022-01-25

워드프레스 5.9 조세핀이 나왔습니다! 이 워드프레스 버전은 원래 2021년 12월 14일에 출시될 예정이었으나 몇 가지 문제와 해결되지 않은 버그로 인해 최종 출시가 연기되어 2022년 1월 25일에 출시되었습니다.

가장 큰 변화가 무엇인지 궁금하다면 FSE(전체 사이트 편집)가 답입니다. 그리고 실제로 대부분의 새로운 기능은 새로운 기본 테마인 Twenty Twenty Two와 같이 전체 사이트 편집을 지원하는 테마를 사용하는 경우에만 사용할 수 있습니다.

WordPress 5.9에서는 구텐베르크 로드맵의 두 번째 단계인 사용자 지정 단계에 도달했습니다.

자, 이제 자세하게 알아보자!

목차
[보이기][숨기기]
  1. 전역 스타일: 'theme.json' 파일용 그래픽 인터페이스
    1. 스타일 미리보기
    2. 타이포그래피
    3. 그림 물감
    4. 형세
    5. 블록
  2. The Twenty Twenty-Two 테마 및 WordPress 블록 테마
  3. 업데이트된 탐색 블록
  4. 성능 향상
    1. 블록 삽입기 개선 사항
    2. 적은 CSS 로드
    3. 지연 로딩 성능 개선
    4. 블록당 여러 스타일시트
  5. 마지막 단어

전역 스타일: 'theme.json' 파일용 그래픽 인터페이스

WordPress 5.8에서는 'theme.json' 파일을 조작하는 것이 테마 개발자가 편집기 스타일과 설정을 사용자 정의하는 표준 방법이 되었습니다.

WordPress 5.9는 그래픽 인터페이스를 도입하여 다음 단계로 나아가고 있습니다. 이제 사용자는 한 줄의 코드를 건드리지 않고도 블록 수준에서 또는 전역적으로 사이트에 대한 스타일 사전 설정을 사용자 지정할 수 있습니다.

전역 스타일은 WordPress 웹 사이트 디자인의 일부 측면에 영향을 미치므로 사이트의 모양과 느낌을 사용자 지정하는 방식을 크게 변경합니다.

첫째, 전역 스타일 인터페이스가 사용자 지정 프로그램을 대체합니다. 그리고 현재 블록 테마로 스타일과 설정을 사용자화할 수 있는 유일한 방법입니다.

마찬가지로 복잡한 테마 옵션 관리 페이지는 더 이상 필요하지 않습니다. 이것은 테마 설정 및 스타일을 구성하는 새로운 표준 방법을 제공합니다.

이제 사이트 편집기에서 새 사이드바를 사용할 수 있습니다. 상단에는 다음과 같은 순서로 작은 미리보기 패널과 5개의 요소가 있습니다.

  • 스타일 미리보기
  • 타이포그래피
  • 그림 물감
  • 형세
  • 블록
워드프레스-5-9-1

자세히 살펴보자!

스타일 미리보기

첫 번째 요소는 미리보기 패널입니다. 사용자 정의 결과를 확인할 수 있습니다. 이는 편집기의 캔버스에 표시되지 않는 요소에 변경 사항을 적용할 때 특히 유용합니다.

워드프레스-5-9-2

타이포그래피

여기에서 사이트의 타이포그래피를 제어할 수 있습니다. 이 패널에서 사용 가능한 컨트롤은 'theme.json' 파일의 내용에 따라 다릅니다.

워드프레스-5-9-3

그림 물감

여기에서 색 구성표를 보고 편집하고 일부 웹사이트 요소의 색을 사용자 지정할 수 있습니다.

워드프레스-5-9-4

이러한 요소 중 하나를 클릭하면 테마, 핵심 및 사용자 정의의 세 가지 팔레트에서 색상을 선택할 수 있는 새 패널에 액세스할 수 있습니다. 여기에서 선택한 요소의 색상을 설정하고 수정할 수 있습니다.

워드프레스-5-9-4

형세

마지막 도구 세트는 레이아웃 사용자 정의를 위한 것입니다. 이는 전역 컨텍스트의 사이트 컨테이너로 제한됩니다.

워드프레스-5-9-5

블록

글로벌 스타일을 구현하여 이제 단락, 버튼, 열 등과 같은 특정 블록의 모양과 느낌을 변경할 수도 있습니다.

블록이 해당 'block.json' 파일에서 특정 기능에 대한 지원을 선언하는 경우에만 여기에서 블록 스타일을 사용자 정의할 수 있습니다.

예를 들어, 핵심 게시물 제목 블록은 타이포그래피와 색상을 지원하므로 해당 블록의 전역 스타일 설정에서 해당 항목을 찾을 수 있습니다.

워드프레스-5-9-6

The Twenty Twenty-Two 테마 및 WordPress 블록 테마

WordPress 5.9를 사용하면 사이트에서 전체 사이트 편집을 활성화하기 위해 Gutenberg 플러그인을 설치할 필요가 없습니다. 블록 테마만 사용하면 됩니다.

또한 WordPress 5.9에는 완전히 새로운 기본 테마인 Twenty Twenty-Two가 포함되어 있습니다. 최초의 기본 블록 테마이기 때문에 게임 체인저입니다. 또한 Twenty Twenty-Two는 사용자 정의가 가능하고 유연한 테마입니다.

블록 테마를 사용하면 WordPress 대시보드 관리 메뉴에 새로운 '에디터(베타)' 메뉴 항목이 나타납니다.

워드프레스-5-9-7

편집 인터페이스에서 웹사이트의 홈페이지, 템플릿 및 템플릿 부분을 시각적으로 편집할 수 있습니다. 여기에서 전역 스타일 인터페이스에 액세스할 수도 있습니다.

워드프레스-5-9-8

보시다시피 커스터마이저를 찾을 수 없습니다. 블록 테마를 지원하지 않기 때문입니다. 이것이 비활성화된 블록 테마를 미리 볼 수 없는 이유이기도 합니다.

워드프레스-5-9-9

Woostify와 같은 전통적인 테마를 사용 중이고 이전 버전과의 호환성이 걱정된다면 안심하십시오. 계속 사용할 수 있습니다.

현재 선택할 수 있는 네 가지 테마 카테고리가 있습니다.

  • 블록 테마: 전체 사이트 편집용으로 설계된 테마
  • 일반 테마: 커스터마이저와 에디터 모두에서 작동하는 테마(베타)
  • 하이브리드 테마: 전체 사이트 편집 기능을 지원하는 클래식 테마
  • 클래식 테마: "functions.php" 파일, PHP 템플릿 등의 테마

업데이트된 탐색 블록

탐색 블록은 얼마 동안 초기 단계에 있었습니다. 보류 중인 모든 문제가 수정되었으므로 마침내 WordPress 5.9의 가장 강력한 기능 중 하나를 사용할 수 있습니다.

탐색 블록을 처음 추가할 때 블록 자리 표시자는 세 가지 옵션을 제공합니다.

  • 기존 메뉴를 선택하고,
  • 모든 페이지로 메뉴를 만들고,
  • 또는 빈 메뉴로 새롭게 시작하십시오.
워드프레스-5-9-10

새로운 탐색 메뉴를 사용하면 클래식 테마에서 사용할 수 있는 모양 메뉴 화면을 통해 만든 메뉴를 가져올 수 있습니다.

워드프레스-5-9-11

따라서 클래식 테마에서 블록 테마로 전환하는 경우 기존 메뉴를 다시 만들 필요가 없습니다. 현재 '클래식 메뉴' 중 하나를 선택하기만 하면 됩니다. 그리고 자동으로 블록 기반 탐색 메뉴로 변환됩니다.

다른 블록 유형이 메뉴에 이미 추가되지 않은 경우 오른쪽에 있는 더하기 아이콘을 클릭하면 새 탐색 링크가 탐색 블록에 즉시 추가됩니다.

탐색 링크 블록 도구 모음에서 편집 버튼을 클릭하면 메뉴 항목이 사용자 정의 링크로 변환됩니다. 따라서 개별 항목을 추가, 편집, 재정렬 및 ​​삭제할 수 있습니다.

블록 도구 모음에서 변환 버튼을 클릭하여 링크를 블록으로 변환할 수도 있습니다. 따라서 탐색 메뉴에 특정 블록을 직접 추가할 수 있습니다.

워드프레스-5-9-12

설정 사이드바에서 탐색 메뉴의 많은 부분을 제어하기 위한 완전한 옵션 세트를 찾을 수 있습니다.

워드프레스-5-9-13
워드프레스-5-9-14
워드프레스-5-9-15

탐색 블록에 추가된 또 다른 유용한 추가 기능은 블록 간격 지원입니다. 따라서 메뉴 항목 사이의 간격을 제어할 수 있습니다.

워드프레스-5-9-16

성능 향상

블록 삽입기 개선 사항

WordPress 5.9부터 블록 유형, 범주 및 패턴이 블록 삽입기에 느리게 표시됩니다. 브라우저는 우선 순위가 더 높은 콘텐츠를 먼저 로드하여 보다 부드러운 편집 환경을 제공합니다.

적은 CSS 로드

WordPress 5.9는 블록 테마에 의해 로드되는 CSS의 양을 크게 줄여 페이지 로드가 훨씬 빨라집니다.

지연 로딩 성능 개선

워드프레스 5.9부터는 첫 번째 콘텐츠 이미지나 iframe에 'loading=”lazy”' 속성이 적용되지 않습니다.

50개의 인기 있는 WordPress 테마에 대해 수행된 분석에 따르면 이 솔루션은 상당한 성능 향상과 최대 30% 더 빠른 페이지 로드로 이어집니다.

블록당 여러 스타일시트

테마 및 블록 개발자는 블록당 여러 스타일시트를 등록하고 필요에 따라 다른 블록에서 스타일을 로드할 수 있습니다.

이렇게 하면 페이지 내용에 따라 스타일시트를 로드할 수 있으므로 모든 페이지에 큰 스타일시트를 로드하는 것을 방지할 수 있습니다.

마지막 단어

WordPress 시장 점유율에 대한 간략한 설명으로 이 기사를 마무리하겠습니다. 현재 알려진 콘텐츠 관리 시스템이 있는 모든 웹사이트의 65% 이상과 모든 웹사이트의 약 43%를 지원합니다.

워드프레스-5-9-17

이러한 수치는 특히 시장 점유율이 7% 미만인 가장 가까운 경쟁업체인 Shopify와 비교할 때 인상적입니다.

WordPress의 모든 새 버전은 새로운 기능, 성능 향상 및 인터페이스 향상을 제공합니다. 그리고 워드프레스 5.9도 예외는 아닙니다.

새로운 기능을 테스트하는 데 필요한 것은 새로운 Twenty Twenty-Two 기본 테마와 같은 블록 테마뿐입니다.

Woostify 테마를 사용하는 모든 사용자는 문제 없이 웹사이트를 WordPress 5.9로 즉시 업데이트할 수 있습니다. 개발 팀은 Woostify가 최신 WordPress 버전과 완벽하게 호환되도록 항상 열심히 노력합니다.