구텐베르크를 시작하는 방법

새로운 워드프레스 편집기인 구텐베르그가 궁금하시다면 이 포스트를 참고하세요.

Gutenberg는 WordPress Editor의 블록에 있는 새로운 아이입니다. WordPress REST API , JavaScript 및 React 를 사용하여 GitHub에서 개발되었습니다. 편집자는 현대적이고 작업하기 쉽고 매우 겸손하다고 느낍니다. 구텐베르그와 클래식 편집기를 비교하는 것은 가구가 많은 집과 거의 없는 집의 두 집을 비교하는 것과 같습니다. 미니멀한 스타일이 다소 부담스럽다고 느끼더라도 구텐베르크를 사용하기 시작하면 전반적인 경험이 즐거운 경험이 될 수 있습니다.

물론 Gutenberg에는 단점이 있으며 Classic Editor에 대한 경험이 많으면 Gutenberg로 작업하는 것이 한 발짝 뒤로 물러난 것처럼 느껴질 수 있습니다.

이 기사에서 나는 가능한 한 많은 근거를 다루려고 노력하고 구텐베르크에서 기대할 수 있는 것에 대한 명확한 그림을 제공할 것입니다. 장점 과 단점 , 그리고 이러한 단점을 개선하여 보다 원활하게 전환할 수 있는 방법에 대해 논의하겠습니다.

시작하려면 WordPress를 최신 버전으로 업데이트 하여 Gutenberg를 사용할 수 있습니다. Gutenberg는 이제 WordPress의 핵심 부분입니다. 여전히 Classic Editor 플러그인 이 있는 경우 이를 제거하여 시작하고 Gutenberg를 사용할 준비를 할 수 있습니다.

첫걸음

Gutenberg와 Divi는 통합을 위해 먼 길을 왔습니다. 초기 단계에서는 모든 콘텐츠를 잃을 위험 없이 Divi가 Gutenberg로 작성한 게시물을 저장할 수 없었습니다. 오늘날에는 그런 종류의 문제가 사라졌습니다. Divi로 작성한 게시물을 Gutenberg에 쉽게 저장할 수 있으며 여전히 Divi로 편집할 수 있습니다. Elementor도 마찬가지입니다.

Gutenberg 기능은 이제 매끄럽고 Divi, Elementor 및 Gutenberg가 모두 동일한 사이트에서 완벽하게 작동하도록 할 수 있으며 전혀 문제 없이 다른 빌더를 사용하여 다른 콘텐츠를 만들 수도 있습니다. 물론 Divi를 사용하는 동안 Gutenberg 편집기로 다시 전환하지 않고 강제로 저장하는 한, 이 경우 반드시 Divi 콘텐츠를 덮어쓰게 되며, 다른 빌더로 콘텐츠를 삭제하고 저장하려고 해도 동일한 일이 발생합니다.

일반 구조 및 블록

편집 및 스타일 지정 옵션을 보려면 마우스로 블록 위로 마우스를 가져갑니다 . 이렇게 하면 제목에 H1 ~ H6을 제공하거나 굵게, 기울임꼴, 링크 등과 같은 단락 텍스트에 다른 스타일을 제공하는 것과 같은 다양한 블록별 옵션이 표시됩니다.

새 블록 추가 버튼

Gutenberg의 미니멀리스트 편집기의 문제점은 두 번째 버튼을 잃어버릴 수 있다는 것입니다. 버튼이 나타나려면 빈 공간 위에 마우스를 올려야 합니다. 이것은 단락이 아닌 새 모듈을 추가할 때만 발생합니다. 단락은 키보드에서 "Enter"로 쉽게 추가할 수 있습니다.

블록 관리

블록을 추가한 후에는 화살표 등을 사용하여 콘텐츠 위로 블록을 위아래로 이동할 수 있습니다.

사이드바

블록 탭에는 특정 블록에 대한 세부 옵션이 표시됩니다. 이 예에서는 사진을 미디어 파일에 연결하고 표시할 열 수를 선택할 수 있습니다. 각 모듈에는 사이드바 차단 탭 아래에 고유한 구성 가능한 옵션 세트가 있습니다.

앞으로 나아가 다

