기능

Canvas 기능: Canvas에 포함된 모든 것

Canvas는 동반 플러그인이 함께 제공되는 WordPress 테마입니다. 이 페이지에는 모든 기능 그룹, 각 기능의 역할, 자세한 내용을 확인할 수 있는 위치가 정리되어 있습니다. 모든 플랜에 이 기능이 전부 포함됩니다.

최종 업데이트

여기서 시작하기

대부분 가장 먼저 찾는 여섯 곳

각 항목마다 스크린샷과 요약 뒤에 있는 세부 내용이 담긴 별도의 페이지가 있습니다.

헤더 및 푸터 빌더

헤더, 푸터, 상단 바, 메가 메뉴, 사이드 패널, 페이지 제목은 블록으로 만들어 사이트 전체나 특정 페이지에 지정하는 항목입니다.

편집기

페이지는 전체 템플릿이 캔버스에 렌더링된 상태로 열립니다. 모든 블록에 블록 기본값, 전역 블록 스타일, 고급 패널이 제공되며 코어 블록도 포함됩니다.

블록과 패턴

314개 블록, 10개 카테고리, 183개 패턴. 페이지는 포함된 블록의 CSS와 자바스크립트만 불러옵니다.

데모 웹사이트

완성형 사이트 88개를 카테고리 16개에 걸쳐 제공합니다. 각 사이트는 페이지와 글, 메뉴, 양식, 콘텐츠 유형을 함께 가져옵니다. 모든 가져오기는 되돌릴 수 있습니다.

WooCommerce

상품 페이지, 상품 목록 그리드, 장바구니, 결제를 위한 24개 스토어 블록과 색상 스와치, 그리고 18개 스토어 템플릿.

Canvas AI

어떤 텍스트 필드든 생성하거나 개선할 수 있고, 한 번 설정한 비즈니스 설명, 톤, 타깃 독자를 바탕으로 미디어 라이브러리에 이미지를 바로 만들 수 있습니다.

기능으로 바로 이동

설정 마법사

활성화부터 완성된 사이트까지 9단계

Canvas를 활성화하면 설정 마법사가 열립니다. 마법사가 라이선스 등록을 처리하고, 선택한 데모를 가져오며, 해당 데모에 필요한 항목을 설치하고, 글을 쓰기 전에 SEO 기본 설정을 완료합니다.

9단계를 모두 살펴보세요.

Canvas 설정 마법사, 환영 단계

1 환영합니다

이 마법사는 Canvas를 처음 활성화할 때 열리며, 앞으로 진행할 단계를 보여줍니다.

Canvas 설정 마법사의 라이선스 단계

2 라이선스

라이선스 키로 이 웹사이트를 활성화하세요. 라이선스 확인이 저희 서버에 연결되지 못하는 경우에도 Canvas는 14일 동안 계속 작동합니다.

Canvas 설정 마법사, 차일드 테마 단계

3개 차일드 테마

선택 사항입니다. Canvas가 빈 자식 테마를 만들고 이를 활성화하므로, 직접 작성한 스타일과 템플릿 수정 내용은 업데이트 후에도 안전하게 유지됩니다.

Canvas 설정 마법사, 데모 단계

4개 데모

88개의 데모 웹사이트 중 하나를 선택하세요. 각 데모는 포함된 페이지, 글, 콘텐츠 유형을 보여 줍니다.

Canvas 설정 마법사의 플러그인 단계

5개 플러그인

Canvas는 선택한 데모에 필요한 플러그인을 설치하고 활성화합니다. 예를 들어 쇼핑몰이라면 WooCommerce 같은 플러그인이 해당됩니다.

Canvas 설정 마법사, 권장 단계

6개 추천

데모에 필수는 아니지만 선택할 수 있는 추가 구성 요소입니다. 원하는 항목을 선택하면 나머지 항목과 함께 설치됩니다.

Canvas 설정 마법사, 가져오기 단계

7 가져오기

