WordPress 6.5 “Regina”: 성능 업데이트, 새로운 글꼴 라이브러리 기능 등

WordPress 6.5 “Regina”가 출시되었습니다!

수상 경력이 있는 아티스트이자 유명한 재즈 교육자인 Regina Carter의 이름을 딴 6.5는 2024년의 첫 번째 대규모 업데이트이며 매우 흥미로운 업데이트라고 해도 과언이 아닙니다.

WordPress 6.5를 설명하기 위해 한 문장을 사용해야 한다면 다음과 같습니다.

"Regina"는 사이트 구축 경험과 인상적인 성능 향상을 미세 조정하고 향상하는 새롭고 향상된 방법을 제공하며 획기적인 개발자 도구의 도입을 의미합니다.

가장 중요한 하이라이트를 확인해 보겠습니다.

수백 가지 성능 업데이트

정확하게 말하면110개 이상의 성능 업데이트가 코어에 병합되었습니다 .

이전 두 버전인 6.4와 6.3에서는 몇 가지 인상적인 새로운 기능과 웹 성능 개선 사항이 도입되었습니다.

• 블록 테마에 대한 향상된 LCP(Largest Contentful Paint) 및 TTFB(Time to First Byte) 점수
• fetchpriority="high" 지원
• 스크립트 로딩 전략 소개

핵심 성능 팀의 엄청난 노력을 바탕으로 WordPress 6.5에는 AVIF 지원이 도입되었습니다.

AVIF는 JPEG, PNG, 심지어 WebP와 같은 "기존" 형식에 비해 이미지 품질과 압축이 크게 향상된 차세대 이미지 형식입니다. AVIF 이미지는 이미지 품질 저하 없이 JPEG에 비해 파일 크기를 최대 50%까지 줄일 수 있습니다.

JPEG 이미지보다 훨씬 작은 AVIF 이미지는 필연적으로 페이지 로드 시간이 빨라지고 대역폭 전송이 줄어듭니다.

또한 AVIF 이미지는 반응형 이미지, 가져오기 우선순위 및 지연 로딩의 모든 이점을 계속 제공합니다.

이 형식은 모든 주요 브라우저에서 지원되므로 오늘부터 사용할 수 있습니다.

출처: caniuse.com

그 외에도 "Regina"에 도입된 대부분의 성능 개선 사항은 Post Editor와 Site Editor의 속도와 효율성이 크게 향상되는 것과 관련이 있습니다.

실제로 6.5 릴리스 팀에서는 다음과 같이 주장합니다.

정말 놀라운 개선이 이루어졌습니다!

모든 이미지를 자동으로 차세대 형식으로 변환하세요. 지금 NitroPack을 설치하세요 →

글꼴 라이브러리 소개

글꼴 라이브러리는 마침내 WordPress 6.5 릴리스로 공식 데뷔했습니다.

이를 통해 사용자는 모든 블록 테마에 대해 사이트 전체에서 로컬 및 Google 글꼴을 쉽게 설치, 제거 및 활성화할 수 있습니다.

출처: 워드프레스

사이트 편집기( 모양 » 편집기 아래에 있음)를 연 다음 '스타일'패널로 이동하여 글꼴 라이브러리를 관리할 수 있습니다. 그런 다음 '타이포그래피'를 선택하여 현재 WordPress 테마에 포함된 글꼴을 확인하세요.

글꼴 라이브러리의 가장 큰 장점은 사이트에서 사용자 정의 글꼴을 사용하기 위해 더 이상 타이포그래피 플러그인을 설치할 필요가 없다는 것입니다.

향상된 블록 편집기

각 WordPress 릴리스에는 블록 편집기에 수많은 새로운 기능이 도입됩니다.

분명히 6.5도 다르지 않습니다. 이러한 개선 사항 중 일부는 많은 시간을 절약할 수 있으므로 기록해 두는 것이 좋습니다.

더욱 부드러워진 드래그 앤 드롭

목록 보기의 이동된 항목과 같은 시각적 표시기나 처음부터 끝까지 작업 공간의 어느 곳에나 쉽게 배치할 수 있는 부드러운 끌기 기능을 통해 항목을 재배열하면서 변화를 경험해 보세요.

향상된 링크 제어

링크 삽입 팝업(링크 제어)은 WordPress 6.5에서 더욱 사용자 친화적으로 만들기 위해 크게 변경되었습니다.

첫째, 이제 블로그와 첫 페이지를 다양한 아이콘으로 강조 표시합니다.

출처: WP 초보자

둘째, 링크를 삽입한 후 해당 링크를 클릭하면 Google Docs 설정과 유사한 더 나은 상황에 맞는 메뉴가 표시됩니다.

