2026년 워드프레스 블록 편집기(Gutenberg) 시작하기

워드프레스 블록 편집기란?

워드프레스 블록 편집기, 일반적으로 구텐베르크라고 불리는 이 편집기는 워드프레스의 기본 콘텐츠 편집기입니다. 워드프레스 5.0에서 도입되어 클래식 편집기를 대체하며, 모든 콘텐츠 조각 — 단락, 이미지, 제목 또는 임베드 — 이 독립적으로 배열하고 사용자 정의하며 재배치할 수 있는 개별 블록으로 구성된 모듈식 블록 기반 시스템입니다.

2026년까지 구텐베르크는 단순한 콘텐츠 편집기를 넘어 발전했습니다. 전체 사이트 편집(FSE)을 통해 이제는 헤더, 푸터, 템플릿 및 템플릿 부분을 포함한 전체 사이트 레이아웃을 제어합니다. 이 가이드는 기본 블록 편집에서 고급 사이트 구축 기술까지 알아야 할 모든 것을 안내합니다.

핵심 블록 개요

워드프레스는 90개 이상의 핵심 블록을 카테고리별로 제공하고 있습니다. 여기에서 가장 자주 사용할 블록은 다음과 같습니다:

블록으로 콘텐츠 만들기

블록 추가하기

콘텐츠에 블록을 추가하는 방법은 여러 가지가 있습니다:

• 플러스 버튼 (+): 툴바의 플러스 아이콘이나 블록 사이를 클릭하여 블록 삽입기를 엽니다.
• 슬래시 명령: / 다음에 블록 이름(예: /image, /heading)을 입력하여 빠르게 삽입합니다.
• 명령 팔레트: Ctrl+K (Windows) 또는 Cmd+K (Mac)를 눌러 모든 블록이나 작업을 검색합니다.
• 드래그 앤 드롭: 삽입기 패널에서 블록을 캔버스로 직접 드래그합니다.

블록 구성하기

모든 블록에는 두 개의 구성 영역이 있습니다:

1. 툴바: 선택한 블록 위에 나타나며 일반적인 작업(정렬, 굵게, 기울임, 링크)을 제공합니다.
2. 사이드바 패널: 색상, 타이포그래피, 여백 및 고급 옵션을 포함한 자세한 설정을 제공합니다.

블록 정리하기

블록 툴바의 화살표를 사용하여 블록을 위아래로 이동하거나 새로운 위치로 드래그하여 콘텐츠를 정리합니다. 또한 목록 보기 패널(Shift+Alt+O)을 사용하여 전체 문서 구조를 보고 트리 내에서 블록을 드래그할 수 있습니다.

재사용 가능한 블록 (동기화된 패턴)

재사용 가능한 블록 — 2026년에 동기화된 패턴으로 이름이 변경됨 — 은 블록 또는 블록 그룹을 한 번 생성하고 여러 게시물 및 페이지에 삽입할 수 있게 해줍니다. 동기화된 패턴을 업데이트하면 모든 인스턴스가 자동으로 업데이트됩니다.

동기화된 패턴의 일반적인 사용 사례:

• 여러 페이지에 나타나는 콜 투 액션 섹션
• 블로그 게시물에 사용되는 저자 약력 박스
• 표준화된 면책 조항 또는 제휴 공개 고지
• 뉴스레터 가입 양식
• 연락처 정보 블록

동기화된 패턴을 만들려면: 블록을 선택하고, 세 점 메뉴를 클릭한 후 "패턴 만들기"를 선택하고, 이름을 지정한 후 "동기화"를 켭니다. 나중에 삽입하려면 블록 삽입기의 패턴 탭에서 찾습니다.

블록 패턴

블록 패턴은 삽입하고 사용자 정의할 수 있는 미리 디자인된 블록 배열입니다. 동기화된 패턴과는 달리, 이들은 연결되어 있지 않습니다 — 패턴 인스턴스를 편집해도 다른 사용에 영향을 미치지 않습니다.

내장 패턴

