새로운 WordPress 편집기 Gutenberg를 소개합니다.

최근 몇 년 동안 워드 프레스의 개발 커뮤니티는 페이지 및 게시물 편집기의 전면 개편 작업을 진행해 왔으며, 이는 워드 프레스가 시작된 이래 편집기에서 처음으로 중요한 변화입니다. Gutenberg라는 이름의 새 편집기가 이제 공식 WordPress 플러그인 스토어에 출시되어 일반인이 사용해 볼 수 있습니다.

React와 같은 최신 웹 기술을 사용하여 구축 된 Gutenberg는 CMS의이 기본 구성 요소에 새로운 업데이트를 제공하려는 시도입니다. 아직 초기 단계에 있지만 Gutenberg는 익숙한 편집기의 많은 기능을 크게 변경하여 장점과 단점을 모두 제공합니다.

이 블로그 게시물에서는 새로운 편집기와 WordPress의 미래를 위해 준비된 내용을 살펴 봅니다.

Johannes Gutenberg는 누구였습니까?

요하네스 구텐베르크 유명한 독일 프린터, 출판사, 금세공, 발명가였습니다. 그는 기계 및 이동식 인쇄기를 통해 유럽에서 인쇄의 기초를 소개하고 구축하는 것으로 유명합니다.

Gutenberg의 획기적인 노력과 마찬가지로 새로운 WordPress 편집기는 광범위한 WordPress 생태계를위한 디딤돌 역할을합니다. Gutenberg WordPress 편집기는 플러그인 개발자, 대행사, 개발자, 핵심 개발자, 테마 개발자, 사용자 및 웹 호스트를 위해 작동합니다.

구텐베르크 체험

이제 구텐베르크가 공개적으로 출시되었으므로 다음에서 직접 설치할 수 있습니다. WordPress 사이트또는 대시 보드의 플러그인 섹션.

사이트에 설치하기 전에 구텐베르크를 사용해보고 싶다면 WordPress를 통해 쉽게 할 수 있습니다. 라이브 데모.

구텐베르크에서 가장 눈에 띄는 차이점은 사용자 인터페이스의 완전한 개편입니다. 가능한 한 최종 제품에 가깝도록 의도 된 시각적 표현으로 즉시 맞이할 것입니다. Medium 또는 Ghost 블로그 플랫폼에 익숙한 사용자는 UI와 전체 레이아웃에서 몇 가지 유사점을 발견 할 것입니다.

Gutenberg는 페이지를 구성하기 위해 함께 추가 할 수있는 모듈 식 구성 요소 인 컨텐츠 "블록"개념을 도입했습니다. 블록 유형에는 단락, 제목, 이미지, 비디오, 열, 버튼 등이 포함됩니다. 이 기능은 WordPress에 직접 통합되지만 WPBakery Page Builder와 같은 플러그인과 다르지 않습니다.

또 다른 주요 개선 사항은 모바일 장치에 대한 지원입니다. 고전적인 WordPress 편집기에서 게시물과 페이지를 편집하는 것은 종종 모바일 장치에서 힘들었습니다. 구텐베르크 프로젝트는이 점을 분명히 고려했습니다.

"코드 편집기"(이전 "텍스트 편집기")는 HTML과 CSS를 직접 작성하여 업데이트 된 최소한의 레이아웃을 받고자하는 사람들에게도 여전히 사용할 수 있습니다.

구텐베르크 사용 방법.

Gutenberg 편집기는 페이지 및 게시물을 편집하기 위해 기존 WordPress 클래식 편집기를 대체합니다. 포괄적이고 현대적인 WordPress 편집기 인 Gutenberg는 개별 블록과 함께 제공됩니다. 이는 사용자가 더 이상 특정 콘텐츠 영역에 집중할 필요가 없음을 의미합니다.
새로운 편집기에는 다양한 개선 사항과 기능이 포함되어 있습니다. 새로운 개선 사항과 기능은 WordPress의 사용자 인터페이스, 드래그 앤 드롭, 접근성 및 기타 기능 영역까지 확장됩니다. 예를 들어 올인원 새 메뉴에는 이제 전용 WordPress 대시 보드가 제공됩니다. 대시 보드 메뉴를 사용하여 다양한 WordPress 편집기 요소를 테스트하고 시각화 할 수도 있습니다.