데모는 단계별로 가져와집니다. 가져오기 과정에서 생성되는 모든 글, 용어, 첨부 파일, 메뉴는 추적되므로 가져오기를 되돌릴 수 있습니다.

Canvas 설정 마법사, SEO 단계

8개 SEO

사이트 제목과 설명을 설정하세요. 이후 Canvas가 콘텐츠를 바탕으로 제목, 설명, 구조화된 데이터를 자동으로 생성합니다.

Canvas 설정 마법사, 완료 단계

9 완료

선택한 미리보기와 비슷한 모습의 사이트가 열리며, 편집만 하면 되는 실제 콘텐츠가 들어 있습니다.

각 데모에 포함된 내용 살펴보기

테마 옵션

24개 섹션에 걸친 533개 옵션

데모가 자동으로 설정한 모든 항목은 직접 바꿀 수 있습니다. 전체 설정을 파일로 내보내고, 다음에 만들 사이트에서 가져올 수 있습니다.

테마 옵션의 모든 섹션

Canvas 테마 옵션, 헤더 섹션
헤더. 제품에서 가장 큰 섹션으로, 필드가 94개 있습니다.
Canvas 테마 옵션, 블로그 섹션
블로그. 아카이브, 단일 글, 글 메타를 위한 필드 33개.
Canvas 테마 옵션, 포트폴리오 섹션
포트폴리오. 포트폴리오 아카이브, 카테고리, 단일 레이아웃을 위한 20개 필드.
Canvas 테마 옵션, 쇼핑몰 섹션
쇼핑몰. WooCommerce 쇼핑몰, 제품 페이지, 장바구니, 결제를 위한 22개 필드.
Canvas 테마 옵션, 색상 섹션
색상. 8개 필드이며, 운영체제를 따르는 색상 구성표가 포함됩니다.
Canvas 테마 옵션, 가져오기 및 내보내기 화면
가져오기 및 내보내기. 전체 설정을 파일 형태로 사이트 간에 옮길 수 있습니다.

섹션은 헤더, 푸터, 페이지 제목, 블로그, 포트폴리오, 이벤트, 쇼핑몰, 양식, 위젯, 색상, 타이포그래피, 사이드 패널, 페이지 전환, 404 페이지, GDPR, AI, API 키, 블록, 소셜 프로필, 일반 설정, 가져오기 및 내보내기 화면, 그리고 그 밖의 항목을 위한 기타 섹션을 다룹니다. 사이트 전체 데모를 가져오면 데모의 전체 구성이 적용되므로, 선택한 디자인과 이미 맞는 옵션 세트에서 시작할 수 있습니다.

  • 모든 옵션은 참고 문서에 설명되어 있습니다.
  • 한 사이트의 설정을 내보내고 다른 사이트로 가져오기
  • 헤더 설정만으로 전체 533개 필드 중 94개를 차지합니다.
문서 기사 388개
폼

자체 제출 내역을 보관하는 폼 빌더

폼은 블록으로 만드는 레코드이며, 입력된 항목은 다른 사람의 받은편지함이 아니라 여러분의 데이터베이스에 저장됩니다.

다섯 개의 블록으로 폼을 만듭니다

Form은 필드를 담고, Form Field는 각 필드를 정의하며, Form Submit Button은 양식을 전송하고, Form Embed는 완성된 양식을 어떤 페이지에든 삽입합니다. Quick Contact는 사이드바나 푸터에 쓸 수 있는 간결한 연락처 양식입니다.

  • 제출 내용을 별도 테이블에 저장하고 관리자에서 목록으로 표시
  • 설정한 규칙에 맞는 파일 업로드
  • 예약된 개인정보 정리로 오래된 항목을 삭제합니다.
  • 회원 사이트용 로그인 및 회원가입 양식 블록
  • 22개의 폼 패턴과 26개의 테마 옵션 필드

88개 데모 중 83개에는 작동하는 폼이 하나 이상 포함되어 있어, 사이트의 첫 번째 폼은 대개 물려받아 편집하는 폼입니다. 데모 둘러보기.