워드프레스는 일반적인 레이아웃을 위한 패턴을 포함하고 있습니다: 히어로 섹션, 기능 그리드, 추천 레이아웃, 가격표 등. 활성 테마는 디자인 시스템에 최적화된 추가 패턴을 등록할 수 있습니다.

WordPress.org 패턴 디렉토리

WordPress.org 패턴 디렉토리는 수천 개의 커뮤니티 기여 패턴을 제공합니다. 삽입기에서 직접 패턴을 탐색하고 미리 보기 및 복사할 수 있습니다. 또는 패턴 디렉토리 웹사이트에서 확인할 수 있습니다.

사용자 정의 패턴 만들기

블록을 배열하고 모두 선택한 후 블록 메뉴에서 패턴을 만들어 나만의 패턴을 만듭니다. 사용자 정의 패턴은 삽입기의 "내 패턴" 섹션에 나타나며, 사이트 전반에서 재사용할 수 있습니다.

전체 사이트 편집 기본 사항

전체 사이트 편집(FSE)은 블록 편집을 게시물 및 페이지 콘텐츠를 넘어 전체 사이트 구조로 확장합니다. 블록 테마를 사용하면 다음을 편집할 수 있습니다:

• 템플릿: 특정 페이지 유형(단일 게시물, 아카이브, 404, 검색 결과)의 레이아웃을 제어합니다.
• 템플릿 부분: 헤더 및 푸터와 같은 재사용 가능한 섹션을 편집합니다.
• 전역 스타일: 사이트 전체의 색상, 타이포그래피 설정
• 탐색: 메뉴를 시각적으로 구축하고 관리

사이트 편집기 접근하기

WordPress 대시보드에서 외모 → 편집기로 이동합니다. 여기에서 템플릿을 탐색하고, 템플릿 부분을 편집하며, 전역 스타일을 조정할 수 있는 사이트 편집기가 열립니다. FSE는 블록 테마를 요구하며, 클래식 테마는 대신 전통적인 사용자 정의 도구를 사용합니다.

템플릿 vs 템플릿 부분

개념	제어하는 것	예시
템플릿	콘텐츠 유형에 대한 전체 페이지 레이아웃	단일 게시물, 페이지, 아카이브, 404
템플릿 부분	템플릿 내에서 재사용 가능한 섹션	헤더, 푸터, 사이드바

theme.json으로 블록 사용자 정의하기

theme.json 파일은 블록 테마의 구성 허브입니다. 다음을 제어합니다:

• 편집기에서 사용할 수 있는 색상 팔레트 및 그라디언트
• 타이포그래피 프리셋(글꼴 패밀리, 크기, 줄 높이)
• 간격 스케일 및 레이아웃 너비
• 어떤 블록 기능이 활성화 또는 비활성화되는지
• 특정 블록의 기본 스타일

테마 개발자는 theme.json을 사용하여 일관된 디자인 시스템을 만듭니다. 사이트 소유자는 파일을 직접 편집하지 않고도 사이트 편집기의 전역 스타일 인터페이스를 통해 이러한 설정을 수정할 수 있습니다.

키보드 단축키

키보드 단축키를 배우면 편집 작업 흐름이 크게 빨라집니다:

작업	Windows / Linux	Mac
새 블록 추가	/ (슬래시)	/ (슬래시)
명령 팔레트	Ctrl + K	Cmd + K
블록 복제	Ctrl + Shift + D	Cmd + Shift + D
블록 삭제	Shift + Alt + Z	Ctrl + Option + Z
목록 보기 열기	Shift + Alt + O	Ctrl + Option + O
블록 삽입기 전환	Ctrl + Shift + ,	Cmd + Shift + ,
초안 저장 / 업데이트	Ctrl + S	Cmd + S
실행 취소	Ctrl + Z	Cmd + Z
링크 삽입	Ctrl + K	Cmd + K

구텐베르크 vs 클래식 편집기

일부 WordPress 사용자들은 여전히 클래식 편집기 플러그인을 선호합니다. 두 가지를 비교해보면 다음과 같습니다:

