2018년 WordPress는 Gutenberg와 함께 콘텐츠 제작 경험을 현대화, 합리화 및 단순화할 것입니다. 몇 년 동안 WordPress 사용자 경험에 가장 큰 변화를 나타냅니다. 실제로 2017년 Matt Mullenweg는 그 지속적인 중요성을 "향후 XNUMX년 동안의 편집자"라고 설명했습니다. 이 자습서에서는 이 새로운 WordPress 편집기에서 기대할 수 있는 다양한 사항을 소개합니다.

구텐베르크는 무엇입니까?

Gutenberg는 새로운 WordPress 게시 환경의 코드명입니다. 메타박스와 같은 간접적인 수단을 통하지 않고 콘텐츠의 시각적 표현을 직접 조작하는 것을 최적화합니다. 구텐베르크의 기사 빌딩 블록은 실제로 블록입니다. 블록은 우리가 페이지를 구축하는 다양한 방법을 단순화하는 데 도움이 됩니다(단축 코드, 위젯, 사용자 정의 HTML, 미디어, 텍스트 서식 및 임베드) 단일 검색 스트림 및 UI 우산으로. 인쇄술의 창시자인 요하네스 구텐베르크의 이름에서 따왔습니다.

gutenberg.png로 만든 기사 발표

새 편집기의 작동 방식에 대한 아이디어를 얻으려면 현재 플러그인 실행하기 전에 편집기를 테스트하는 환경에서. 그러나 빠른 개요를 보려면 이 라이브 데모를 살펴보십시오.  (동영상)  제공할 다양한 기능을 요약하면 다음과 같습니다.

  • 필요할 때 블록이 직관적으로 스스로를 "처리"하는 방식
  • 갤러리에서 항목을 조작하는 것이 얼마나 쉬운지
  • 사용자 정의 HTML 블록을 온라인으로 미리보기
  • 블록을 영리하게 사용하여 코드 및 콘텐츠 스니펫을 임시로 저장
  • 대량 편집 블록, 긴 기사용
  • 작업을 잃지 않도록 "통합 실행 취소".

구텐베르크의 다양한 기능 다운로드

이미 존재하는 일부 기능과 프로젝트가 진행됨에 따라 적용될 수 있는 다른 기능을 살펴보겠습니다.

1. 자리 표시자 및 템플릿

Gutenberg를 사용하면 게시자는 제목, 앞치마, 발췌문, 비디오, 삽입 및 갤러리와 같은 다양한 콘텐츠 블록으로 복잡한 스토리 패키지를 만들 수 있습니다. 자리 표시자는 편집 프로세스를 유지하기 위해 수행해야 하는 작업을 정확하게 나타낼 수 있습니다.

Gutenberg 버전 1.8부터 프로젝트는 템플릿에 대한 초기 지원을 도입했습니다. 이를 통해 개발자는 이벤트와 같은 특정 모델을 정의할 수 있습니다. 사용자가 이벤트 게시물을 만들면 제목, 이미지, 날짜, 위치, 설명 및 기타 세부 정보에 대한 블록이 미리 채워진 페이지가 표시됩니다.

gutenberg.png 이미지 자리 표시자

2. 공동 편집

오늘날 누군가 WordPress의 게시물에서 작업하는 경우 아이템 잠금 기능 편집자가 서로 충돌하는 것을 방지합니다. Gutenberg를 사용하면 여러 사람이 중단 없이 초안의 섹션에서 작업할 수 있도록 블록 수준 잠금을 상상할 수 있습니다.

콘텐츠 블록의 유연성은 편집자가 글을 쓰는 동안 주석을 남길 수 있는 내부 메모용 블록이 있을 수 있음을 의미합니다. 온라인 편집 피드백의 개념은 다른 방식으로도 유용할 수 있습니다.

3. 블록과 통합

게시자가 단축 코드를 찾는 것이 얼마나 어려운지에 대해 불평하는 것을 들었습니다. Gutenberg를 사용하면 게시자가 Twitter 통합, Vimeo 통합 또는 사용자 지정 템플릿 등 콘텐츠 블록을 쉽게 검색할 수 있습니다. 이렇게 하면 통합을 더 쉽게 찾을 수 있을 뿐만 아니라 콘텐츠 블록 시장이 있는 미래를 상상할 수 있습니다.

개발자 또는 대행사는 갤러리와 같은 미디어 또는 레시피와 같은 콘텐츠 유형에 대한 고유한 요구 사항에 대한 콘텐츠 블록을 만들 수 있습니다. 또한 팀 내에서 더 나은 코드 재사용을 촉진할 수 있습니다. 조직.

블로그 및 통합 gutenerg 1.png구텐베르그 통합 및 blocks.png블로그 통합 gutenbergs.png

4. 페이지 구축에 대한 표준화된 접근 방식

내년에 Gutenberg 프로젝트의 초점은 게시자에서 사이트 자체 구축으로 전환될 것입니다. 이 전환을 통해 WordPress에서 페이지를 구축하는 표준화된 접근 방식을 가져올 것입니다. 수년에 걸쳐 우리는 클라이언트가 섹션 전면 또는 페이지용 페이지 빌더를 만드는 것을 보았습니다. 마케팅 Fields Manager, 고급 사용자 정의 필드 또는 사용자 정의 솔루션을 사용합니다. 구텐베르크 내에서 잘 정의된 접근 방식을 사용하면 다양한 상용 및 맞춤형 솔루션을 지원하는 프레임워크를 제공할 수 있습니다. 이 공통 표준은 콘텐츠와 데이터를 다양한 페이지 구축 접근 방식 간에 보다 쉽게 ​​전송할 수 있도록 합니다.

5. 커스터마이징의 기반

블록으로 구성된 페이지 콘텐츠를 사용하면 이것이 사용자 속성에 따라 콘텐츠의 조건부 전달을 용이하게 할 수 있는 방법을 쉽게 상상할 수 있습니다. 예를 들어, 미디어 사이트에서 구독자는 관련 콘텐츠 권장 사항이 포함된 블록을 받을 수 있지만 신규 방문자 클릭 유도문안 '구독'이 표시됩니다. 백엔드에서 편집자 인터페이스는 사이트 편집자가 구독 회원, 신규 방문자 및 재방문자와 같은 다양한 사용자 세그먼트로 기사를 미리 볼 수 있도록 토글을 제공할 수 있습니다.

그렇다면 타임라인은 무엇이며 롤아웃은 어떤 모습일까요?

구텐베르크는 이미 플러그인으로 제공되며 5.0년 2018월로 예정된 워드프레스 XNUMX에 통합될 예정입니다. 구텐베르크 팀은 현재 사후 편집 경험에 중점을 두고 있지만 나중에 템플릿 생성, 사이트 생성, 그리고 더.