출처: WP 초보자

마지막으로, 이제 링크 제어판에서 링크를 "nofollow"로 설정할 수 있습니다.

출처: WP 초보자

새로운 그림자 도구

WordPress 6.5는 이미지, 열 및 버튼 블록에 그림자 효과를 추가합니다. 이제 다음을 쉽게 수행할 수 있습니다.

• 그룹 블록에서 배경 이미지의 크기, 반복 및 초점 옵션을 제어하여 레이아웃에 시각적 흥미를 더하는 미묘하거나 화려한 방법을 탐색할 수 있습니다.
• 커버 블록 이미지의 종횡비를 설정하고 선택한 이미지에서 색상을 자동으로 가져오는 색상 오버레이를 쉽게 추가하세요.
• 더 많은 블록 유형에 상자 그림자 지원을 추가하여 시각적 깊이가 있는 레이아웃을 만들거나 디자인에 약간의 개성을 더해보세요.
  

커버 블록용 스마트 오버레이

WordPress 6.5에서는 커버 블록이 멋진 기능으로 업그레이드되었습니다. 블록에 적용한 이미지나 색상을 보완하는 오버레이 커버를 자동으로 선택합니다.

또한 간단한 슬라이더를 사용하여 디자인 요구 사항에 맞게 오버레이의 불투명도를 조정할 수 있습니다.

출처: WP 초보자

6.5에 도입된 개선 사항의 전체 목록을 보려면 공식 문서를 확인하세요.

새로운 개발자 도구

블록 편집기와 마찬가지로 새로운 WordPress 버전에는 항상 몇 가지 개발자별 기능과 향상된 기능이 추가됩니다.

가장 흥미로운 것들은 다음과 같습니다:

플러그인 종속성

많은 플러그인이 순전히 다른 플러그인의 확장으로 작동한다는 점을 고려하여 새로운 플러그인 종속성 기능은 추가 기능(종속 항목)과 추가 기능이 의존하는 플러그인(종속 항목)을 일관되고 쉽게 설치하고 활성화하는 것을 목표로 합니다.

이제 플러그인 개발자는 플러그인 정보에 "플러그인 필요" 헤더를 포함하여 필요한 플러그인 슬러그를 쉼표로 구분하여 나열할 수 있습니다. 이 추가 기능은 사용자에게 이러한 필수 플러그인을 먼저 설치하고 활성화할 수 있는 직접 링크를 제공합니다.

상호작용 API

Interactivity API는 개발자에게 대화형 요소를 블록의 프런트 엔드에 통합할 수 있는 통합된 방법을 제공합니다.

이 프레임워크는 매력적이고 동적인 사용자 인터페이스를 구축하는 개발자의 프로세스를 단순화하도록 설계되었습니다. 카운터 및 팝업 창과 같은 기본 요소부터 즉각적인 페이지 전환, 실시간 검색, 장바구니 또는 결제 프로세스와 같은 고급 기능에 이르기까지 다양한 기능을 지원합니다.

또한 블록은 서로 데이터, 작업 및 콜백을 교환할 수 있으므로 서로 다른 블록 간의 상호 작용을 간소화하고 오류 가능성을 줄일 수 있습니다.

블록 바인딩 API

이제 새로운 Block Bindings API를 통해 개발자는 맞춤형 블록 코드를 작성할 필요 없이 핵심 블록을 다양한 데이터 소스에 연결할 수 있습니다.

이 기능을 사용하면 단락 블록과 같은 요소를 바인딩하여 게시물의 메타데이터에서 정보를 가져오거나 제목 블록을 사용하여 플러그인의 PHP 알고리즘에서 데이터를 가져올 수 있습니다. 이 모든 작업은 React를 사용하거나 블록 등록 복잡성을 탐색하거나 문제를 해결할 필요가 없습니다. 액세스하려는 모든 새로운 데이터 소스에 대해 처음부터 사용자 정의 블록을 생성하는 것과 관련된 세부 사항입니다.

마무리

이는 최신 WordPress 업데이트에 도입된 모든 개선 사항의 전체 목록이 아닙니다.

발표 블로그 기사에는 다음과 같은 수많은 새로운 기능이 포함되어 있습니다.

• 개선된 개정
• 새로운 데이터 보기
• 새로워진 기본 설정 패널
• 사이트 편집기 변경 사항
• 그리고 더

이 모든 것이 WordPress 6.5를 다운로드해야 하는 완벽한 이유입니다.

사전에 웹 사이트를 백업하는 것을 잊지 마십시오. 항상 그렇듯이 핵심 웹 바이탈을 전달하고 사이트 성능을 향상시키려면 NitroPack을 설치하십시오.

무료로 NitroPack 받기 →