구텐베르크 워드프레스 에디터 준비하기

최종 업데이트 - 2021년 1월 4일

Johannes Gutenberg 는 약 500년 전 유럽에 이동식 인쇄기를 도입했습니다. 그것은 전 세계에 소문을 퍼뜨리며 혁명을 촉발했고 현대 지식 기반 경제의 초석을 놓았다. 워드프레스는 같은 목적으로 구텐베르그 워드프레스 에디터 라는 이름을 붙였습니다. 아이디어는 WordPress 사용자가 텍스트를 편집하고 웹 페이지를 사용자 지정하는 방법을 쉽게 하는 것이었습니다. 이 편집기는 WordPress의 현재 기본 편집기를 대체합니다. 그리고 출시 즈음에는 프론트엔드에서 편집만큼 좋은 에디터를 기대할 수 있습니다.

그것은 확실히 인쇄기이지만 그로부터 무진장한 시내가 흘러나올 것입니다...그것을 통해 하나님은 당신의 말씀을 전파하실 것입니다.

진리의 샘이 그것에서 흘러나오리라: 새 별처럼 무지의 어둠을 흩어 버리고 지금까지 알려지지 않은 빛이 사람들 사이에서 비취게 하리라

– 요하네스 구텐베르크

Gutenberg WordPress Editor는 WordPress에 무엇을 제공합니까?

우리는 콘텐츠를 작성하기 위해 Quora, Medium, Ghost 등을 사용했습니다. 이들은 작가에게 훌륭한 글쓰기 경험을 제공합니다. 반면에 WordPress의 기본 TinyMCE 편집기는 멋지게 보이게 하려면 많은 백엔드 어려움과 타사 플러그인이 필요합니다. 그러나 이제 새로운 편집기가 도입되어 WordPress에서도 상쾌한 경험을 할 수 있습니다. 또한 WordPress의 현재 편집기가 가장 편리하지 않다고 느낀 적이 있다면 데모 Gutenberg Plugin을 설치할 때입니다. 플러그인은 아직 개발 중이므로 다운로드할 때까지 여기에 언급된 항목을 찾지 못할 수도 있습니다.

기능 분석

블록 소개

블록은 편집기에서 행 형태로 별도로 편집 가능한 섹션입니다. 이제 텍스트, 목록, 인용문, 그림 등을 다른 블록 형태로 입력하고 개별적으로 편집할 수 있습니다.

블록 추가 버튼(가장 높은 빨간색 상자에 있음)을 사용하면 블록 및 포함을 추가할 수 있습니다. 최근 탭에는 사용자가 최근에 사용한 모든 블록이 표시됩니다. 기타 탭 "차단, 포함 및 저장된 차단"에는 미디어 파일을 포함할 수 있는 다양한 차단 및 사이트 옵션이 있습니다. 아래 이미지는 사용 가능한 블록 및 포함의 전체 목록을 보여줍니다. 한 번의 클릭으로 새 블록을 추가할 수 있습니다.

블록	임베드
공통 블록	소셜 사이트에서 사용할 수 있는 삽입
서식 지정 블록 레이아웃 블록

전체 내용에 'Document' 라는 이름이 지정되고 행 형식의 B 잠금 이 포함됩니다. 두 블록은 자동으로 간격이 지정됩니다. 메뉴 모음에서 앞으로 이동하면 일반 다시 실행 및 실행 취소 버튼이 있습니다. 그 옆에 '정보 아이콘'이 있습니다. 단어 수, 이름이 있는 부제목 수, 단락 수 및 블록 수를 포함하는 문서 개요가 표시됩니다. 각 블록은 개별적으로 액세스할 수 있으며 개별적으로 편집할 수 있습니다.

각 블록 편집

절

새 편집기로 단락을 편집하는 경험은 그 중 최고입니다. 배경색과 두 개의 열이 보이시나요? 현재로서는 텍스트 열이 실험적이지만. 그러나 그것이 릴리스에 포함되면 많은 어려움에서 자신을 구할 수 있습니다. 다음은 선택한 각 텍스트 블록으로 수행할 수 있는 작업 목록입니다.

• 첫 글자에 대문자를 추가하십시오.
• 글꼴 크기 조정
• 배경색 추가
• 텍스트 색상 변경
• 블록 정렬
• 글머리 기호 목록을 블록으로 추가

끌어오기 견적 추가

끌어오기 따옴표는 일반 따옴표가 아닙니다. 이 인용문에는 텍스트 상단에 하나, 텍스트 하단에 두 개의 줄이 있습니다. 이 인용 블록은 다른 위치에 배치할 수도 있습니다. 각 블록의 오른쪽 상단에 있는 세 개의 수직 점은 고급 설정을 보여줍니다. 블록을 제거하려면 제거 옵션 이 있습니다.

HTML로 편집

