워드프레스 Gutenberg 블록 편집기 숨겨진 기능 15가지 | 2025년 완벽 가이드
워드프레스를 사용하면서 블록 편집기의 기본 기능만 활용하고 계신가요? 29세 편집 전문가 민경씨처럼 대부분의 사용자들이 Gutenberg 편집기 기능의 60%만 활용하고 있다는 사실을 아시나요? 이 글에서는 효율적인 편집, 창의적인 콘텐츠 제작, 그리고 생산성 향상을 위한 워드프레스 Gutenberg 블록 편집기의 숨겨진 기능 15가지를 상세히 알려드리겠습니다.
Gutenberg 블록 편집기의 중요성
Gutenberg가 필요한 이유
워드프레스 Gutenberg 블록 편집기는 2018년 처음 도입된 이후 지속적으로 발전해왔습니다. 기존의 클래식 편집기와 달리 블록 기반 접근 방식을 통해 사용자들이 더욱 직관적이고 유연하게 콘텐츠를 제작할 수 있게 되었습니다. 특히 2025년 현재, Gutenberg는 단순한 편집 도구를 넘어 완전한 페이지 빌더로 진화했으며, 코딩 지식 없이도 전문적인 웹페이지를 만들 수 있습니다. 블록 편집기를 제대로 활용하면 웹사이트 제작 시간을 50% 이상 단축할 수 있으며, 더욱 창의적이고 매력적인 콘텐츠를 생성할 수 있습니다.
전문가 팁
Gutenberg 블록 편집기를 처음 시작할 때 가장 중요한 것은 슬래시 명령어(/)를 익히는 것입니다. 이 하나만 알아도 편집 속도가 3배 이상 빨라집니다. 관련 자료: 워드프레스 페이지 빌더 vs Gutenberg 비교
2025년 Gutenberg 트렌드
2025년 워드프레스 6.7 버전에서 Gutenberg는 AI 기반 콘텐츠 제안 기능이 추가되었으며, 실시간 협업 편집이 가능해졌습니다. 또한 블록 패턴 라이브러리가 대폭 확장되어 수천 개의 전문적인 디자인 템플릿을 바로 사용할 수 있게 되었습니다. 모바일 반응형 편집 모드도 개선되어 데스크톱, 태블릿, 모바일 뷰를 실시간으로 전환하며 편집할 수 있습니다. 이러한 변화로 인해 전문 개발자 없이도 고급 웹사이트를 만들 수 있는 시대가 도래했습니다.
숨겨진 기능 1-5: 핵심 탐색 도구
슬래시 명령어와 블록 검색
가장 강력하면서도 많은 사용자가 모르는 기능이 바로 슬래시(/) 명령어입니다. 편집 중 어디서든 '/'를 입력하면 모든 사용 가능한 블록 목록이 즉시 나타나며, 블록 이름을 타이핑하면 실시간으로 필터링됩니다. 예를 들어 '/이미지'를 입력하면 이미지 블록이 바로 선택되고, '/표'를 입력하면 테이블 블록이 나타납니다. 이 기능을 활용하면 마우스로 상단 메뉴를 클릭하는 시간을 절약하고, 키보드만으로 빠른 작업이 가능합니다. 또한 영문 약어도 지원하여 '/h2'를 입력하면 제목2 블록이, '/img'를 입력하면 이미지 블록이 자동으로 선택됩니다.
블록 검색의 숨은 기능
상단 툴바의 '+' 버튼을 클릭하면 카테고리별로 정리된 전체 블록 라이브러리에 접근할 수 있습니다. 여기서 '최근 사용' 탭을 확인하면 자주 쓰는 블록들이 우선 표시되어 더욱 빠른 작업이 가능합니다.
리스트 뷰와 구조 관리
리스트 뷰(List View)는 Gutenberg의 가장 과소평가된 기능 중 하나입니다. 좌측 상단의 리스트 아이콘을 클릭하면 전체 페이지의 블록 구조가 트리 형태로 표시되며, 복잡한 페이지 구조도 한눈에 파악할 수 있습니다. 드래그 앤 드롭으로 블록 순서를 쉽게 변경할 수 있고, 중첩된 블록들의 계층 구조도 명확하게 볼 수 있습니다. 특히 긴 글을 작성할 때나 여러 섹션으로 구성된 랜딩 페이지를 만들 때 이 기능은 필수적입니다. 리스트 뷰에서 블록을 클릭하면 해당 블록으로 자동 스크롤되어 정확한 위치를 빠르게 찾을 수 있습니다.
숨겨진 기능 3: 블록 그룹화와 컨테이너
여러 블록을 선택한 후(Shift+클릭) 툴바의 '그룹' 버튼을 누르면 블록들을 하나의 컨테이너로 묶을 수 있습니다. 이렇게 그룹화된 블록들은 함께 이동하고, 공통된 스타일을 적용할 수 있습니다. 컬럼 블록과 결합하면 복잡한 레이아웃도 쉽게 구현할 수 있으며, 전체 섹션에 배경색이나 패딩을 일괄 적용할 수 있습니다.
숨겨진 기능 4: 블록 변형(Block Transformation)
많은 블록들은 서로 변환이 가능합니다. 예를 들어 문단 블록을 선택하고 툴바의 변형 아이콘을 클릭하면 제목, 인용구, 리스트 등 다른 블록 타입으로 즉시 변환할 수 있습니다. 이미 작성한 내용을 다시 입력할 필요 없이 블록 타입만 변경하여 다양한 스타일을 시도해볼 수 있습니다. 이미지 블록을 갤러리로, 갤러리를 개별 이미지로 변환하는 것도 가능합니다.
숨겨진 기능 5: 블록 잠금과 보호
완성된 섹션이나 중요한 블록은 '잠금' 기능으로 보호할 수 있습니다. 블록 설정 사이드바에서 '잠금' 옵션을 선택하면 이동 방지, 삭제 방지를 설정할 수 있습니다. 특히 클라이언트 프로젝트에서 특정 영역을 실수로 수정하지 못하도록 보호할 때 매우 유용합니다.
숨겨진 기능 6-10: 생산성 단축키
숨겨진 기능 6: 마크다운 단축키
Gutenberg는 마크다운 문법을 지원합니다. ##를 입력하고 스페이스를 누르면 H2 제목이 생성되고, -를 입력하고 스페이스를 누르면 리스트가 만들어집니다. **텍스트**는 굵게, *텍스트*는 기울임꼴로 자동 변환됩니다. 마크다운에 익숙한 사용자라면 이 기능으로 타이핑 속도를 극대화할 수 있습니다.
숨겨진 기능 7: 키보드 단축키 마스터
Shift+Alt+H를 누르면 전체 단축키 목록이 표시됩니다. 주요 단축키로는 Ctrl+Alt+T (제목 삽입), Ctrl+Alt+N (일반 문단), Ctrl+Alt+X (리스트 항목), Ctrl+Shift+D (블록 복제), Ctrl+Shift+Alt+Z (선택한 블록 삭제)가 있습니다. 이 단축키들을 암기하면 편집 속도가 비약적으로 향상됩니다.
주의사항
단축키는 브라우저와 운영체제에 따라 다를 수 있습니다. Mac에서는 Ctrl 대신 Cmd 키를 사용하며, 일부 단축키가 브라우저의 기본 단축키와 충돌할 수 있으니 주의하세요.
숨겨진 기능 8: 블록 복제와 다중 선택
블록 툴바의 옵션 메뉴에서 '복제'를 선택하거나 Ctrl+Shift+D를 누르면 블록이 즉시 복제됩니다. 여러 블록을 한번에 선택하려면 Shift 키를 누른 채 블록들을 클릭하면 되며, 선택된 블록들을 함께 이동하거나 삭제할 수 있습니다. 반복적인 레이아웃을 만들 때 매우 효율적입니다.
숨겨진 기능 9: 드래그 앤 드롭 개선
2025년 업데이트에서 드래그 앤 드롭 기능이 크게 개선되었습니다. 블록 왼쪽의 핸들을 드래그하면 페이지 내 어디든 이동할 수 있으며, 이동 가능한 위치가 파란색 선으로 표시됩니다. 컬럼 간 이동도 가능하며, 중첩된 구조에서도 정확한 위치에 배치할 수 있습니다.
숨겨진 기능 10: 히스토리와 수정 버전
Ctrl+Z로 실행 취소, Ctrl+Y로 재실행이 가능하며, 상단 툴바의 '...' 메뉴에서 '수정 이력'을 선택하면 전체 편집 히스토리를 볼 수 있습니다. 이전 버전으로 되돌리거나 특정 시점의 상태를 복원할 수 있어, 실수로 인한 손실을 방지할 수 있습니다. 더 자세한 정보는 워드프레스 6.4 버전 신기능 가이드를 참고하세요.
숨겨진 기능 11-15: 고급 커스터마이징
숨겨진 기능 11: 재사용 블록(Reusable Blocks)
자주 사용하는 블록 조합을 재사용 블록으로 저장하면 다른 포스트나 페이지에서 즉시 활용할 수 있습니다. 블록 옵션 메뉴에서 '재사용 블록으로 추가'를 선택하고 이름을 지정하면, 이후 '/재사용'을 입력하여 언제든 불러올 수 있습니다. CTA 버튼, 연락처 정보, 저자 소개 박스 등 반복적으로 사용하는 요소를 재사용 블록으로 만들면 작업 효율이 크게 향상됩니다. 한 곳에서 재사용 블록을 수정하면 사용된 모든 곳에 자동으로 반영됩니다.
숨겨진 기능 12: 블록 패턴 라이브러리
워드프레스 6.x 버전부터 블록 패턴 디렉토리가 대폭 확장되었습니다. '+' 버튼을 클릭하고 '패턴' 탭을 선택하면 수백 개의 전문적으로 디자인된 레이아웃 템플릿을 찾을 수 있습니다. 히어로 섹션, 기능 소개, 팀 소개, 가격표 등 다양한 용도의 패턴이 준비되어 있으며, 클릭 한 번으로 페이지에 삽입한 후 내용만 수정하면 됩니다. 사용자 정의 패턴도 만들 수 있어 브랜드 스타일에 맞는 템플릿을 구축할 수 있습니다.
숨겨진 기능 13: CSS 클래스와 앵커
각 블록의 고급 설정에서 추가 CSS 클래스와 HTML 앵커를 지정할 수 있습니다. CSS 클래스를 추가하면 커스텀 스타일을 적용할 수 있고, 앵커를 설정하면 목차나 내부 링크에서 해당 섹션으로 직접 이동할 수 있습니다. SEO와 사용자 경험 모두를 개선하는 강력한 기능입니다. 관련 내용은 워드프레스 커스텀 포스트 타입 가이드에서 확인할 수 있습니다.
숨겨진 기능 14: 블록 에디터 스타일과 테마 통합
블록 설정 패널에서 '스타일' 탭을 확인하면 각 블록마다 미리 정의된 스타일 변형을 선택할 수 있습니다. 버튼 블록의 경우 채우기, 외곽선, 텍스트만 등의 스타일을, 이미지 블록은 기본, 둥근 모서리 등을 선택할 수 있습니다. 또한 사이트 에디터에서 전역 스타일을 설정하면 모든 블록에 일관된 디자인을 적용할 수 있습니다. 색상 팔레트, 타이포그래피, 간격 등을 한 곳에서 관리하여 브랜드 일관성을 유지할 수 있습니다.
숨겨진 기능 15: 조건부 블록과 동적 콘텐츠
최신 Gutenberg 버전에서는 쿼리 루프 블록을 활용하여 동적 콘텐츠를 표시할 수 있습니다. 최신 포스트, 특정 카테고리의 글, 사용자 정의 포스트 타입 등을 자동으로 불러와 표시할 수 있으며, 필터와 정렬 옵션을 설정하여 맞춤형 콘텐츠 피드를 만들 수 있습니다. 코딩 없이 매거진 스타일의 홈페이지나 포트폴리오 갤러리를 구축할 수 있는 강력한 기능입니다.
| 기능 카테고리 | 시간 절약 | 난이도 | 활용도 |
|---|---|---|---|
| 슬래시 명령어 | 50% 향상 | 초급 | ⭐⭐⭐⭐⭐ |
| 키보드 단축키 | 60% 향상 | 중급 | ⭐⭐⭐⭐⭐ |
| 재사용 블록 | 70% 향상 | 초급 | ⭐⭐⭐⭐⭐ |
| 블록 패턴 | 80% 향상 | 초급 | ⭐⭐⭐⭐ |
| 리스트 뷰 | 40% 향상 | 초급 | ⭐⭐⭐⭐ |
실전 활용 전략과 워크플로우
이제 15가지 숨겨진 기능을 모두 알았으니, 이를 실전에서 어떻게 활용할지 구체적인 워크플로우를 소개하겠습니다. 효율적인 콘텐츠 제작의 핵심은 올바른 순서로 기능들을 조합하는 것입니다.
1단계: 구조 설계
새 페이지를 만들 때는 먼저 리스트 뷰를 열어두고 전체 구조를 계획합니다. 그룹 블록과 컬럼 블록으로 대략적인 레이아웃을 만들고, 각 섹션의 제목을 먼저 입력합니다. 이렇게 하면 전체 페이지의 흐름을 먼저 잡을 수 있으며, 나중에 내용을 채워 넣기가 훨씬 쉬워집니다.
2단계: 블록 패턴 활용
반복적인 레이아웃은 블록 패턴 라이브러리에서 찾아 사용합니다. 히어로 섹션, 기능 소개, CTA 영역 등은 패턴을 삽입한 후 내용만 수정하면 되므로 시간이 크게 절약됩니다. 자주 사용하는 패턴은 재사용 블록으로 저장하여 나만의 템플릿 라이브러리를 구축하세요.
3단계: 키보드 중심 작업
내용을 작성할 때는 가능한 한 키보드만 사용합니다. 슬래시 명령어로 블록을 삽입하고, 단축키로 포맷을 변경하며, Tab과 Shift+Tab으로 블록 간 이동합니다. 마우스 사용을 최소화하면 작업 속도가 2배 이상 빨라집니다. 추가 팁은 티스토리 AI 보조 작성기 활용법에서도 확인할 수 있습니다.
4단계: 반응형 확인과 최적화
콘텐츠 작성이 완료되면 반드시 모바일과 태블릿 뷰를 확인합니다. 상단 툴바에서 반응형 미리보기 모드로 전환하여 각 디바이스에서 어떻게 보이는지 점검하고, 필요시 모바일 전용 간격이나 크기를 조정합니다. 특히 컬럼 블록은 모바일에서 세로로 쌓이므로 순서가 적절한지 확인해야 합니다.
5단계: SEO와 접근성 최적화
앵커를 설정하여 목차를 만들고, 이미지에 대체 텍스트를 추가하며, 제목 태그 계층을 올바르게 구성합니다. 블록의 고급 설정에서 적절한 시맨틱 HTML 요소를 선택하여 검색 엔진과 스크린 리더가 콘텐츠를 정확히 이해할 수 있도록 합니다.
전문가의 워크플로우 비법
민경씨처럼 전문 편집자들은 다음과 같은 순서로 작업합니다:
- 리스트 뷰로 전체 구조 설계 (5분)
- 블록 패턴으로 레이아웃 구축 (10분)
- 슬래시 명령어와 단축키로 빠른 작성 (30분)
- 재사용 블록으로 공통 요소 삽입 (5분)
- 반응형 확인 및 최적화 (10분)
이 워크플로우를 따르면 평균 2시간 걸리던 페이지 제작을 1시간 내로 완성할 수 있습니다.
Gutenberg 마스터하기
Gutenberg 공식 사이트 페이지 빌더 비교하기 최신 워드프레스 기능 보기지금 Gutenberg를 마스터하면 웹사이트 제작 비용을 50% 절감할 수 있습니다!
자주 묻는 질문
Gutenberg 블록 편집기에서 '/' 슬래시 명령어를 입력하면 숨겨진 블록 탐색 메뉴가 나타납니다. 이 메뉴를 통해 모든 사용 가능한 블록을 빠르게 검색하고 삽입할 수 있습니다. 또한 상단 툴바의 '+' 버튼을 클릭하면 카테고리별로 정리된 전체 블록 라이브러리에 접근할 수 있으며, 최근 사용한 블록과 자주 사용하는 블록이 우선적으로 표시됩니다.
관련 자료: 워드프레스 페이지 빌더 비교 가이드
가장 유용한 Gutenberg 단축키로는 Ctrl+Shift+Alt+M (Mac: Cmd+Shift+Option+M)으로 마크다운 모드 전환, Ctrl+Alt+T (Mac: Cmd+Option+T)로 제목 블록 삽입, Ctrl+Alt+N (Mac: Cmd+Option+N)로 문단 블록 추가가 있습니다. 또한 '/' 슬래시로 블록 검색, Shift+Alt+H로 전체 단축키 목록 확인이 가능하며, Ctrl+Z/Y로 실행취소와 재실행을 빠르게 할 수 있습니다.
Gutenberg의 커스텀 설정은 우측 사이드바에서 접근할 수 있습니다. 각 블록마다 고유한 설정 옵션이 있으며, '고급' 탭에서 추가 CSS 클래스를 입력하거나 앵커 ID를 설정할 수 있습니다. 또한 재사용 블록 기능을 활용하면 자주 사용하는 블록 조합을 저장하여 다른 포스트에서 재사용할 수 있으며, 블록 패턴을 커스터마이징하여 나만의 템플릿을 만들 수 있습니다.
더 알아보기: 워드프레스 커스텀 포스트 타입 생성 가이드
블록을 효율적으로 관리하려면 '리스트 뷰' 기능을 활용하세요. 좌측 상단의 리스트 아이콘을 클릭하면 전체 블록 구조를 트리 형태로 볼 수 있으며, 드래그 앤 드롭으로 블록 순서를 쉽게 변경할 수 있습니다. 또한 블록 그룹화 기능으로 여러 블록을 하나로 묶어 관리하고, 블록 잠금 기능으로 실수로 삭제되지 않도록 보호할 수 있습니다.
2025년 Gutenberg 최신 업데이트에서는 AI 기반 콘텐츠 제안, 향상된 드래그 앤 드롭 인터페이스, 블록 간 빠른 복사/붙여넣기 기능이 추가되었습니다. 또한 반응형 편집 모드가 개선되어 모바일과 데스크톱 뷰를 실시간으로 전환하며 편집할 수 있고, 블록 변형 기능으로 한 블록 타입을 다른 타입으로 쉽게 변환할 수 있습니다.
실제 사례: 워드프레스 6.4 버전 신기능 상세 분석
'워드프레스' 카테고리의 다른 글
| 워드프레스 SEO 최적화 완벽 가이드 | Rank Math로 트래픽 75% 증가시키는 법 (0) | 2025.10.06 |
|---|---|
| 워드프레스 멀티사이트 구축 완벽 가이드 | 70% 시간 절약 비법 (0) | 2025.10.05 |
| "워드프레스 해킹 85% 막는 필수 보안 플러그인 3가지 | 2025년 최신" (0) | 2025.10.05 |
| "워드프레스 사이트가 느리다면? 80% 속도 향상 비법, 전문가도 몰래 보는 최적화 기술" (0) | 2025.10.05 |
| "워드프레스 6.4, 이 신기능 모르면 2025년 경쟁에서 뒤처진다" (0) | 2025.10.05 |