큐샵 빠르게 시작하기_에디터 사용법

1. 에디터 접속 방법

생성된 사이트의 이미지, 텍스트 등의 수정을 위해서는 큐샵 에디터에 접속해야해요.

[상점 디자인하기] 가이드를 통해 에디터 접속 방법을 확인하실 수 있어요.

2. 에디터 알아보기

에디터는 디자인을 위한 도구인 상단 메뉴바, 구조패널, 속성패널, 추가패널과, 디자인 내용을 볼 수 있는 뷰포트로 나뉘어져 있어요

[에디터 기본정보] 가이드를 참고하여 각 패널의 명칭과 사용법을 확인 하실 수 있으며, 각 패널에 대한 자세한 내용은 각 항목의 세부 가이드를 통해 확인을 할 수 있어요.

3. 메뉴 추가하기

메뉴는 사이트 구성에 가장 기본이 되는 요소로 페이지,폴더,링크 의 형태로 생성을 할 수 있어요.

[페이지] 가이드를 참고하여 용도에 맞게 다양한 메뉴를 추가해보세요

4. 디자인 수정하기

에디터를 통해 기존 디자인을 수정하는 것 뿐 아니라 새롭게 섹션, 블록을 사용하여 디자인을 해나갈 수 있어요.

사이트의 디자인은 페이지를 만들고 그 안에 섹션을 구성하고 섹션 위에 이미지/텍스트 등의 블록을 추가하는 방법으로 디자인을 하게 됩니다.

자세한 내용 [에디터 사용하기] 동영상 가이드를 참고 해주세요.

4-1. 섹션 알아보기

섹션은 디자인의 밑바탕이 되는 요소로, 용도에 따라 빈 섹션, 탭 섹션 등 다양한 섹션이 준비되어있어요.

아래 가이드를 참고하여 여러 종류의 섹션을 확인하고, 섹션을 설정하는 방법을 확인 할 수 있어요.

4-2. 블록 추가하기

사이트 디자인에 사용이 되는 이미지,텍스트,게시판 등 다양한 요소들을 블록이라고 불러요.

[블록 추가] 가이드를 참고하여 블록을 추가 할 수 있어요.

모든 블록은 ①더블클릭 또는 ②퀵 메뉴의 상세 설정 아이콘을 통해 수정이 가능해요.

사이트 구성에 가장 많이 사용이 되는 블록들은 아래 표를 확인 해주세요.

4-3. 모바일 디자인하기

큐샵에서 작업한 PC 디자인은 기본적으로 모바일에 최적화된 화면 디자인이 제공되지만, 자동으로 변환이 이루어지기 때문에 의도하지 않은 디자인으로 보일 수 있어요. 모바일 뷰포트를 통해 따로 수정을 할 수 도 있고, pc와 모바일 각각의 디자이스 별 전용 페이지를 만들어 서로 다른 디자인을 구성할 수도 있어요.

자세한 내용은 [PC↔︎모바일 전용 페이지 만들기]를 확인해주세요.

4-4. 고정콘텐츠 설정하기

섹션과 블록을 추가하여 디자인을 하는 것 이외에도, 고정 콘텐츠 기능을 사용하여 디자인을 더욱 다체롭게 할 수 있습니다.

아래 가이드를 참고하여 섹션/블록 고정을 할 수 있습니다.

[텍스트 가이드] [동영상 가이드]

5. SEO 설정하기

이렇게 완성을 한 사이트가 Google, 네이버 등의 포털사이트에 잘 검색이 되기 위해서는 사이트정보/페이지 정보와 같은 기본정보를 설정해줘야해요.

[사이트 정보] / [페이지 SEO 설정] 가이드를 참고하여 기본 정보를 추가해보세요!

6. 쇼핑 설정하기

큐샵에는 자사몰 운영을 위한 커머스 기능도 준비가 되어있어요.

상품 등록부터 결제 수단 연동까지 [쇼핑몰 운영을 위한 기본설정] 가이드를 통해 확인해보세요!