보다 미니멀 한 모양을 원한다면 Gutenberg 편집기의 포스트 설정으로 이동하여 오른쪽 사이드 바를 제거 할 수 있습니다. Gutenberg WordPress 편집기 블록은 계속 진화하고 확장됩니다. 귀하의 목표는 새 편집기를 사용하여 각 페이지를 보완하고 WordPress 내부의 게시물을 보완하는 더 풍부하고 완벽한 콘텐츠를 만드는 것입니다.

하지만 새 버전은 단순한 페이지 / 게시물 편집기가 아닙니다. 사이드 바, 위젯, 바닥 글 및 머리글을 사용할 수 있습니다. Gutenberg를 사용하면 콘텐츠를 여러 블록으로 나눌 수 있습니다. 예를 들어, 이미지 블록, 따옴표 블록, 버튼 블록, 단락 블록 및 헤드 라인 블록을 사용할 수 있습니다.

구텐베르크를 비활성화하는 방법.

WordPress 5.5에서 Gutenberg는 기본 편집기입니다. 하지만 일단 당신이 새 WordPress로 업데이트, 구텐베르크 편집기를 비활성화하도록 선택할 수 있습니다. 아이디어는 고전적인 WordPress 편집기의 일부 기능을 유지하는 것입니다. 그것은 당신이 수년 동안 당신과 마찬가지로 WordPress를 계속 사용할 수 있음을 의미합니다.

실제로 31 년 2021 월 XNUMX 일까지 구텐베르크에 익숙해지고 새 편집자로 완전히 전환해야합니다.

세 가지 비활성화 옵션은 다음과 같습니다.
1. 설치 이전 WordPress 편집기 플러그인
2. WordPress Gutenberg 플러그인을 설치 한 다음 비활성화합니다.
3. 코드를 통해 Gutenberg WordPress 편집기를 비활성화합니다.

구텐베르크 블록이란 무엇입니까?

문제의 사실은 고전적인 WordPress 편집기는 엄격히 Microsoft Word와 유사한 서식 지정 단추 조합이있는 텍스트 편집기라는 것입니다. 그러나 Gutenberg 편집자는 블록 기반 접근 방식을 사용합니다. 이를 통해 사용자는 게시물과 페이지에 많은 변경 사항을 적용 할 수 있습니다.

이제 콘텐츠에 테이블을 포함하기 위해 다른 테이블 플러그인이 필요하지 않습니다. Gutenberg 편집기를 통해 사용자는 이제 테이블 블록을 포함 할 수 있습니다. 즉, 행과 열을 선택하고 즉시 콘텐츠 추가를 시작할 수 있습니다.

구텐베르크 블록을 어떻게 사용합니까?

이미지, 비디오, 오디오, 갤러리, 목록 및 각 단락에 대한 블록을 포함 할 수 있습니다. 예를 들어 콘텐츠 속성을 위아래로 변경 한 다음 별도의 블록으로 편집하여 풍부한 콘텐츠를 만들 수 있습니다. 새로운 접근 방식에도 불구하고 새로운 WordPress Gutenberg 편집기는 매우 간단하고 배우기 쉽습니다.

또한 개별 블록 플러그인과 함께 제공되는 플러그인 디렉터 내부에 블록 디렉토리가 있습니다. 이 블록 플러그인은 상대적으로 작으며 하나의 Gutenberg 블록을 제공합니다. 구텐베르크의 또 다른 특징은 완전한 페이지 맞춤화를 수행 할 수있는 블록 패턴입니다.

새로운 WordPress 블록 편집기에서 블록 패턴을 새로운 개념으로 생각하십시오. 블록 패턴을 사용하여 미리 정의 된 고유 블록 레이아웃을 구축하고 공유 할 수 있습니다. 궁극적으로 블록 패턴은 Gutenberg 블록 편집기가 페이지 빌더로 작동 할 수있는 더 많은 공간을 만듭니다.

따라서 Gutenberg 블록 편집기가 페이지 빌더로 발전 할 수있는 특정 블록 패턴을 찾아야합니다. 등록 된 블록 패턴을 얻으려면 화면 왼쪽 상단에있는 "+"아이콘을 사용하십시오. 메뉴에 "패턴"과 "차단"의 별도 탭이 표시되며 앞뒤로 전환하여 옵션을 검토 할 수 있습니다.

