WordPress Gutenberg 편집기를 최대한 활용하는 6가지 팁

Gutenberg 테마는 2018년 12월 말에 도입되었으며 WordPress 사용자는 이때까지 이를 사용하고 있었습니다. Gutenberg 편집기는 정교한 WordPress 페이지 및 게시물 작성을 단순화하는 새로운 블록 편집기입니다.

WordPress용 Gutenberg 편집기는 WordPress 작성자가 게시물을 작성하는 방식을 변경했습니다. 필요에 따라 다양한 방법으로 배열할 수 있는 다양한 "블록"을 사용합니다.

출시 이후 Gutenberg는 7,830만 개 이상의 설치와 2억 8천만 개 이상의 게시물을 목격했습니다. 오늘날에도 Gutenberg를 사용하여 매일 150,000개 이상의 게시물이 작성됩니다.

또한 Gutenberg Phase 3는 출시 후 WordPress에서 공동 출판을 제공합니다.

Gutenberg의 블록은 텍스트에서 이미지, 비디오 및 표에 이르기까지 콘텐츠를 만드는 데 도움이 됩니다. 전반적으로 웹 사이트를 구축하거나 관리할 때 작업을 완료하는 데 필요한 노력과 시간을 크게 줄이는 다양한 최첨단 기능이 있습니다.

이제 이를 최대한 활용하기 위한 몇 가지 주요 기능, 팁 및 요령을 살펴보겠습니다.

1. 콘텐츠 블록을 최대한 활용

내장된 TinyMCE 편집기와 함께 Gutenberg의 새로운 콘텐츠 블록 및 옵션을 사용하십시오.

출처: 콘텐츠 차단 옵션 살펴보기

빠른 포맷을 위해 공통 블록, 위젯 및 레이아웃 요소를 검색할 수 있습니다. 최신 업데이트에는 다음과 같은 최신 개선 사항이 있습니다.

• 표지 이미지
• 파일 다운로드
• 버튼 등

사용하는 많은 플러그인은 해당 블록을 사용할 수 있습니다. 예를 들어 갤러리 플러그인을 사용하는 경우 전용 갤러리 블록과 함께 제공될 수 있습니다.

2. 블록 제거

실수로 블록을 추가한 경우 동일한 것을 제거할 수 있습니다. 이것은 일반적으로 처음 사용하거나 할 일이 많을 때 발생합니다.

출처: 블록 제거 방법

쓰기 블록을 제거하려면 다음 세 단계를 따르세요.

1. 삭제할 요소를 선택합니다.
2. 블록의 오른쪽 상단 모서리에 있는 "..." 버튼을 클릭하여 추가 옵션에 액세스합니다.
3. 블록을 삭제하는 옵션을 찾아 선택합니다.

Ctrl + Alt + Z의 단축키 조합을 사용할 수도 있습니다.

3. 고급 차단 설정 구성

사이드바에서 추가 설정을 탐색하여 추가하는 모든 블록을 사용자 정의하십시오. 블록에 따라 블록의 시각적 모양, 레이아웃 및 기능에 대한 몇 가지 다른 설정 또는 광범위한 사용자 지정 선택 사항에 액세스할 수 있습니다.

편집기에서 블록을 클릭하여 블록 설정을 엽니다. 편집기의 블록 옵션을 사용하면 이러한 옵션을 탐색할 수 있습니다. 그런 다음 사이드바에서 차단 메뉴 항목을 선택하여 설정을 조정합니다.

버튼 블록의 구성은 아래 이미지에 나와 있습니다.

출처: 블록 옵션 살펴보기

다양한 크기, 색상 등을 선택할 수 있는 다양한 옵션이 있는 사이드바에서 블록 설정에 액세스할 수 있습니다.

모든 변경 사항은 편집기에 즉시 반영됩니다.

각 블록에는 고유한 설정이 있으므로 다르게 구성할 수 있습니다. 예를 들어 아래 이미지는 타이포그래피 및 색상에 대한 몇 가지 기본 사용자 지정 옵션을 보여줍니다.