Gutenberg WordPress Editor에서 HTML로 편집하는 것이 쉬워집니다. 이는 생성된 모든 블록에 대해 'HTML로 편집' 옵션이 제공되기 때문입니다. 이제 전체 문서를 찾을 필요가 없습니다. 찾고 있던 것을 아래로 스크롤하십시오.

블록을 재사용 가능한 블록으로 변환

재사용 가능한 블록은 저장하고 다시 사용할 수 있는 블록입니다. 머리글, 소개, 바닥글 또는 모든 것에 대한 공통 정보를 포함하는 기타 섹션은 재사용 가능한 블록으로 변환할 수 있습니다. 그리고 이러한 블록은 모든 후속 문서에서 사용할 수 있습니다.

이미지 편집

현재 버전의 편집기에서는 모든 사용자가 문서에 추가한 이미지를 변경할 수 없습니다. 그러나 새로운 편집기는 이것을 다음 수준(최고가 아님)으로 가져갑니다. 이제 표지 이미지 에 텍스트와 URL을 추가할 기본 단락이 생깁니다. 텍스트는 모든 상황에서 흰색으로 유지됩니다. 이 제한을 극복하기 위해 표지 이미지의 불투명도를 조정할 수 있습니다. 다른 이미지의 경우 URL이 있는 이미지에만 캡션을 추가할 수 있습니다. 텍스트 블록의 정렬은 왼쪽, 오른쪽 및 가운데로 사용자 정의할 수 있습니다.

추가 CSS 편집

편집기 오른쪽의 고급 옵션 메뉴 모음에는 추가 CSS 클래스 가 있으며 텍스트, 이미지 및 기타 섹션을 사용자 정의하는 데 계속 사용됩니다. 아직 갈 길이 멀기 때문에 구텐베르그 개발팀은 외부 코드 사용을 줄이고자 합니다. 시간이 빨리 오기를 바랍니다.

전체 문서 편집

• 상태 및 가시성 : 첫 페이지에 고정 및 검토 보류 버튼 추가
• 카테고리 및 태그
• 나타난 그림
• 발췌 : 추가 섹션 발췌 도입
• 토론 : 댓글 허용 및 핑백 및 트랙백 허용 버튼 추가됨
• 목차 : 앞서 설명한 정보 아이콘과 유사합니다. 이것은 제목과 표제를 언급합니다. 여기에서 제목을 클릭하기만 하면 해당 블록으로 이동합니다.

행동 유도 버튼 추가

이제 원하는 위치에 행동 유도 버튼을 추가할 수 있습니다. 이전에는 이 기능을 사용하려면 타사 플러그인 또는 CSS가 필요했습니다.

플러그인 가져오기

전체적으로 이 편집기는 방법을 변경할 예정이므로 WordPress를 사용하여 콘텐츠를 편집했습니다. 플러그인에 아직 발견되거나 추가되지 않은 기능이 많이 있을 수 있습니다. 그리고 플러그인이 나날이 발전하고 있으므로 데모를 완전히 경험하려면 Gutenberg를 다운로드하여 설치해야 합니다. 아직 개발 중이므로 프로덕션 사이트에 플러그인을 사용하지 않는 것이 좋습니다. 설치 수가 증가함에 따라 더 나아질 가능성이 높아집니다. 버그를 발견하면 버그를 제기할 수도 있습니다.

개발자이고 Gutenberg Team의 노력에 기여하고 싶다면 WordPress/Gutenberg에 등록하십시오.

마감 노트

• Gutenberg WordPress Editor는 2018년 여름에 출시될 예정이며 WordPress 5.0.0과 함께 출시될 예정입니다.
• 새 편집기는 현재 편집기를 기본 편집기로 대체합니다.
• Gutenberg는 비활성화할 수 있으며 기존 TinyMCE 편집기를 계속 사용할 수 있습니다.
• Classic Editor는 여전히 WordPress에서 플러그인으로 사용할 수 있으며 콘텐츠를 만드는 데 사용할 수 있습니다.
• 구텐베르크에서 생성된 콘텐츠는 테마에 따라 변경되지만 사용자는 편집자가 생성한 콘텐츠를 그대로 사용할 수 있습니다.
• Yoast SEO 플러그인은 편집기에서 잘 작동하며 새 편집기는 다른 모든 인기 있는 플러그인을 지원할 것으로 예상됩니다.
• 구텐베르크에 대해 자세히 알아보려면 FAQ를 읽으십시오.

콘텐츠는 웹사이트의 중요한 부분이므로 독자가 어떤 인상을 받을지 결정합니다. 그리고 프로그래밍을 할 수 있는 사람이 아니면 웹 페이지를 편집하는 것이 어려워집니다. 이것이 구텐베르그가 시작된 이유 중 하나가 되었습니다. 또한 워드프레스와 구텐베르크 팀이 '구텐베르크의 발전 단계'를 어떻게 진행하고 있는지 읽어보십시오. Gutenberg의 등장과 함께 정말 멋진 웹 페이지를 만들어내고 가장 인터랙티브한 웹사이트 중 하나와 일치시킬 수 있기를 바랍니다.