추가 패널

추가패널 속 블록의 종류와 사용 방법을 안내합니다.

추가패널이란?

추가 패널을 통해 섹션 단위 또는 블록 단위의 콘텐츠를 추가하여 사용할 수 있습니다.

추가 패널 속 다양한 디자인의 섹션 템플릿을 바탕으로 사이트의 업종, 성격에 맞춰 이미지, 내용등을 수정하여 보다 쉽고 편하게 페이지 디자인을 할 수 있습니다.

또한 빈 섹션을 생성하여 다양한 종류의 블록들을 사용해 직접 페이지를 만들어 나갈 수 있습니다.

이외에도 추가패널의 큐샵 메뉴를 통해 사이트, 관리자페이지 마이페이지 등으로 빠르게 이동할 수 있으며 튜토리얼 및 단축키를 확인하여 에디터 사용 방법에 대한 도움을 받을 수 있습니다.

섹션

섹션은 섹션 빠른 추가와 섹션형 템플릿 으로 구성이 되어 있습니다.

이 중 섹션형 템플릿은 다양한 주제에 맞춰 여러 디자인의 템플릿을 선택하여 페이지에 적용하게 됩니다. 템플릿을 선택한 후 이미지, 텍스트 등의 내용을 변경하여 보다 쉽고 빠르게 디자인을 할 수 있습니다.

1. 섹션 추가하기

1-1. 추가 패널 가장 위 [섹션 아이콘]을 클릭합니다.

1-2. 페이지의 주제에 맞는 카테고리 속 섹션 디자인을 확인한 후 선택합니다.

1-3. 추가한 섹션의 블록들을 수정하여 페이지 디자인을 합니다.

블록

블록은 그 용도에 따라 텍스트, 미디어, 아이콘, 상품 등 다양한 블록들이 준비 되어 있습니다. 섹션에 블록을 추가하고 배치하여 페이지의 주제에 맞는 디자인을 할 수 있습니다.

블록의 자세한 사용 방법은 각각의 블록 가이드를 참고 부탁드립니다.

1. 블록 추가하기

1-1. 추가 패널의 Quick 또는 원하는 블록 아이콘을 클릭합니다.

1-2. 항목 속 원하는 블록을 클릭합니다.

1-3. 섹션에 추가 된 콘텐츠를 확인합니다.

여러번 추가할 경우 동일한 자리에 계속 생성이 되니 주의해주세요.

2. 블록 배치하기

추가한 콘텐츠의 크기를 조절하고 이동시켜 원하는 위치로 배치할 수 있습니다. 이러한 과정을 통해 페이지의 레이아웃을 구성할 수 있습니다.

콘텐츠는 서로 겹쳐서 배치를 할 수있습니다.

2-1. 블록_크기 조절

  1. 추가한 블록의 대각선을 클릭합니다.

  2. 드래그&드랍으로 크기를 조절합니다.

  3. 블록 오른쪽 아래 콘텐츠의 비율을 확인합니다.

2-2. 콘텐츠_이동하기

  1. 이동하려는 블록을 클릭합니다.

  2. 드래그&드랍으로 섹션의 원하는 영역으로 이동합니다.

빨간 세로선을 통해 섹션의 중앙을 확인할 수 있습니다.

3. 블록 복사 / 복제

추가한 블록을 반복적으로 사용이 될 경우 복사 또는 복제를 할 수 있습니다. 복사 와 복제는 블록을 동일하게 생성한다는 공통점이 있지만, 생성 방식의 차이점이 있습니다.

설정 항목

복제 동일한 섹션에 복제한 블록이 생성 됩니다.

복사

블록을 복사한 후 원하는 섹션에 붙여넣습니다.

  • Ctrl + V 단축키 사용

4. 블록 설정하기

추가한 블록을 설정할 수 있습니다.

블록의 기본 설정은 오른쪽 속성패널을 통해 설정이 가능합니다.

4-1. 퀵 메뉴

항목

설명

변환하기 해당 콘텐츠를 다른 콘텐츠 요소로 변환합니다.

상세설정 콘텐츠의 상세 설정을 합니다.

  • 블록 더블 클릭을 통해 상세 설정 모달 확인 가능

앞으로 가져오기 콘텐츠의 위치를 앞으로 이동합니다.

뒤로 보내기 콘텐츠의 위치를 뒤로 이동합니다.

복제 콘텐츠를 같은 섹션에 복제합니다.

삭제 해당 콘텐츠를 삭제합니다.

더보기 컨텍스트 메뉴의 설정 항목을 확인하고, 설정을 할 수 있습니다.

  • 컨텍스트 메뉴 가이드 참고

숨기기 해당 콘텐츠를 숨김처리하여 실제 사이트에 반영이 되지않습니다.

  • PC 뷰포트에서 숨기기 설정을 할 경우 PC화면에서 숨김처리가 되며 모바일 뷰포트에서 숨기기 설정을 할 경우 모바일 뷰포트에서 숨김처리가 됩니다.

4-2. 컨텍스트 메뉴

설정을 하려는 블록을 우클릭하여 컨텐스트 메뉴를 확인할 수 있습니다.

컨텍스트 메뉴를 통해 블록 복사 숨기기 정렬변경 등의 설정을 할 수 있습니다.

항목

설명

오려두기

블록을오려두기 합니다.

  • 단축키Ctrl + V 를 통해 붙여넣기 가능

복사하기

블록을 복사 합니다.

  • 단축키 Ctrl + V 를 통해 붙여넣기 가능

디바이스 숨기기

PC / 모바일 뷰포트에서 해당 블록을 숨기거나, 숨김처리가 된 블록을 다시 보이게 합니다.

순서 정렬

섹션 내 블록의 노출 순서를 변경합니다.

변환하기

블록을 다른 콘텐츠로 변환합니다.

복제하기

블록을 같은 섹션에 복제합니다.

삭제하기

해당 블록을 삭제합니다.

큐샵 메뉴

추가 패널 가장 아래 위치한 큐샵 메뉴는 에디터 사용 중 사이트 바로가기, 관리자 바로가기 등 관리자 페이지로 쉽게 이동을 하거나 에디터 사용에 도움을 받을 수 있는 튜토리얼 단축키 문의하기 등의 내용을 담고 있습니다.

항목 설명

사이트 바로가기 새 탭을 통해 최종 게시 시점의 사이트를 열어봅니다.

관리자 바로가기 새 탭을 통해 [상점설정 > 기본정보 > 사이트 정보] 페이지로 이동합니다.

마이 페이지 새 탭을 통해 [큐브 홈페이지 > 마이페이지]로 이동하여, 사용자 정보를 설정할 수 있습니다.

마이 사이트 새 탭을 통해 [큐브 홈페이지 > 마이사이트]로 이동하여, 생성한 사이트 리스트를 확인 할 수 있습니다.

구독관리 새 탭을 통해 마이 페이지의 구독관리 탭으로 이동하여, 사이트의 구독 상태를 확인 할 수 있습니다.

튜토리얼 에디터 기본 사용법이 담긴 튜토리얼을 확인합니다.

문의하기 새 탭을 통해 큐샵 채널톡으로 이동이 되어, 실시간 채팅 문의를 할 수 있습니다.

단축키 에디터 사용 시 도움이 되는 단축키 정보를 모달창을 통해 확인 할 수 있습니다.

Last updated