알아야 할 6가지 중요한 WordPress 구텐베르크 업데이트

워드프레스는 2018년 출시된 이후 블록 편집기 기능을 지속적으로 개발하고 있습니다. 현재는 워드프레스 내장 코어로도 사용 가능하고 별도의 플러그인으로도 사용 가능합니다.

다양한 구텐베르크 플러그인 기능이 WordPress 5.6에 포함되었습니다. 현재 두 가지 다른 버전의 블록 편집기가 출시되어 최신 수정 사항을 가져와 사용하기에 완벽한 시기입니다.

이 블로그에서는 블록 편집기에 대한 6가지 최신 변경 사항에 대해 알아봅니다. 또한 독립 실행형 Gutenberg 플러그인과 같은 플러그인 중 하나에서만 사용할 수 있는 것이 아닌 베타 기능을 잠금 해제하는 방법에 대한 몇 가지 정보를 확인할 것입니다.

워드프레스 블록 편집기

구텐베르크는 포스트 에디터이자 빌트인 페이지로도 알려져 있습니다. Gutenberg는 TinyMCE Classic Editor로 대체된 WordPress 5.0에서 도입되었습니다.

Classic Editor(https://WordPress.org/plugins/classic-editor/)의 도움으로 이것을 사용할 수도 있습니다.

웹 페이지를 생성하기 위해 이 편집기는 블록 기반 방법을 사용합니다. 실제로 Gutenberg는 하나의 넓은 콘텐츠 영역을 사용하는 대신 페이지를 여러 콘텐츠 블록으로 나눕니다. 포함된 가장 많이 사용되는 다양한 요소는 제목, 단락, 이미지 및 목록입니다.

Gutenberg는 주로 WordPress 사용자에게 더 많은 유연성을 제공하기 위해 개발되었습니다. 초보자의 경우 블록 편집기 기능을 통해 보다 쉽게 ​​콘텐츠를 작성할 수 있습니다.

대부분 WordPress가 Squarespace, Wix 및 기타 최고의 비주얼 웹사이트 빌더와 경쟁하려고 하는 것으로 나타났습니다.

이전에 Gutenberg는 WordPress 코어에 통합되기 직전에 독립형 플러그인으로 만들어졌습니다. Gutenberg 플러그인에서 일부 활발한 개발이 여전히 진행 중입니다.

플랫폼에 예정된 편집기 기능을 추가하기 전에 이 플러그인을 사용하면 해당 기능을 모두 미리 볼 수 있습니다. 이것이 Gutenberg 플러그인이 훌륭한 플러그인으로 간주되는 주된 이유입니다.

몇 가지 상위 6 WordPress 구텐베르크 업데이트

지금까지 블록 편집기가 WordPress 커뮤니티에서 가장 큰 수정 사항 중 하나로 인식되는 이유를 연구했습니다. 그러나 이제 우리는 몇 가지 놀라운 기능을 확인할 것입니다.

가장 중요한 구텐베르크 업데이트는 다음과 같습니다.

1. 전체 사이트 편집(FSE)

웹사이트 방문자의 관심을 끌고 전환하기 위해 웹사이트 디자인이 중요한 역할을 합니다. 효과적인 웹 디자인을 통해 생각에 호소하고 브랜드를 인지할 수도 있습니다.

그러나 최고의 웹 디자인은 잠재 고객이 웹 사이트에 머물지 떠날지 결정하고 경쟁자의 페이지로 이동하는 데 도움이 될 것이라고 말할 수 있습니다.

따라서 새로운 WordPress Gutenberg는 전체 사이트 편집(FSE)으로 알려진 업데이트 를 통해 보다 매력적이고 일관된 웹사이트를 디자인하는 데 도움이 될 수 있습니다.

블록을 사용하여 FSE로 시각적으로 디자인할 수도 있습니다. 따라서 페이지와 게시물을 포함하여 웹사이트의 모든 부분을 만들 수 있습니다. 또한 아카이브 페이지, 머리글, 사이드바, 바닥글 등을 만들 수 있습니다.

Gutenberg Developers는 이미 광범위한 기능이 포함된 수많은 사이트 빌딩 블록을 개발했습니다.

Gutenberg는 또한 기존 WordPress 사용자 정의 도구와 동일하게 작동하는 글로벌 스타일 패널을 제공합니다. 그러나 이 기능을 사용하려면 호환되는 WordPress 테마(예: 기본 테마인 새로운 Twenty Twenty One)가 필요합니다.

Gutenberg 플러그인에서 FDE 기능도 사용할 수 있습니다. 향후 릴리스에서는 이러한 유형의 기능이 WordPress 코어에 추가될 것입니다. 이것은 Matt Mullenweg에 의해 언급되었습니다.

2. 탐색 블록 및 빌더

깨끗하고 간단한 탐색은 방문자가 웹사이트 전체를 탐색하고 유용한 웹사이트 콘텐츠를 더 흥미롭게 찾을 수 있도록 하는 데 매우 중요합니다. 명확한 탐색은 항상 방문자의 경험을 개선하는 데 도움이 됩니다.

그러나 방문한 페이지의 총 수 및 웹사이트에서 보낸 총 시간과 같은 일부 주요 측정항목에 도움이 됩니다.

검색 엔진 페이지 결과는 또한 최고의 고품질 탐색으로 향상될 수 있습니다. 검색 엔진이 웹사이트를 크롤링하고 페이지를 색인화할 수 있는지 확인합니다. 이렇게 하면 콘텐츠가 관련 검색 결과에 나타날 가능성이 높아집니다.

Gutenberg는 웹사이트 탐색을 향상시키는 데 도움이 되는 새로운 탐색 블록도 추가했습니다. 새로운 탐색 블록을 사용하면 페이지나 게시물의 아무 곳에나 쉽게 메뉴를 추가할 수 있습니다.

Gutenberg 9.0이 출시되었을 때 끌어서 놓기 메뉴 빌더 기능이 함께 제공되었습니다. 이 기능은 방문자의 요구 사항에 따라 매우 적은 노력으로 동일한 메뉴를 만들 수 있는 유연성을 제공합니다.

Gutenberg에서 메뉴 빌더를 활성화할 수 있습니다. 먼저 Gutenberg 플러그인을 설치 및 활성화하고 Gutenberg 옵션으로 이동하여 WordPress 대시보드에서 실험을 클릭한 다음 탐색 활성화 화면으로 이동합니다. 마지막으로 변경 사항 저장 옵션을 클릭합니다.

그런 다음 다시 한 번 Gutenberg로 이동하여 탐색(베타)을 클릭합니다. 그런 다음 만들기를 클릭하여 자신만의 메뉴 만들기를 시작한 다음 + 더하기 기호를 클릭합니다. 이제 끌어서 놓기 기능을 사용하여 메뉴를 시각적으로 디자인할 수 있습니다.

이제 만든 메뉴에 만족하면 변경 사항을 저장합니다. 이제 구텐베르크를 사용하여

3. 동영상 자막 지원

세계 보건 기구(WHO)에서 생성된 결과에 따르면 10억 명이 넘는 사람들이 비슷한 질병을 앓고 있습니다. 이는 전 세계 인구의 15% 이상이 장애가 있음을 의미합니다.

액세스할 수 있는 콘텐츠를 만드는 것만으로는 충분하지 않습니다. 또한 웹 사이트의 청중을 향상시킬 수도 있습니다.

자막은 매우 중요합니다. 청각 장애가 있는 사람들이 콘텐츠에 더 쉽게 액세스할 수 있습니다.

자막은 웹사이트에 있어야 하는 매우 중요한 WordPress Gutenberg 업데이트이므로 방문자가 오디오를 들을 수 없는 시끄러운 상황에 대비합니다.

접근성 기능을 홍보하기 위해 이제 구텐베르크의 비디오 블록에서 자막이 지원됩니다. 비디오를 업로드하는 동안 웹 비디오 텍스트 트랙 파일과 같은 자막을 제공할 수도 있습니다. 텍스트 트랙 버튼을 선택하여 웹 파일을 비디오 블록에 추가할 수 있습니다.

4. 다른 블록을 단일 열로 변환하기 위한 선택

이제 여러 블록을 통합하여 단일 열을 형성할 수 있습니다. 이것은 페이지에 유연성을 제공하므로 중요합니다. 또한 열 내의 모든 요소에 유사한 서식을 추가할 수 있으므로 일관된 디자인을 만들 수 있습니다.

다른 블록을 단일 열로 변환할 수 있도록 결합하려는 첫 번째 블록을 선택하기만 하면 됩니다. 그런 다음 각 블록을 강조 표시하려면 새 열로 끌어야 합니다.

5. 블록 패턴

WordPress 블록 패턴, 즉 미리 정의된 페이지 레이아웃을 삽입할 수 있습니다. 이러한 유형의 템플릿은 전문가처럼 보이고 기능이 풍부한 페이지를 만드는 데 도움이 되며 게시물이 덜 작동합니다.

이 WordPress Gutenberg 업데이트는 WordPress 5.5에서 시작되었습니다. 그러나 Gutenberg 플러그인에는 더 많은 블록 패턴이 있습니다. Gutenberg 편집기에서 액세스하려면 + 더하기 기호를 클릭해야 합니다. 그런 다음 패턴 탭을 선택합니다.

옵션은 사용 중인 테마에 따라 다릅니다.

Gutenberg는 새로운 패턴 카테고리 스위처도 출시했습니다. 이렇게 하면 관심 있는 특정 템플릿을 찾는 데 도움이 됩니다.

또한 특정 WordPress 테마에서 사용할 수 있는 것과 기본 패턴을 구별하는 데 도움이 됩니다.

6. 더 이상 Instagram 및 Facebook 내장 블록이 없습니다.

페이지나 게시물을 만드는 동안 다른 웹사이트의 콘텐츠를 추가해야 하는 경우가 많습니다. 때로는 Instagram 및 Facebook과 같은 소셜 미디어 네트워크의 전체 피드를 포함하거나 게시물을 추가해야 할 수도 있습니다.

oEmbed API를 사용하여 WordPress 사용자는 Instagram과 Facebook 콘텐츠를 포함할 수 있습니다. 그러나 보안상의 이유로 Facebook은 최근 토큰 없는 oEmbed 지원을 도입했습니다. Facebook은 Instagram을 소유하고 있기 때문에 이러한 유형의 변경은 네트워크에도 영향을 미칩니다.

Facebook의 API 변경에 대한 응답으로 Instagram 및 Facebook 블록은 구텐베르크 9.0에서 WordPress에 의해 제거되었습니다. 그러나 이 변경은 WordPress 코어 5.6과 관련되었습니다.

그러나 여전히 게시물에 Instagram 및 Facebook 콘텐츠를 추가할 수 있습니다. 그러나 이렇게 하려면 oEmbed Plus라고도 하는 타사 플러그인을 추가해야 합니다.

결론:

구텐베르크는 배울 수 있는 폭이 넓은 주제입니다. 모든 새로운 기능, 개선 사항 및 WordPress Gutenberg 업데이트를 관리하게 될 것입니다. 최신 정보를 유지하면 세계에서 경쟁할 수 있는 최고의 WordPress 디자인을 만드는 데 도움이 됩니다.