Canvas 테마 옵션, 폼 섹션
테마 옵션, 폼. 기본값, 저장, 알림, 개인정보 보호를 위한 26개 필드.
콘텐츠 유형

제대로 갖춰진 포트폴리오, 이벤트, 블로그

이것들은 단순한 숏코드 세 개가 아닙니다. 각각 고유한 블록, 단일 템플릿, 카테고리, 옵션 섹션을 갖추고 있습니다.

포트폴리오

블록 8개, 단일 템플릿 57개, 아카이브, 카테고리, 옵션 20개. 필터 그리드, 메이슨리 레이아웃, 관련 작업, 전체 너비 사례 연구까지 지원합니다.

이벤트

캘린더를 포함한 블록 16개, 단일 템플릿 7개, 아카이브, 카테고리 및 옵션 15개. 일정, 연사, 티켓, 카운트다운.

블로그

블로그는 일반 WordPress 글이며, 그 위에 글 블록 31개, 단일 템플릿 14개, 옵션 33개가 더해집니다.

Canvas 테마 옵션의 포트폴리오 섹션: 활성화 스위치, 아카이브 레이아웃, 열 수, 카테고리 필터, 사이드바, 이미지 크기, 페이지당 항목 수, 페이지네이션 유형 필드
테마 옵션, 포트폴리오. 아카이브와 단일 페이지가 별도 탭에 있으며, 필터 바, 그리드 열, 페이지네이션 스타일을 모두 여기에서 설정합니다.
Canvas 테마 옵션, 이벤트 섹션: 이벤트 레이아웃, 다가오는/지난/전체 필터, 사이드바 및 위치, 이미지 크기, 페이지당 이벤트 수, 페이지네이션 유형
테마 옵션, 이벤트. 구조는 앞과 같습니다. 아카이브 탭, 단일 탭, 그리고 방문자가 예정된 이벤트와 지난 이벤트 중 무엇을 먼저 보게 될지 정하는 기본 필터가 있습니다.

데모에는 고유한 콘텐츠 유형도 포함됩니다. 카탈로그 전체에 걸쳐 44개가 있으며, 레스토랑의 메뉴 항목, 스파의 시술, 호텔의 객실, 부동산 중개업소의 매물, 병원의 의사 등이 그 예입니다. 이들은 데모와 함께 템플릿과 샘플 레코드도 함께 제공됩니다. 어떤 데모에 무엇이 포함되는지 확인하기.

타이포그래피

1,923개의 Google 폰트, Adobe Fonts, 직접 업로드한 파일

제목용 서체와 본문용 서체를 각각 선택하면, 선택 내용이 theme.json에 반영되어 편집기에서도 프런트엔드와 같은 서체로 표시됩니다.

  • 실제 굵기 범위를 갖춘 Google 패밀리 1,923개
  • 본인의 키트 URL을 통한 Adobe Fonts
  • woff2 및 woff 파일을 업로드하면 Canvas에서 글꼴 페이스 규칙을 작성합니다
  • 지정한 선택자에 적용할 맞춤 타이포그래피 규칙
  • 아무것도 불러오지 않고 싶을 때 쓰는 시스템 글꼴 스택
스타일이 모든 페이지에 적용되는 방식
Canvas 테마 옵션, 글꼴 선택기가 있는 타이포그래피 섹션
테마 옵션, 타이포그래피. 글꼴 선택기는 시스템 글꼴, Google 글꼴, Adobe Fonts 및 업로드한 글꼴을 그룹으로 묶어 보여줍니다.
아이콘

4개 팩의 아이콘 5,711개

블록 라이브러리 전반의 아이콘 필드는 모두 같은 선택기를 엽니다. 각 팩에는 고유한 스위치가 있으며, 직접 만든 팩도 등록할 수 있습니다.

1,951

Font Awesome 6 무료

506

Font Awesome 브랜드

2,050

Bootstrap Icons

1,204

Unicons