출처: 일반 단락 텍스트에 대한 블록 설정입니다.

4. 모든 설정과 함께 블록 복사

공동 편집에는 일관성이 필요합니다. 여러 작성자가 동일한 문서에서 작업하는 경우 디자인 및 스타일이 변경될 수 있습니다. 따라서 일관된 차단 설정을 유지하는 것이 필요합니다. 이를 위해 네 단계로 전체 블록 설정을 복사해 보십시오.

1. 블록을 선택합니다.
2. 블록의 도구 모음에서 점 세 개 아이콘을 클릭합니다.
3. 복사 선택
4. 그런 다음 "Ctrl + V"를 사용하거나 마우스 오른쪽 버튼을 클릭하고 "붙여넣기"를 선택하여 블록을 붙여넣기만 하면 됩니다.

이렇게 하면 차단 설정을 유지하고 사용자 지정 스타일을 잃지 않을 수 있습니다.

출처: 모든 설정과 함께 블록을 복사하는 방법.

5. Gutenberg 편집기 바로 가기 검색 및 사용

바로 가기를 좋아하지 않는 사람은 누구입니까? 대부분의 일반적인 키 조합(복사, 붙여넣기, 실행 취소 등)을 지원하는 Gutenberg의 단축키를 사용하여 효율성을 유지하십시오. 게다가 Gutenberg에는 사용자에게 유리하게 사용될 수 있는 수많은 고유한 키보드 단축키가 있습니다.

Shift + Alt + H(Windows) / Ctrl + Alt + H(Mac)를 사용하여 전체 단축키 메뉴를 열 수 있습니다.

출처: 구텐베르크의 편리한 단축키 목록

다음은 구텐베르크에서 인기 있는 지름길입니다.

• Ctrl + Alt + 백스페이스: 기존/선택된 항목을 삭제합니다. 블록을 제거하려면 일반적으로 많은 클릭이 필요하기 때문에 이것은 큰 도움이 됩니다.
• Ctrl + Alt + T: 기존 블록 앞에 새 블록을 추가합니다.
• Ctrl + Alt + Y: 기존 블록 뒤에 새 블록 삽입
• Ctrl + A + A: 전체 섹션에 밑줄을 긋습니다.

키보드 단축키와 함께 마크다운 구문을 사용할 수도 있습니다.

다음은 Gutenberg의 유효한 Markdown 구문 입력에 대한 몇 가지 예입니다.

• "##"을 사용하여 제목을 만듭니다.
• "1"을 입력합니다. 정렬된 목록 생성을 시작하려면
• 정렬되지 않은 목록을 만들려면 "*"를 사용하십시오.
• 인용문을 만들려면 ">"를 사용하세요.

예를 들어 "##"을 입력하고 스페이스바를 누르면 H2로 쓰기 시작합니다. 이렇게 하면 Gutenberg가 제목 블록을 자동으로 생성합니다.

6. 드래그 앤 드롭을 사용하여 블록 재정렬

이전에는 블록 콘텐츠를 재배치해야 하는 경우 복사하여 붙여넣어야 했습니다. 드래그하여 원하는 위치에 놓기만 하면 됩니다. 아래 그림과 같이 블록의 오른쪽으로 이동하여 이 6개의 점을 선택합니다.

출처 : 드래그 앤 드롭 기능 사용 방법

이 버튼을 선택하면 블록을 다른 위치로 쉽게 이동하고 원하는 위치에 드롭할 수 있습니다.

마무리

전체 구텐베르크 블록 편집기는 2018년에 도입된 이후 극적으로 발전했습니다. 이제 블록 편집기가 WordPress에서 훨씬 더 중요한 역할을 하는 전체 사이트 편집을 제공합니다.

WordPress 블록 편집기를 최대한 활용하려면 새 블록을 생성하고 편집하고 이점을 활용하는 방법을 배워야 합니다.

사전 설치된 기능이 정말 편리하기 때문에 블록 시스템은 직관적입니다. 그러나 위에서 언급한 팁과 트릭을 따라 사용을 확장할 수 있습니다.