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

새로운 WordPress 편집기인 Gutenberg가 궁금하다면 이 게시물이 적합합니다.

구텐베르크는 워드프레스 에디터 블록의 새로운 아이입니다. WordPress REST API , JavaScript 및 React 를 사용하여 GitHub에서 개발되었습니다. 편집자는 현대적이고 작업하기 쉽고 매우 겸손하다고 느낍니다. 구텐베르크와 클래식 편집기를 비교하는 것은 가구가 많은 집과 가구가 거의 없는 집 두 채를 비교하는 것과 같습니다. 미니멀리스트 스타일이 다소 벅차게 느껴지더라도 일단 구텐베르크를 사용하기 시작하면 전반적인 경험은 즐거운 경험이 될 수 있습니다.

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

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

시작하려면 WordPress를 최신 버전으로 업데이트하기 만 하면 Gutenberg를 사용할 수 있습니다. Gutenberg는 이제 WordPress의 핵심 요소 중 하나입니다. 여전히 클래식 편집기 플러그인 이 있는 경우 이를 제거하여 시작하고 구텐베르크를 사용할 준비를 할 수 있습니다.

첫 번째 단계

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가 이미지와 갤러리를 삽입하기 위한 바로 가기를 추가하면 이전 클래식 편집기가 빠르게 쓸모없게 될 수 있습니다.

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

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

추가 기능

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

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

편집자용

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

42 테마

WordPress의 새로운 비주얼 편집기인 The 42 Theme를 기반으로 하는 새로운 프로젝트를 미리 살펴보세요. 곧 Aspen Grove Studios 사이트와 WordPress Repository에 공개될 예정입니다.

결론적으로

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

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