구텐베르크 E01: 워드프레스 구텐베르크란 무엇입니까?

게시 됨: 2018-07-09

Pressidium의 WordPress Gutenberg 개발 시리즈의 첫 번째 에피소드에 오신 것을 환영합니다. 이번 시즌 프로젝트에서는 새로운 WordPress Editor 인터페이스를 안내해 드리겠습니다. 이 과정이 끝나면 Gutenberg가 무엇이며 콘텐츠로 무엇을 할 수 있는지 잘 알게 될 것입니다.

하지만 처음부터 WordPress Gutenberg에 관심을 가져야 하는 이유는 무엇입니까?

그렇다면 WordPress Gutenberg는 무엇이며 왜 만들어졌습니까?

WordPress Gutenberg는 버전 5.0에 도입될 새로운 WordPress 편집기입니다. 그 이름은 인쇄기의 발명가인 요하네스 구텐베르그의 이름에서 따왔습니다. Gutenberg의 인쇄기와 마찬가지로 WordPress Gutenberg 편집기는 사람들이 디지털 콘텐츠를 게시하는 방식을 혁신하고 전체 프로세스를 직관적이고 사용하기 쉽게 만드는 것을 목표로 합니다.

"이것이 WordPress 커뮤니티의 큰 변화임을 인식하고 공식 개발 팀은 Gutenberg가 준비되고 충분히 테스트된 후에만 업데이트가 수행될 것이라고 발표했습니다."

새로운 구텐베르그 편집 포스트 화면!

글쎄, 기존의 편집 포스트 페이지와 새로운 WordPress Gutenberg 편집기를 대조해 봅시다.

전에

구텐베르크 편집자

후에

워드프레스 구텐베르크 편집기

큰 차이죠?

WordPress Gutenberg에 콘텐츠를 추가하는 방법

블록은 당신의 새로운 친구입니다

TinyMCE를 사용하면 짧은 코드, 텍스트, 제목, 링크, 파일, 이미지 등을 추가할 수 있는 단일 서식 있는 텍스트 영역 이 있는 게시물 본문 필드가 있습니다.

워드프레스 구텐베르크 편집기 이전에

반면에 Gutenberg는 게시물 본문을 블록 모음 으로 변환합니다.

블록은 콘텐츠의 개별 부분으로, 컬렉션으로 결합될 때 최종 게시물 본문을 구성합니다. 블록은 텍스트, 이미지, 목록, 테이블, 지도, 레시피, 카드 등과 같은 무엇이든 될 수 있습니다.

구텐베르크 편집기 블록

블록 구조를 사용하면 콘텐츠를 이동하고 재정렬하고 개별적으로 편집하기가 더 쉽습니다. 이것이 모든 페이지 빌더가 달성하기 위해 노력하는 것입니다.

이를 염두에 두고 " 구텐베르그는 고급, 최소 및 사용하기 쉬운 페이지 빌더" 라고 안전하게 말할 수 있습니다. 다른 모든 페이지 빌더가 추구하는 바를 쉽게 달성합니다.

구텐베르크 에디터를 만든 이유는 무엇입니까?

사실은 몇 년 동안 TinyMCE가 콘텐츠 편집을 위한 유효하고 신뢰할 수 있는 선택이라는 것입니다. WYSIWYG 편집기(What You See Is What You Get)에서 기대할 수 있는 모든 것을 제공하며 수년 동안 기능과 안정성을 꾸준히 개선했습니다.

그러나 TinyMCE에는 몇 가지 중요한 기능이 없습니다.

TinyMCE는 더 이상 적합하지 않습니다.

WordPress가 처음 등장했을 때 주로 블로그 플랫폼으로 사용되었습니다. 그만큼 포스트 내용이 단순했다. 당시에는 제목과 게시물 본문만 추가하면 충분했습니다. 그러나 요즘에는 더 이상 그렇지 않습니다.

WordPress는 이제 강력하고 유연한 CMS입니다. 이 기간 동안 사이트도 발전했으며 단순한 텍스트는 더 이상 잘리지 않습니다. 동적 콘텐츠, 리치 미디어 및 이 모든 것을 WordPress 코어에 병합하는 방법에 대한 필요성으로 인해 WordPress 팀은 여정을 시작한 편집기를 포기하게 되었습니다.

끊임없는 진화에도 불구하고 TinyMCE 는 여전히 WordPress와 함께 처음 출시되었을 때와 동일하게 보입니다 . 도구 모음과 사용자가 자신의 콘텐츠를 작성할 수 있는 기본 게시물 본문으로만 구성됩니다. 불행히도 에디터의 풍경은 예전 같지 않습니다. medium.com 및 wix.com과 같은 콘텐츠 편집을 위한 현대적이고 직관적인 인터페이스가 많이 있습니다.

최신 버전 WordPress의 TinyMCE

Medium.com의 편집자

wix.com의 페이지 편집기

윅스 페이지 에디터

소유권 및 유지 관리 가능성 – 구텐베르크의 장점

TinyMCE는 Epox에서 개발한 타사 소프트웨어입니다. 물론, 바퀴를 재발명하지 않고 도구를 사용하는 것이 유리하지만 해당 도구는 항상 WordPress의 현재 또는 미래 요구 사항과 일치할 필요가 없는 별도의 것입니다.

확장성

