블록 에디터(Gutenberg) 마스터

WordPress 5.0(2018년)에서 도입된 Gutenberg 블록 에디터는 콘텐츠의 모든 요소를 "블록"이라는 단위로 관리합니다. 문단 하나, 이미지 하나, 버튼 하나가 각각 독립적인 블록입니다.

이전의 클래식 에디터가 하나의 큰 텍스트 필드였다면, 블록 에디터는 레고 블록처럼 다양한 콘텐츠 요소를 자유롭게 쌓아올리는 방식입니다. 각 블록은 독립적으로 이동, 복제, 삭제, 스타일링할 수 있습니다.

블록 에디터의 장점:

- 드래그 앤 드롭으로 레이아웃 자유 배치

- HTML 지식 없이 복잡한 레이아웃 구현

- 블록별 개별 스타일링

- 재사용 블록으로 효율적 관리

- 블록 패턴으로 빠른 레이아웃 삽입

- 풍부한 키보드 단축키 지원

방법 1 - 슬래시 명령: 빈 블록에서 /를 입력하면 블록 검색이 시작됩니다. /이미지, /버튼, /컬럼 등으로 빠르게 블록을 추가합니다. 가장 빠른 방법입니다.

방법 2 - 플러스 버튼: 에디터 왼쪽 상단의 + 버튼을 클릭하면 전체 블록 목록이 열립니다. 카테고리별로 탐색하거나 검색할 수 있습니다.

방법 3 - 블록 사이 인서터: 블록과 블록 사이에 마우스를 올리면 작은 + 버튼이 나타납니다. 특정 위치에 블록을 삽입할 때 편리합니다.

방법 4 - Enter 키: 문단 블록에서 Enter를 누르면 새 문단 블록이 자동으로 추가됩니다.

선택: 블록을 클릭하면 선택됩니다. 블록 위에 툴바가 나타납니다.

이동: 블록 툴바의 드래그 핸들(6개 점)을 잡고 드래그하거나, 위/아래 화살표 버튼으로 이동합니다.

복제: 블록 툴바 > ... > "복제" 또는 Ctrl+Shift+D

삭제: 블록 툴바 > ... > "블록 제거" 또는 블록 선택 후 Shift+Alt+Z

변환: 블록 툴바 왼쪽의 블록 유형 아이콘을 클릭하면 호환 가능한 다른 블록으로 변환할 수 있습니다. 예: 문단 → 제목, 리스트 → 인용문

HTML 편집: 블록 툴바 > ... > "HTML로 편집"으로 블록의 HTML을 직접 수정할 수 있습니다.