사이트에서 사용하지 않는 팩은 끌 수 있으며, 해당 팩의 선택 항목도 함께 사라집니다. 커스텀 팩은 기본 제공되는 네 가지 팩과 동일한 인터페이스를 통해 등록됩니다.

SEO

콘텐츠를 바탕으로 생성되는 기술 SEO

Canvas는 페이지에 있는 내용을 기준으로 렌더링 시점에 제목, 설명, 소셜 카드, 구조화된 데이터를 생성하므로, 콘텐츠를 두 벌로 관리할 필요가 없습니다.

  • 페이지마다 자동으로 만들어지는 제목과 설명, 게시물별 재정의 지원
  • Open Graph and Twitter cards
  • XML 사이트맵과 robots 규칙
  • 별도 플러그인 없이 애널리틱스 제공
  • 16 schema types, from Organization and Breadcrumbs to Product, Offer, Review and opening hours
성능
Canvas 테마 옵션, SEO 스키마 화면
팝업 및 오버레이

팝업, 모달, 오프캔버스 패널, 알림

팝업도 헤더나 푸터 같은 다른 요소와 마찬가지로 블록으로 만든 항목입니다. 한 번 디자인한 다음 표시 위치를 정하세요.

  • 자체 블록과 설정을 갖춘 팝업 레코드
  • Modal, Off Canvas, Overlay Content and Overlay Item blocks
  • 페이지 안의 메시지를 표시하는 Notification 및 Alert 블록
  • 4개의 팝업 패턴, 그리고 열어서 편집할 수 있는 팝업을 함께 제공하는 데모 4개
인터랙티브 블록 살펴보기
페이지 제목

페이지 제목 스타일 4개와 옵션 57개

헤더 아래의 밴드는 별도의 디자인 영역입니다. 기본, 미니, 이름이 지정된 템플릿 레이아웃, 또는 블록으로 만든 사용자 지정 스타일 중에서 선택할 수 있습니다.

  • 페이지 제목, 제목, 부제목, 브레드크럼, 버튼 블록
  • 사이트 전체에 적용되는 기본값이며, 각 페이지에서 재정의할 수 있습니다.
  • 배경, 높이, 정렬 및 자체 스위치가 있는 브레드크럼
빌더의 페이지 제목
Canvas 테마 옵션의 페이지 제목 섹션입니다. 상단에 기본, 미니, 템플릿, 사용자 지정 스타일 선택 항목이 있고, 그 아래에 정렬, 배경, 색 구성표, 부제목, 세로 여백 필드가 표시됩니다.
테마 옵션, 페이지 제목. 스타일, 정렬, 배경과 여백도 설정 항목으로 제공됩니다. ‘사용자 지정’을 선택하면 전체 영역을 블록 편집기로 넘깁니다.
Hero 및 Slider

슬롯 블록으로 배치된 레코드

히어로와 슬라이더는 각각 독립된 레코드입니다. 템플릿의 슬롯 블록은 페이지에 할당된 항목을 가져오므로, 같은 템플릿으로 도입부가 서로 다른 모든 페이지를 구성할 수 있습니다.

  • 블록으로 구성된 Hero 레코드와 Slider 레코드
  • Hero Slot 및 Slider Slot 블록은 블록 템플릿에 배치됩니다
  • 두 가지 모두 게시하기 전에 편집 캔버스에서 미리 렌더링됩니다.
  • 88개 데모 중 12개에 편집 가능한 슬라이더가 포함되어 있습니다
빌더 속 Hero 블록
다크 모드

운영체제를 따르는 색상 구성표

적응형 색 구성표를 켜면, 기기에 다크 모드를 요청한 방문자에게 다크 팔레트가 적용됩니다. 만들 토글도, 관리할 두 번째 스타일시트도 필요 없습니다.

  • 적응형 색상 방식은 방문자 본인의 선호 설정을 감지합니다.
  • 다크 및 미드나잇 스타일 변형이 테마에 기본 포함됩니다.
  • 총 스타일 변형 4개, 사이트 편집기에서 전환할 수 있습니다