테마 및 플러그인 개발자는 콘텐츠 편집기에 사용자 정의 기능을 제공하기 위해 편집기에 사용자 정의 버튼을 추가해야 합니다. 불행히도 TinyMCE는 JavaScript로 작성된 외부 도구이며 개발자는 TinyMCE 플러그인을 작성해야 합니다. 이 플러그인은 WordPress에 연결됩니다(https://codex.wordpress.org/TinyMCE_Custom_Buttons).

즉, 워드프레스 개발자도 어느 정도 TinyMCE 개발자여야 간단한 기능을 추가할 수 있습니다.

사용자 정의 페이지 및 필드를 디자인하는 것은 메타박스의 광기입니다.

TinyMCE의 약점을 감안할 때 WordPress 개발자 커뮤니티는 이를 극복하기 위해 다양한 플러그인과 사용자 정의 테마 기능을 만들었습니다. 그러나 다양성과 함께 일관성이 크게 부족합니다.

WordPress 세계에는 동적 페이지를 구축하는 표준 방법이 없습니다. 따라서 모든 WordPress 사이트는 원하는 결과를 얻기 위해 서로 다른 테마 및 플러그인 칵테일을 사용하게 됩니다.

Pressidium으로 웹사이트 호스팅

60일 환불 보장

계획 보기

게시물 편집 페이지에서 비슷한 메타박스를 본 적이 있을 것입니다. 맞죠?

한편, 상상할 수 있듯이 이것은 각 WP-Admin 페이지가 달라지고 사용자가 다른 게시 워크플로에 익숙해져야 하기 때문에 신뢰할 수 있는 솔루션이 아닙니다.

반면에 메타박스는 어느 정도의 유연성을 제공하여 매우 유용 합니다. 이러한 이유로 WordPress 팀은 WordPress 코어에 통합하여 모든 단점을 제거하기로 결정했습니다.

페이지 빌더 및 단축 코드 광기

“Themeforest에서 판매되는 상위 10개 테마에는 모두 Page Builder가 포함되어 있습니다. CodeCanyon에서 가장 많이 팔린 플러그인은 Page Builder입니다(나머지는 슬라이더입니다. 많은 슬라이더가 있습니다)”

보시다시피, 시각적 콘텐츠 빌더의 필요성은 WordPress 커뮤니티에서 논쟁의 여지가 없습니다.   그러나 이 작업을 위해 외부 플러그인에 의존하는 것은 많은 단점이 있습니다.

  • 사용자 는 다른 Page Builder로 작업할 때마다 새로운 사용자 인터페이스를 배워야 합니다. 그들은 같은 철학을 갖고 있을 수 있지만 새로운 콘텐츠 블록을 만드는 데에는 여전히 다른 흐름이 있습니다.
  • 모든 빌더에는 고유한 API와 아키텍처가 있기 때문에 개발자는 유지 관리 및 확장성에 있어 어려움을 겪습니다.

Elementor 페이지 빌더 인터페이스는 다음과 같습니다. 나머지 WordPress 관리자와 일관성이 없습니다.

페이지 빌더를 사용하면 WordPress의 가장 기본적인 기능인 콘텐츠 편집 및 게시를 대체한다고 해도 과언이 아닙니다. 그들의 사용으로 인해 많은 공포 이야기가 나왔고 WordPress Gutenberg는 핵심 콘텐츠 편집기 기능을 재고하여 이 문제를 처리하는 것을 목표로 합니다.

또한 단축 코드는 강력하지만 남용되는 WordPress의 또 다른 기능입니다. Shortcodes는 TinyMCE 편집기가 할 수 없는 모든 것을 콘텐츠에 삽입하는 데 사용됩니다. 예를 들어 열, 사용자 정의 버튼 및 문의 양식은 가장 많이 사용되는 단축 코드입니다. 불행히도, 단축 코드를 광범위하게 사용하면 콘텐츠가 불분명해지고 유지 관리가 어려워집니다 . 숏코드는 에디터 내부에 게시될 때 콘텐츠가 어떻게 보일지 보여주지 않기 때문에 코딩하는 것처럼 느껴진다고 말할 수 있습니다.

이것이 단축 코드를 사용하여 콘텐츠에 열을 추가하는 방법입니다.

캐치가 뭐에요?

Gutenberg는 WordPress에 상당히 적합한 것으로 보이며, 단점을 덮고 다른 최신 도구와 동등하게 만듭니다.

그러나 WordPress Gutenberg는 콘텐츠가 생성되는 방식과 테마 및 플러그인이 개발되는 방식에도 획기적인 변경을 도입할 예정입니다.

자신이 좋아하는 환경이 재설계되었을 때 화를 내며 모든 것이 어디로 갔는지 찾으려는 사람들 중 한 명 이면 새로운 WordPress Gutenberg 편집기 인터페이스를 자세히 소개하는 다음 에피소드가 마음에 드실 것입니다. 아래 링크를 사용하여 관심 있는 에피소드로 건너뛰세요!

  • Gutenberg E02: 새로운 Gutenberg 편집 포스트 화면
  • Gutenberg E03: 새로운 Gutenberg Post Editor 사용
  • Gutenberg E04: 기본 블록 세부 정보
  • Gutenberg E05: 맞춤형 블록
  • Gutenberg E06: WordPress 사이트에 Gutenberg 설치
  • Gutenberg E07: 추가 Gutenberg 리소스 및 도구