템플릿 시작하기

시작하기

작업환경 이해하기

외부 폰트 넣기

텍스트 수정하기

텍스트 수정 (파란색 테두리)

텍스트 수정 (보라색 테두리)

상단(네비게이션) 메뉴 수정하기

하단(푸터) 정보 수정하기

이미지 수정하기

이미지 수정 (파란색 테두리)

이미지 수정 (보라색 테두리)

링크연결하기

상단(네비게이션) 메뉴 페이지 연결하기

인스타, 유튜브 등 외부링크 연결하기

Contact 이메일 연결하기

글쓰고 관리하는 CMS 수정하기

텍스트 수정하기

이미지 수정하기

디테일 페이지 이동하기

컨텐츠 생성하기 (CMS)

웹으로 보기

기본 설정(파비콘,프리뷰)하기

템플릿 구매 사용자 전용

작업환경 이해하기

페이지(Page), 레이어(Layer) 이동과 작업순서

첫화면 UI

오른쪽 패널 하단 Hide 버튼을 눌러 가볍게 닫고 시작하세요.
왼쪽 패널을 보기 위해 빈공간(회색공간 또는 화면)을 클릭해주세요.

오른쪽 패널 하단 Hide 버튼을 눌러 가볍게 닫고
시작하세요.
왼쪽 패널을 보기 위해 빈공간(회색공간 또는 화면)을 클릭해주세요.

기본 UI 이해하기

왼쪽 : Page / Layer/ Assets 구성
중앙 : 작업 화면(캔버스,Canvas)

오른쪽 : 속성 스타일 조정 패널(Properties)

Page 이동하기

각 화면의 전체 페이지 구성을 볼 수 있는 곳 입니다.

여러 페이지가 있을 경우, 탐색 및 전환 할 수 있습니다.

예시화면 페이지는 (Home, about, service, projects, project detail(*CMS 적용), contact, blog, blog detail(*CMS 적용), 404) 총 10페이지로 구성되어 있습니다.

여러 페이지가 있을 경우, 탐색 및 전환 할 수 있습니다.

예시화면 페이지는 (Home, about, service, projects, project detail(*CMS 적용), contact, blog, blog detail(*CMS 적용), 404) 총 10페이지로 구성되어 있습니다.

Layer 이동하기

텍스트, 이미지 수정 작업을 하는 곳입니다.

텍스트, 이미지 수정을 위한 작업을 해야할 때 먼저, Layers 패널을 클릭해주세요.

Layers 패널에는 웹페이지를 이루는 텍스트, 이미지와 같은 요소들의 목록입니다.

텍스트, 이미지 수정을 위한 작업을 해야할 때
먼저, Layers 패널을 클릭해주세요.

Layers 패널에는 웹페이지를 이루는 텍스트,
이미지와 같은 요소들의 목록입니다.

작업 순서

텍스트, 이미지를 수정하기 위해 Primary가 적혀있는 곳 부터 수정해주세요.

작업은 항상 Primary가 표시되어 있는 Desktop에서 먼저 진행해주세요.

편집 순서는 Desktop(1순위), Tablet(2순위), Phone(3순위) 순서대로 수정 작업을 진행해 주세요.

Desktop 변경 시 Tablet, Phone이 자동으로 바뀔수도 바뀌지 않을 수도 있습니다. 꼭 작업 순서를 지켜주세요.

작업은 항상 Primary가 표시되어 있는 Desktop에서 먼저 진행해주세요.

편집 순서는 Desktop(1순위), Tablet(2순위), Phone(3순위) 순서대로 수정 작업을 진행해 주세요.

Desktop 변경 시 Tablet, Phone이 자동으로 바뀔수도 바뀌지 않을 수도 있습니다. 꼭 작업 순서를 지켜주세요.

💡 Tip: 자동으로 저장되기 때문에 Ctrl + s 또는 Cmd + s와 같은 저장 단축키를 사용하지 않아도 됩니다.