구텐베르그에 접근하는 가장 좋은 방법은 놀면서 최대한 많은 타이핑을 하는 것입니다. Enter 키를 사용하는 것이 새 블록에 박차를 가하는 가장 좋은 방법입니다. 예를 들어, 새 단락 블록을 추가하기로 결정했다면 해당 블록을 이미지나 이미지 갤러리 로 변환할 수 있는 옵션이 제공됩니다.

Enter 키를 사용하여 새 블록 을 만드는 것은 숨겨진 "새 블록" 버튼을 건너뛰는 가장 좋은 방법입니다. 마우스를 사용하는 동안 추가하려고 하면 편집 기술에 심각한 영향을 미칩니다. Enter 키를 사용하여 새 블록을 생성하면 나중에 해당 블록의 오른쪽에 있는 이미지 아이콘을 선택하여 이미지를 추가할 수 있습니다.

그러나 Gutenberg에는 Classic Editor 와 같은 새 이미지를 추가하기 위한 바로 가기 키가 없습니다. 이것은 글쓰기의 흐름을 완전히 깨는 마우스를 사용하도록 강요합니다. Gutenberg가 이미지와 갤러리를 삽입하기 위한 바로 가기를 추가한 경우 이전 Classic Editor를 빠르게 쓸모 없게 만들 수 있습니다.

단락, 제목 및 이미지 갤러리를 만들면 재정렬이 필요한 블록이 많을 때 구텐베르크가 작업하기 더 쉬운 이유를 알 수 있습니다. 기사가 준비되면 기사를 게시하고 첫 구텐베르크 게시물을 즐길 수 있습니다. 일단 구텐베르크 게시물 을 만들기 시작하면 되돌릴 수 없다는 것을 기억하십시오.

Gutenberg는 나중에 비활성화하기로 결정하면 끔찍하게 보이게 하는 코드를 각 게시물에 추가하므로 실험을 시작할 수는 있지만 사이트에서 사용하기 시작하면 나중에 수동으로 각 게시물을 수정하지 않고도 되돌릴 수 있습니다.

추가 기능

통합 도구 모음 과 스포트라이트 모드 는 구텐베르크에 추가된 두 가지 멋진 기능입니다. 통합 모드는 말한 대로 수행하고 모든 모듈에 대해 맨 위에 있는 도구 모음을 통합하므로 모듈을 편집할 때마다 모든 도구 모음 내용이 맨 위에 표시됩니다. 이것은 정말 편리하고 클래식 편집기를 모방합니다. 어떤 식으로든.

반면 스포트라이트 기능은 편집 중인 섹션을 제외한 모든 콘텐츠의 밝기를 어둡게 합니다. 이것은 매우 복잡한 기사가 있고 수행 중인 작업에 집중해야 할 때 편리합니다. 두 모드 모두 Gutenberg 구성 옵션(화면 오른쪽 상단 모서리에 있는 3개의 점)에서 액세스할 수 있습니다.

편집자용

Gutenberg는 편집자에게 놀라운 사람입니다. 아무 것도 깨지 않고 블록을 쉽게 변경하고 교환할 수 있으므로 일반 카피라이팅을 처리하는 것이 훨씬 쉽습니다. 또한 블록을 독립적으로 편집 할 수 있으며 단어를 셀 수 있는 쉬운 정보 메뉴가 있습니다.

42 테마

WordPress의 새로운 시각적 편집기인 The 42 Theme를 기반으로 하는 새로운 프로젝트인 앞으로 나올 내용을 살짝 살펴보세요. Aspen Grove Studios 사이트와 WordPress Repository에 곧 출시될 예정입니다.

결론적으로

Gutenberg는 뉘앙스 를 배우면 사용하기 쉬운 편집기입니다. Enter 키를 사용하여 작성하고 그 시점부터 이미지 및 기타 블록을 추가하는 방법을 스스로 훈련하면 Gutenberg는 웹사이트 구축 경험 을 긍정적으로 향상시킬 수 있습니다.

그러나 마우스 사용을 선호하는 경우 구텐베르크의 모든 아름다움이 사라지고 생산성이 저하될 수 있습니다. Classic Editor에 매우 능숙한 사람들에게는 Gutenberg가 어려울 수 있지만 여기에서 제 조언을 따르면 금방 Gutenberg에 쉽게 적응할 수 있습니다.