사이트 편집기의 스타일 변형
기본, 보조, 강조, 텍스트, 배경 색상 필드 위에 적응형 색상 구성 전환 스위치가 있는 Canvas 테마 옵션의 색상 구성 섹션
테마 옵션, 색상 구성. 팔레트 상단의 전환 스위치 하나와 그 아래 다섯 가지 색상은 작성자가 블록 편집기에서 보는 색상 견본과 같습니다.
RTL 지원

테마 전체가 오른쪽에서 왼쪽으로 쓰는 언어에 맞게 좌우 반전됩니다.

WordPress를 아랍어, 히브리어 또는 페르시아어로 전환하면 레이아웃도 함께 바뀝니다. 메뉴, 그리드, 폼, 데모가 모두 올바른 방향으로 맞춰집니다.

  • 모든 Canvas 스타일시트에는 WordPress가 자동으로 불러오는 미러 버전이 있습니다.
  • 출시 전에 RTL(오른쪽에서 왼쪽) 방향으로 검수한 데모 88개
  • 모든 문자열을 번역할 수 있으며, 이 역시 별도의 기능입니다
번역
White Label

WordPress 관리자 화면에 나만의 브랜드를 적용하세요

연 US$99에 제공되는 계정 단위 애드온으로, 두 플랜 모두와 함께 사용할 수 있습니다. 바뀌는 것은 클라이언트가 보는 화면뿐이며, 사이트의 동작은 바뀌지 않습니다.

  • Canvas 기본 이름과 로고 대신 여러분의 브랜드 이름과 로고
  • 고객에게 라이선스 화면과 데모 화면 숨기기
  • 지원 링크를 직접 운영하는 헬프 데스크로 연결하세요
  • 표시 전용이라 사이트 동작은 바뀌지 않습니다
White Label 애드온
업데이트

다른 모든 업데이트가 표시되는 바로 그 화면에서

라이선스로 다운로드할 수 있고, 나머지는 WordPress가 처리합니다. 업데이트는 다른 모든 테마 및 플러그인과 함께 대시보드 및 업데이트 메뉴에 나타납니다.

  • 유지 보수 모드, 실패 시 롤백, 결과 이메일은 WordPress 자체에서 제공됩니다.
  • 패치 릴리스는 기본적으로 자동 설치되고, 기능 릴리스는 직접 설치할 때까지 기다립니다.
  • 업데이트로 직접 수정한 템플릿이 바뀌면 Canvas가 해당 템플릿을 알려 줍니다.
  • 만료된 라이선스는 업데이트만 중단하며, 렌더링에는 영향을 주지 않습니다.
라이선스 적용 범위
번역

모든 문자열을 번역할 수 있습니다

Canvas는 제품의 두 부분 모두를 위한 번역 템플릿을 제공하므로, 번역가는 코드를 건드리지 않고도 작업을 시작할 수 있습니다.

  • 플러그인의 번역 가능 문자열 13,090개
  • 테마의 번역 가능한 문자열 1,983개
  • 플러그인과 함께 WPML 설정 파일이 제공됩니다
  • 두 템플릿은 모든 릴리스마다 다시 생성됩니다.
릴리스에 포함된 내용
로드맵

새로운 데모가 2주마다 추가되며, 순서는 직접 정할 수 있습니다

2주마다 새로운 데모가 출시되며, 각 데모에는 필요한 기능이 함께 포함됩니다. 고급 CanvasAI Engine 블록 및 페이지 구성기는 곧 출시될 예정입니다. 만들고 있는 것과 부족한 점을 알려 주세요.

기능 또는 데모 요청

지원 포럼에 게시하세요. 투표를 가장 많이 받은 요청부터 구현하며, 모든 릴리스 노트에는 어떤 요청을 해결했는지 적혀 있습니다.

Canvas로 다음 웹사이트를 만들어 보세요

초보자, 프리랜서, 에이전시 모두 같은 블록과 같은 데모를 사용할 수 있습니다. 사이트 하나부터 시작해 같은 라이선스로 필요한 만큼 얼마든지 만들 수 있습니다.