측면	구텐베르크	클래식 편집기
편집 접근 방식	블록 기반, 모듈식	단일 텍스트 영역 (TinyMCE)
레이아웃 기능	열, 그리드, 전체 너비 섹션	선형 콘텐츠만
미디어 처리	인라인 갤러리, 커버 이미지, 미디어+텍스트	기본 미디어 삽입
미래 호환성	적극적으로 개발 중, FSE 지원	유지 관리 모드만
플러그인/테마 지원	확장되는 블록 생태계		신규 개발 감소

클래식 편집기 플러그인은 여전히 유지 관리되고 있지만, 워드프레스 개발은 블록 편집기에 완전히 전념하고 있습니다. 새로운 기능, 테마 및 플러그인은 점점 더 먼저 구텐베르크를 목표로 하고 있습니다.

구텐베르크를 확장하는 블록 플러그인

코어 블록이 대부분의 필요를 충족하지만, 이러한 플러그인은 전문화된 기능을 추가합니다:

• Flavor Plugin: 탭, 아코디언, 가격표 및 포스트 캐러셀과 같은 고급 블록 추가
• Flavor Plugin: 더 나은 작성 경험을 위한 콘텐츠 중심 블록 제공 — 진행 바, 클릭하여 트윗하기, 알림
• Flavor Plugin: 애니메이션 및 고급 스타일링 옵션이 있는 디자인 지향 블록 제공
• Flavor Plugin: FSE 테마를 위해 특별히 설계된 블록으로 구텐베르크 확장
• Flavor Plugin: 동적 콘텐츠 표시를 위한 쿼리 및 필터 블록 추가

블록 플러그인을 선택할 때는 워드프레스 코딩 표준을 따르고 깔끔한 마크업을 생성하는 플러그인을 선택하세요. 무거운 JavaScript 프레임워크를 로드하는 플러그인은 구텐베르크의 성능 이점을 무효화하므로 피하세요.

효율적인 블록 편집을 위한 실용적인 팁

목록 보기 사용하기

복잡한 페이지의 경우, 목록 보기 (Shift+Alt+O)가 필수적입니다. 전체 문서 구조를 트리 형태로 보여주어 중첩 블록을 선택하고, 섹션을 재정렬하며, 페이지 계층 구조를 이해하기 쉽게 만듭니다.

대량 작업을 위한 블록 그룹화

여러 블록을 선택(첫 번째 클릭, Shift+마지막 클릭)하고 그룹화하세요. 그룹화된 블록은 함께 스타일링하고, 단위로 이동하며, 패턴으로 변환할 수 있습니다. 이는 일관된 섹션을 만드는 데 특히 유용합니다.

우발적인 변경 방지를 위한 블록 잠금

중요한 블록을 잠가서 우발적인 이동이나 삭제를 방지하세요. 블록을 마우스 오른쪽 버튼으로 클릭하고 "잠금"을 선택하여 수정을 제한합니다. 이는 여러 편집자가 관리하는 템플릿이나 콘텐츠에 유용합니다.

키보드 단축키 적극 활용하기

효율적인 블록 편집과 느린 블록 편집의 차이는 종종 키보드 단축키에 달려 있습니다. 먼저 가장 일반적인 다섯 가지 단축키(슬래시 명령, 복제, 삭제, 저장, 실행 취소)를 배우고, 편안해지면 레퍼토리를 확장하세요.

Elementor 및 기타 페이지 빌더와의 비교는 우리의 Elementor vs Gutenberg 비교와 더 넓은 페이지 빌더 비교 가이드를 참조하세요. 구텐베르크와 잘 작동하는 테마를 선택하고 있다면, 우리의 테마 선택 가이드를 읽어보세요.

자주 묻는 질문

클래식 편집기를 여전히 사용할 수 있나요?

