워드프레스 테마 편집기: 블록 테마 전체 사이트 편집과 사용자 정의 차이
워드프레스 테마 편집기는 블록 테마에서 헤더와 바닥글, 템플릿, 사이트 전체 스타일을 블록으로 편집하는 관리자 화면이며, 모양 메뉴에서 엽니다. 워드프레스 7.1.3과 Twenty Twenty-Five 테마에서 템플릿 8개와 템플릿 부분 7개를 직접 열어 확인해, 사용자 정의하기와 다른 점을 정리했습니다.
1️⃣ 워드프레스 테마 편집기 화면: 모양 › 테마 편집기
[모양] 메뉴에서 테마 편집기를 여는 항목 이름은 사용하는 테마에 따라 다릅니다. 블록 테마에서는 [테마 편집기]로 표시됩니다. GeneratePress나 아스트라처럼 편집기 스타일이나 [theme.json]을 지원하는 클래식 테마에서는 [디자인], 그 밖의 클래식 테마에서는 [패턴]으로 표시됩니다. 세 항목 모두 같은 편집기 화면 [site-editor.php]를 열지만, [디자인]에서는 스타일 북과 패턴 목록만, [패턴]에서는 패턴 목록만 사용할 수 있습니다.
| 테마 종류 | [모양] 메뉴 항목 | 열리는 화면에서 쓸 수 있는 것 | [사용자 정의] 메뉴 |
|---|---|---|---|
| 블록 테마(Twenty Twenty-Five) | 테마 편집기 | 스타일 · 템플릿 · 패턴 | ❌ |
| 편집기 스타일·theme.json 지원 클래식(GeneratePress · 아스트라) | 디자인 | 스타일 북 · 패턴 목록 | ✅ |
| 그 밖의 클래식(Ashe) | 패턴 | 패턴 목록 | ✅ |
[모양 › 테마 편집기]를 열면 관리자 메뉴 대신 [디자인]이라는 제목의 어두운 패널이 왼쪽에 표시되고, 오른쪽에 사이트 미리보기가 열립니다. 이 화면의 [스타일]과 [템플릿], [패턴]에서 블록 테마의 전체 사이트 편집을 진행합니다.
테마 파일을 코드로 직접 수정하는 [테마 파일 편집기]는 [테마 편집기]와 이름은 비슷해도 다른 화면이며, 블록 테마를 사용하면 [도구] 메뉴 아래에 표시됩니다.
사이트 제목과 태그라인, 로고, 아이콘은 왼쪽 [디자인] 패널의 [Identity]에서 설정합니다.
블록 편집기를 사용하여 웹 사이트의 모양을 사용자 정의하세요.
탐색 메뉴는 방문자가 사이트를 둘러볼 수 있도록 선별된 블록 모음입니다.
사이트를 편집할 때 사용할 수 있는 패턴을 관리합니다.
새 템플릿을 만들거나 테마에서 제공하는 템플릿에 대한 모든 사용자 정의를 초기화하세요.
블록 스타일 및 패턴을 탐색하여 사이트를 개선하세요.
색상, 타이포그래피, 블록 등 웹사이트의 시각적 아이덴티티를 미리 확인하세요.
사이트를 편집할 때 사용할 수 있는 패턴을 관리합니다.
사이트를 편집할 때 사용할 수 있는 패턴을 관리합니다.
블록 패턴은 사전 설정된 블록 레이아웃입니다. 영감을 얻기 위해 사용하거나 새 페이지를 바로 만드세요.
새 페이지 추가사이트에서 모든 것을 디자인 하세요 — 헤더부터 푸터까지, 블록과 패턴을 이용하면 됩니다.
사이트를 수정하거나 전혀 새로운 모양을 만드세요. 창의력을 발휘하세요 — 새 색상이나 폰트는 어떠신가요?
사용자 정의 도구 에서 사이트 로고, 헤더, 메뉴, 더 많은 것을 구성하세요.
사용자 정의 도구 열기새로운 종류의 워드프레스 테마가 있습니다. 블록 테마라고 하며 블록과 스타일로 항상 만들고 싶었던 사이트를 제작할 수 있습니다.
블록 테마에 대해 알아보기전체 사이트에 대해 특정 블록의 모양 사용자 정의하세요.
사이트 모양을 바꾸려면 변형을 선택하세요.
모든 소스의 모든 패턴 목록입니다.
모든 영역에 대해 정의된 모든 템플릿 부분을 포함합니다.
사용자 정의 템플릿이 적용되지 않았거나 전용 템플릿이 없는 경우 정적 페이지를 표시합니다.
모든 소스의 모든 패턴 목록입니다.
모든 소스의 모든 패턴 목록입니다.
2️⃣ 스타일: 사이트 전체 색과 글꼴, 스타일 변형
[스타일]에서 바꾼 색과 글꼴은 사이트 전체에 적용됩니다. 글꼴만 바꾸려면 [서체], 색만 바꾸려면 [색상]처럼 패널 항목을 하나씩 열어 사이트 전체 값을 정합니다. [블록]에서는 인용 블록처럼 블록 종류별 모양을 사이트 전체에 맞춥니다(공식 문서 기준).
[스타일 둘러보기]는 테마를 바꾸지 않고 색과 글꼴 조합을 한 번에 바꾸는 변형 목록이며, Twenty Twenty-Five 1.5는 기본값을 포함해 9개였습니다. 페이지 하나만 다르게 꾸밀 때는 변형 대신 그 페이지의 블록 설정에서 바꿉니다. 변형은 사이트 전체 모양을 한꺼번에 바꾸기 때문입니다.
3️⃣ 템플릿과 템플릿 부분: 헤더·바닥글 편집
헤더와 바닥글에 들어가는 사이트 제목과 메뉴의 배치는 템플릿 부분에서 편집합니다. 스타일은 색과 글꼴만 바꾸며 이 구성은 변경하지 않습니다.
| 구분 | Twenty Twenty-Five 1.5 | 역할 |
|---|---|---|
| 템플릿 | 8개 | 페이지, 단일 글, 보관함, 404 같은 화면 종류별 전체 틀 |
| 템플릿 부분 | 7개(헤더 3 · 푸터 3 · 일반 1) | 여러 템플릿이 함께 사용하는 헤더와 바닥글 |
| 스타일 변형 | 9개(기본값 포함) | 사이트 전체 색과 글꼴 조합 |
[템플릿]에서 [페이지]를 클릭하면 템플릿 편집 화면이 열리고, 오른쪽 [템플릿] 탭의 [콘텐츠]에 이 템플릿이 사용하는 헤더와 바닥글이 표시됩니다. 템플릿 부분은 여러 템플릿이 함께 사용하므로, 헤더를 수정하면 같은 헤더를 사용하는 모든 템플릿에 반영됩니다.
고친 내용은 편집 화면 오른쪽 위 [저장]을 클릭해야 방문자 화면에 반영되며, 바뀐 내용이 없으면 [저장] 버튼은 비활성화되어 있습니다.
4️⃣ 워드프레스 사용자 정의하기와 차이: 클래식 테마와 블록 테마
블록 테마에서는 [사용자 정의하기] 대신 테마 편집기에서 같은 설정을 블록으로 진행합니다. 그래서 사용자 정의하기를 사용하는 플러그인이나 테마가 없으면 블록 테마에서는 [사용자 정의] 메뉴가 표시되지 않습니다(공식 문서 기준).
블록 테마인 Twenty Twenty-Five를 사용하면 [모양] 메뉴에는 테마, 테마 편집기, 글꼴 세 항목만 표시되며, 클래식 테마의 위젯과 메뉴 자리는 템플릿 부분과 [탐색]이 대신합니다.
아스트라나 GeneratePress 같은 클래식 테마를 사용하면 [모양] 메뉴에 테마·디자인·사용자 정의·위젯·글꼴·메뉴가 표시되고, [테마 파일 편집기]도 이 메뉴에 포함됩니다. 위젯과 메뉴는 테마가 지원할 때만 나타나며, 헤더 이미지와 배경을 지원하는 테마에서는 [헤더]와 [배경]이 더해집니다.
GeneratePress를 [실시간 미리보기]로 열면 사용자 정의하기에 레이아웃과 색상, 타이포그래피, 일반 칸이 더해지며, 메뉴 위치를 정하는 [메뉴] 칸도 함께 나타납니다.
🔢 FAQ & 추천 콘텐츠
ℹ️ 제휴 안내
본 사이트의 콘텐츠에는 제휴 링크가 포함되어 있습니다. 방문자가 이 링크를 통해 상품 또는 서비스를 구매하면 본 사이트는 판매처로부터 수수료를 지급받습니다. 이 과정에서 구매자가 지불하는 금액(이벤트 할인 시 금액이 내려갑니다↓)은 오르지 않습니다. 게시된 가격·할인·재고 정보는 작성 시점 기준이며 실제와 다를 수 있으므로, 구매 전 판매처에서 최종 확인하시기 바랍니다. 상품 선정과 평가는 자체 기준에 따라 작성되며, 수수료 지급 여부가 소개 순서나 평가 내용에 영향을 주지 않습니다.