# WordPress 블록 편집기로 사이트 전체를 편집하세요

URL: https://canvaswp.com/ko/editor/
Updated: 2026-11-05

편집기

전용 빌더도, 숏코드도 없습니다. Canvas는 헤더, Hero, 페이지 제목, 콘텐츠, 푸터를 편집 캔버스에 배치하고, 실제 디자인에 필요한 설정을 코어 블록을 포함한 모든 블록에 추가합니다.

[모든 블록 보기](https://canvaswp.com/ko/blocks/) [헤더 빌더](https://canvaswp.com/ko/header-builder/)

최종 업데이트 2026년 11월 5일

템플릿 잠금 편집

## 페이지를 열면 실제 페이지와 똑같이 보입니다

Canvas는 블록 편집기가 전체 템플릿을 렌더링하도록 설정합니다. 헤더와 히어로 영역, 페이지 제목 영역, 콘텐츠, 푸터까지 모두 캔버스 안에 나타나며, 프런트엔드를 그리는 것과 같은 코드로 그려집니다.

### 편집한 내용이 곧 방문자가 보는 화면입니다

대부분의 테마는 편집기에 흰색 상자를 넘기고 디자인은 프런트엔드에 남겨 둡니다. Canvas는 콘텐츠를 템플릿으로 감싸서 렌더링하므로, 페이지 옆이 아니라 페이지 안에서 작성하게 됩니다.

- 편집기와 프론트엔드를 위한 하나의 렌더러
- 템플릿은 표시되지만 페이지에서 직접 편집할 수 없으므로, 실수로 헤더와 푸터를 망가뜨릴 일이 없습니다.
- 이 페이지에 지정된 Hero, Slider, 페이지 제목은 게시하기 전에 이미 준비되어 있습니다.
- 너비와 간격은 실제 템플릿에서 가져오므로 전체 너비 섹션은 실제로 전체 너비로 보입니다

[사이트 프레임이 만들어지는 과정](https://canvaswp.com/ko/header-builder/#preview)

사이트 편집기

## WordPress에서 템플릿과 스타일이 보관되는 위치

Canvas는 WordPress 블록 템플릿을 기반으로 만들어졌습니다. 템플릿은 블록 템플릿이고, 파트는 템플릿 파트이며, 색상과 타이포그래피는 theme.json에서 가져옵니다. 따라서 사이트의 어떤 부분도 저희 설정 패널 안에 숨겨져 있지 않습니다.

### 템플릿 173개와 스타일 변형 4개

글, 포트폴리오 작업물, 이벤트, 제품, 데모에 포함된 모든 콘텐츠 유형을 위한 싱글 레이아웃과, 랜딩, 스플래시, 플러시, 풀블리드 페이지용 페이지 레이아웃.

- 사이트 편집기에서 편집 가능한 블록 템플릿 173개
- 헤더, 푸터, 페이지 제목, 사이드바를 위한 템플릿 파트 5개
- 4가지 스타일 변형, 다크와 미드나이트 포함
- theme.json의 색상과 타이포그래피가 한곳에서 편집기와 프론트엔드에 함께 반영됩니다

[다크 모드 및 색상 구성](https://canvaswp.com/ko/features/#dark-mode)

블록 설정

## 방문자에게 보이는 모든 것은 설정에서 바꿀 수 있습니다

텍스트와 링크, 이미지와 아이콘, 색상, 크기, 동작까지 블록이 렌더링하는 요소라면 사이드바의 컨트롤로 모두 바꿀 수 있습니다. 코드 편집기는 전혀 필요하지 않습니다.

### 한 번 설정하고 어디서든 재사용하세요

두 가지 시스템이 같은 작업을 반복하지 않도록 도와주며, 서로 다른 문제를 해결합니다.

- **기본값으로 저장.** 블록을 원하는 대로 설정한 뒤 그 설정을 해당 유형의 기본값으로 저장하세요. 다음에 삽입하는 블록은 이 설정으로 시작합니다. 앵커나 추가 클래스 같은 식별 설정은 복사되지 않습니다.
- **전역 블록 스타일.** 설정 묶음에 이름을 붙여 프리셋으로 저장하고 사이트 전체의 블록에 적용하세요. 그다음 프리셋을 한 번만 변경하면 해당 프리셋을 사용하는 모든 블록에 변경 사항이 반영됩니다.

[블록 라이브러리 둘러보기](https://canvaswp.com/ko/blocks/)

고급 옵션

## 코어 블록을 포함한 모든 블록에 동일하게 적용되는 컨트롤 4개

Canvas는 사이트에 등록된 모든 블록 유형에 고급 패널을 하나씩 추가하며, Canvas 블록에만 추가하지 않습니다. 코어 단락 블록에도 Canvas 블록과 동일한 애니메이션, CSS, 속성, 가시성 설정이 제공됩니다.

### 애니메이션

등장 애니메이션은 고유한 속도와 지연 시간으로, 퇴장 애니메이션은 별도의 지연 시간으로 설정할 수 있습니다. 실행되지 않는 JavaScript를 기다리며 보이지 않는 상태로 머무는 요소는 없습니다.

### 사용자 지정 CSS

이 블록 하나에 적용할 CSS를 작성하세요. Canvas는 CSS를 해당 블록에만 적용하고, WordPress가 인라인 스타일에 사용하는 것과 같은 필터를 거쳐 실행합니다.

### 사용자 지정 속성

블록의 루트 요소에 속성을 직접 추가할 수 있습니다. 분석 연동, 테스트 식별자, 또는 해당 속성을 요구하는 타사 스크립트에 활용하세요.

### 표시 조건

사용자 역할이나 기기에 따라 블록을 표시하거나 숨길 수 있어, 회원 전용 패널이나 휴대폰 전용 통화 버튼을 만들 때 플러그인이 필요 없습니다.

사용자 지정 클래스와 HTML 앵커는 이미 익숙한 WordPress 필드에 그대로 있으므로, 여기서 배우는 내용은 Canvas에만 해당하는 것이 아닙니다. 이 항목들은 일반적인 블록 속성이므로, 패턴이나 스크립트도 여러분과 똑같이 설정할 수 있습니다.

패턴

## 패턴 183개, 카테고리별 분류

패턴은 일반 블록으로 삽입되므로 순서를 바꾸고, 내용을 고쳐 쓰고, 삭제할 수 있습니다. 섹션을 만들 때의 출발점일 뿐, 우회해야 하는 잠긴 레이아웃이 아닙니다.

- **40** 헤더
- **24** 콘텐츠
- **22** 양식
- **16** 푸터
- **14** 블로그
- **13** Hero
- **12** 갤러리
- **12** 콜 투 액션
- **9** 가격
- **9** 페이지
- **8** 기능
- **5** 이벤트
- **4** 팝업
- **3** 소셜
- **2** 후기
- **2** 포트폴리오
- **1** FAQ

패턴은 여러 카테고리에 속할 수 있습니다. 헤더 및 푸터 패턴은 [헤더 빌더 페이지](https://canvaswp.com/ko/header-builder/#patterns)에서 다루며, 모든 패턴은 [블록 라이브러리](https://canvaswp.com/ko/blocks/)의 블록으로 만들어집니다.

표준 마크업

## 콘텐츠는 블록 마크업 형태로 유지됩니다

Canvas가 제공할 수 있는 가장 큰 강점은 여러분의 콘텐츠 중 어떤 것도 독점 형식으로 묶여 있지 않다는 점입니다. Canvas 블록은 WordPress 블록이 저장되는 방식 그대로 저장됩니다.

- Canvas의 모든 블록은 쇼트코드가 아니라 실제 설정 패널을 갖춘 등록된 블록 유형입니다
- 속성은 일반 블록 속성이라서 패턴, REST API, 명령줄에서도 설정할 수 있습니다.
- 블록은 테마가 아닌 Canvas 플러그인에 있으므로, 테마를 변경해도 페이지가 사라지지 않습니다.
- 코어 블록은 계속 작동하며 같은 고급 패널을 갖추게 됩니다

[비교 결과](https://canvaswp.com/ko/compare/)

블록 삽입기

## WordPress가 제공하는 삽입기의 209개 블록

Canvas 블록은 코어 블록과 함께 제공되며, 고유한 카테고리 10개로 묶여 있습니다. 데모 전용 블록 105개는 별도로 있으며, 해당 데모가 필요할 때 함께 표시됩니다.

### 이름으로 블록 검색

- 이름이나 키워드로 검색할 수 있으며, Canvas 카테고리도 함께 제공됩니다.
- 같은 패턴 탭에 있는 183개의 패턴
- 전체 314개 블록 중 228개는 무료 등급이며, 나머지는 모든 플랜에 포함됩니다.
- 페이지는 포함된 블록의 CSS와 JavaScript만 불러옵니다.

[속도가 중요한 이유](https://canvaswp.com/ko/performance/)

같은 편집기

## 여기서 할 수 있는 일 세 가지 더

헤더, 데모, 문구는 별도의 애플리케이션이 아닙니다. 이 페이지에서 설명하는 편집기에서 열리며, 같은 캔버스와 같은 사이드바를 사용합니다.

### 헤더 만들기

헤더는 헤더 블록으로 이루어진 레코드입니다. 편집 캔버스에서 편집하고, 레이아웃 모드와 클래스는 사이드바에서 설정합니다.

[헤더 빌더](https://canvaswp.com/ko/header-builder/)

### 데모 가져오기

모든 데모는 페이지, 크기, 카테고리를 표시하며, 한 번의 클릭으로 가져오고 같은 방식으로 되돌릴 수 있습니다.

[데모 라이브러리](https://canvaswp.com/ko/demos/)

### 문구 작성하기

CanvasAI Engine은 선택한 필드에 글을 작성하며, 한 번 설정해 둔 사이트 프로필을 사용하고, 진행하는 동안 크레딧 사용량을 보여 줍니다.

[Canvas AI](https://canvaswp.com/ko/ai/)

질문

## 편집 안내

나머지 답변은 [전체 FAQ](https://canvaswp.com/ko/faq/)와 [문서](https://docs.canvaswp.com/finding-your-way-around-the-editor)에서 확인할 수 있습니다.

**페이지 빌더 플러그인이 필요한가요?**

Canvas에는 페이지 빌더 플러그인이 필요하지 않습니다. Canvas는 동반 플러그인이 함께 제공되는 WordPress 테마이므로, 모든 블록, 헤더, 푸터, 히어로, 페이지 제목을 블록 편집기와 WordPress가 기본으로 제공하는 사이트 편집기에서 편집합니다. 익혀야 할 두 번째 편집기도, 외워야 할 숏코드도, 테마와 함께 갱신해야 하는 빌더 라이선스도 없습니다.

**테마를 바꾸면 페이지가 깨지나요?**

콘텐츠는 쇼트코드가 아닌 표준 블록 마크업으로 저장되므로, 어떤 테마에서도 코어 블록이 계속 표시됩니다. Canvas 블록은 테마가 아닌 Canvas 플러그인에서 제공되므로, 테마를 변경해도 게시물과 페이지에서 블록이 제거되지 않습니다.

**사이트 편집기에서 여전히 템플릿을 편집할 수 있나요?**

네, Canvas는 173개의 블록 템플릿, 5개의 템플릿 파트, 4개의 스타일 변형을 제공하며, 모두 WordPress가 보관하는 사이트 편집기에서 편집할 수 있습니다. 색상과 타이포그래피는 theme.json에서 가져오므로 스타일 패널에서 변경하면 모든 페이지에 반영됩니다.

**코어 블록에는 어떤 고급 옵션이 있나요?**

Canvas는 코어 블록에 애니메이션, 사용자 정의 CSS, 사용자 정의 속성, 표시 조건을 제공합니다. 사이트에 등록된 모든 블록 유형(다른 플러그인의 블록 포함)에 같은 패널을 추가하므로, 코어 블록과 필요한 설정이 있는 블록 중에서 고를 필요가 없습니다.

**라이선스가 만료되면 무엇이 작동을 멈추나요?**

Canvas 라이선스가 만료되어도 프런트엔드에서는 아무것도 멈추지 않습니다. 사이트는 프리미엄 블록을 포함해 지금과 똑같이 렌더링됩니다. 중단되는 것은 서비스입니다. 갱신할 때까지 업데이트, 데모 가져오기, AI 생성, 프리미엄 블록 편집이 멈춥니다. 라이선스 확인이 서버에 연결되지 못하면 14일의 유예 기간이 적용됩니다.