블록 패턴을 사용하면 이제 아름답고 복잡한 포스트 레이아웃과 페이지를 간단하게 만들 수 있습니다. 트릭은 적절한 매칭을 통해 특정 블록 조합을 사용하는 것입니다. Gutenberg 편집기에서 수많은 테마에 대한 새로운 블록 패턴을 탐색하고 발견 할 수 있습니다.

구텐베르크 대 클래식 편집기

클래식 버전과 달리 Gutenberg 편집기는 작은 화면에 더 많은 쓰기 공간을 제공합니다. 노트북을 사용하여 WordPress 게시물 또는 페이지를 편집하고 관리하는 경우 Gutenberg가 즐거운 업데이트로 올 것입니다.

글쓰기는 여전히 구텐베르크의 핵심 초점이며 고전 버전에서 몇 가지 산만 함을 제거했습니다. 구텐베르크 편집기의 탐색은 또한 더 유용하게 만듭니다. 그러나 Gutenberg의 시각적 모양은 고전적인 WordPress 편집기보다 훨씬 현대적이고 명확합니다.

 

최고 자동차가 무엇인가요 : Gutenberg 또는 Elementor?

WordPress 환경의 일부라면 선택이 더 분명 할 수 없습니다. 이에 비해 구텐베르크를 사용하면 Elementor보다 유연하게 운영하고 사용자 지정할 수 있습니다. 두 제품 모두 웹 사이트를 개선하기위한 고유 한 사용자 정의 및 기능을 제공하지만 Gutenberg 사용자 경험을 다음 단계로.

실제로 Gutenberg는 사용자 경험을 더 원활하게 만드는 더 많은 기능과 사용자 정의 옵션을 계속해서 출시 할 것입니다. 게다가, 더 이상 모든 차이를 만드는 큰 집중 콘텐츠 편집기 내에서 작성할 필요가 없습니다.

Elementor가 있으면 구텐베르크가 필요합니까?

Gutenberg를 사용하면 모든 것이 하나의 블록으로 요약되므로 다른 유형의 콘텐츠를 일반화 할 필요가 없습니다. 실제로 개별 블록을 사용하여 웹 사이트에 모든 종류의 콘텐츠를 추가 할 수 있습니다. 또한 Gutenberg 편집자는 미니멀 한 모양으로 인해 Elementor보다 덜 산만합니다.

Elementor를 사용할 기회가 있었다면 Gutenberg 편집기에서 호환성, 디자인, 탐색 및 전반적인 경험이 훨씬 더 우수하다는 것을 알게 될 것입니다. 메뉴에서 블록 기반 접근 방식을 사용하면 사용자는 눈 깜짝 할 사이에 콘텐츠 구조를 자세히 볼 수 있습니다. 블로거는 또한 새로운 기능 세트로 인해 Gutenberg 편집기를 통해 블로깅 경험이 더 좋다는 것을 알게 될 것입니다.

구텐베르크 단점

Gutenberg는 익숙한 콘텐츠 관리 시스템에 신선하고 새로운 경험을 제공하지만 프로젝트의 일반적인 결과는 아직 결정되지 않았습니다. 현재 계획은 구텐베르크와 함께 워드 프레스 5.0 버전을 출시하는 것이지만 아직 해결해야 할 버그가 꽤있는 것 같습니다. 플러그인 스토어의 리뷰는 기술적 문제와 주요 변경 사항에 저항하는 사용자로 인해 대체로 불리했습니다.

많이 포함될 것으로 예상되는 주요 기능 중 하나는 Markdown 지원입니다. 이것이 많은 플랫폼에서 HTML을 작성하는 표준 방법이 되었기 때문에 이것이 이후 버전에서 구현되기를 희망합니다.

결론

이 프로젝트는 아직 새롭기 때문에 앞으로 몇 주와 몇 달 안에 Gutenberg 편집자에게 상당한 개선이있을 것입니다. 기본 편집자로 선택하기에는 너무 이르지만, 구텐베르크는 WordPress 생태계에 유망한 추가 제품이며 콘텐츠 관리 시스템의 미래에 중요한 역할을 할 것입니다.