네. 클래식 편집기 플러그인은 여전히 사용 가능하며 워드프레스 팀에 의해 유지 관리됩니다. 그러나 새로운 기능은 없고 유지 관리 업데이트만 받습니다. 워드프레스는 현대적인 기능과 지속적인 개발을 위해 블록 편집기로의 마이그레이션을 권장합니다.

구텐베르크는 모든 워드프레스 테마와 호환되나요?

구텐베르크는 클래식 테마와 블록 테마 모두에서 작동합니다. 클래식 테마는 포스트 및 페이지 콘텐츠 내에서 블록 편집을 지원합니다. 블록 테마는 헤더, 푸터, 템플릿 및 전역 스타일에 대한 전체 사이트 편집도 추가로 지원합니다. 전체 FSE 경험을 위해서는 블록 테마가 필요합니다.

클래식 편집기 콘텐츠를 블록으로 변환하려면 어떻게 하나요?

클래식 편집기 포스트를 구텐베르크에서 열면, 워드프레스는 콘텐츠를 클래식 블록으로 감쌉니다. "블록으로 변환"을 클릭하여 콘텐츠를 개별 블록으로 변환할 수 있습니다. 변환 후 복잡한 레이아웃은 수동 조정이 필요할 수 있으므로 검토하세요.

구텐베르크 페이지가 클래식 편집기 페이지보다 느리나요?

아니요. 구텐베르크는 클래식 편집기 출력과 비교하거나 더 간결한 깔끔한 HTML을 생성합니다. 블록 편집기는 중요한 프론트엔드 오버헤드를 추가하지 않습니다. 편집기 인터페이스 자체(관리자에서)는 클래식 편집기보다 더 많은 리소스를 사용하지만, 이는 방문자가 경험하는 것에는 영향을 미치지 않습니다.

코딩 없이 사용자 정의 블록을 만들 수 있나요?

네, 어느 정도 가능합니다. 기존 블록을 배열하여 사용자 정의 블록 패턴을 만들 수 있습니다. 고유한 기능을 가진 진정한 사용자 정의 블록을 만들려면 JavaScript(React) 개발이 필요합니다. 여러 플러그인이 코드 없는 블록 빌더를 제공하지만, 코드 솔루션에 비해 제한이 있습니다.

동기화된 패턴이란 무엇이며 일반 패턴과 어떻게 다른가요?

동기화된 패턴(이전의 재사용 블록)은 모든 인스턴스에서 연결되어 있습니다. 하나를 편집하면 모두 업데이트됩니다. 일반 패턴은 템플릿으로, 하나를 삽입하면 다른 사용에 영향을 주지 않고 수정할 수 있는 독립적인 복사본이 생성됩니다. 모든 곳에서 일관성이 있어야 하는 콘텐츠(CTA, 면책 조항)에는 동기화된 패턴을 사용하세요. 시작점으로 원하는 레이아웃에는 일반 패턴을 사용하세요.

블록 편집기 문제를 어떻게 해결하나요?

일반적인 해결책으로는: 브라우저 캐시 지우기, 충돌을 식별하기 위해 플러그인을 하나씩 비활성화하기, 기본 테마로 일시적으로 전환하기, 브라우저의 개발자 콘솔에서 JavaScript 오류 확인하기 등이 있습니다. 대부분의 블록 편집기 문제는 코어 문제보다 플러그인 충돌에서 발생합니다.

전체 사이트 편집이 생산 사용에 준비되었나요?

2026년 현재, 전체 사이트 편집은 안정적이며 생산 준비가 완료되었습니다. 기능 세트는 각 워드프레스 릴리스와 함께 상당히 성숙해졌습니다. 그러나 블록 테마와 패턴의 생태계는 여전히 성장 중입니다. 광범위한 사전 구축 템플릿이 필요한 경우, 클래식 테마 옵션에 비해 선택이 더 제한적일 수 있습니다.

블록 준비가 완료된 워드프레스 테마 찾기

구텐베르크 및 전체 사이트 편집에 최적화된 프리미엄 워드프레스 테마를 찾아보세요. 깔끔한 코드, 빠른 성능 및 전문적인 디자인.

테마 찾아보기 →