추가 패널
추가패널 속 블록의 종류와 사용 방법을 안내합니다.
추가패널이란?
추가 패널을 통해 섹션 단위 또는 블록 단위의 콘텐츠를 추가하여 사용할 수 있습니다.
추가 패널 속 다양한 디자인의 섹션 템플릿을 바탕으로 사이트의 업종, 성격에 맞춰 이미지, 내용등을 수정하여 보다 쉽고 편하게 페이지 디자인을 할 수 있습니다.
또한 빈 섹션을 생성하여 다양한 종류의 블록들을 사용해 직접 페이지를 만들어 나갈 수 있습니다.
이외에도 추가패널의 큐샵 메뉴를 통해 사이트, 관리자페이지 마이페이지 등으로 빠르게 이동할 수 있으며 튜토리얼 및 단축키를 확인하여 에디터 사용 방법에 대한 도움을 받을 수 있습니다.
섹션
섹션은 섹션 빠른 추가와 섹션형 템플릿 으로 구성이 되어 있습니다.
이 중 섹션형 템플릿은 다양한 주제에 맞춰 여러 디자인의 템플릿을 선택하여 페이지에 적용하게 됩니다. 템플릿을 선택한 후 이미지, 텍스트 등의 내용을 변경하여 보다 쉽고 빠르게 디자인을 할 수 있습니다.
1. 섹션 추가하기
1-1. 추가 패널 가장 위 [섹션 아이콘]을 클릭합니다.
1-2. 페이지의 주제에 맞는 카테고리 속 섹션 디자인을 확인한 후 선택합니다.
1-3. 추가한 섹션의 블록들을 수정하여 페이지 디자인을 합니다.
블록
블록은 그 용도에 따라 텍스트, 미디어, 아이콘, 상품 등 다양한 블록들이 준비 되어 있습니다. 섹션에 블록을 추가하고 배치하여 페이지의 주제에 맞는 디자인을 할 수 있습니다.
블록의 자세한 사용 방법은 각각의 블록 가이드를 참고 부탁드립니다.
1. 블록 추가하기
1-1. 추가 패널의 Quick 또는 원하는 블록 아이콘을 클릭합니다.
1-2. 항목 속 원하는 블록을 클릭합니다.
1-3. 섹션에 추가 된 콘텐츠를 확인합니다.
여러번 추가할 경우 동일한 자리에 계속 생성이 되니 주의해주세요.
2. 블록 배치하기
추가한 콘텐츠의 크기를 조절하고 이동시켜 원하는 위치로 배치할 수 있습니다. 이러한 과정을 통해 페이지의 레이아웃을 구성할 수 있습니다.
콘텐츠는 서로 겹쳐서 배치를 할 수있습니다.
2-1. 블록_크기 조절
추가한 블록의 대각선을 클릭합니다.
드래그&드랍으로 크기를 조절합니다.
블록 오른쪽 아래 콘텐츠의 비율을 확인합니다.
2-2. 콘텐츠_이동하기
이동하려는 블록을 클릭합니다.
드래그&드랍으로 섹션의 원하는 영역으로 이동합니다.
빨간 세로선을 통해 섹션의 중앙을 확인할 수 있습니다.
3. 블록 복사 / 복제
추가한 블록을 반복적으로 사용이 될 경우 복사 또는 복제를 할 수 있습니다. 복사 와 복제는 블록을 동일하게 생성한다는 공통점이 있지만, 생성 방식의 차이점이 있습니다.
설정 항목 |
복제 동일한 섹션에 복제한 블록이 생성 됩니다. |
복사 블록을 복사한 후 원하는 섹션에 붙여넣습니다.
|
4. 블록 설정하기
추가한 블록을 설정할 수 있습니다.
블록의 기본 설정은 오른쪽 속성패널을 통해 설정이 가능합니다.
4-1. 퀵 메뉴
항목 | 설명 |
변환하기 해당 콘텐츠를 다른 콘텐츠 요소로 변환합니다. | |
상세설정 콘텐츠의 상세 설정을 합니다.
| |
앞으로 가져오기 콘텐츠의 위치를 앞으로 이동합니다. | |
뒤로 보내기 콘텐츠의 위치를 뒤로 이동합니다. | |
복제 콘텐츠를 같은 섹션에 복제합니다. | |
삭제 해당 콘텐츠를 삭제합니다. | |
더보기 컨텍스트 메뉴의 설정 항목을 확인하고, 설정을 할 수 있습니다.
| |
숨기기 해당 콘텐츠를 숨김처리하여 실제 사이트에 반영이 되지않습니다.
|
4-2. 컨텍스트 메뉴
설정을 하려는 블록을 우클릭하여 컨텐스트 메뉴를 확인할 수 있습니다.
컨텍스트 메뉴를 통해 블록 복사 숨기기 정렬변경 등의 설정을 할 수 있습니다.
항목 | 설명 |
오려두기 | 블록을오려두기 합니다.
|
복사하기 | 블록을 복사 합니다.
|
디바이스 숨기기 | PC / 모바일 뷰포트에서 해당 블록을 숨기거나, 숨김처리가 된 블록을 다시 보이게 합니다. |
순서 정렬 | 섹션 내 블록의 노출 순서를 변경합니다. |
변환하기 | 블록을 다른 콘텐츠로 변환합니다. |
복제하기 | 블록을 같은 섹션에 복제합니다. |
삭제하기 | 해당 블록을 삭제합니다. |
큐샵 메뉴
추가 패널 가장 아래 위치한 큐샵 메뉴는 에디터 사용 중 사이트 바로가기, 관리자 바로가기 등 관리자 페이지로 쉽게 이동을 하거나 에디터 사용에 도움을 받을 수 있는 튜토리얼 단축키 문의하기 등의 내용을 담고 있습니다.
항목 설명 |
사이트 바로가기 새 탭을 통해 최종 게시 시점의 사이트를 열어봅니다. |
관리자 바로가기 새 탭을 통해 [상점설정 > 기본정보 > 사이트 정보] 페이지로 이동합니다. |
마이 페이지 새 탭을 통해 [큐브 홈페이지 > 마이페이지]로 이동하여, 사용자 정보를 설정할 수 있습니다. |
마이 사이트 새 탭을 통해 [큐브 홈페이지 > 마이사이트]로 이동하여, 생성한 사이트 리스트를 확인 할 수 있습니다. |
구독관리 새 탭을 통해 마이 페이지의 구독관리 탭으로 이동하여, 사이트의 구독 상태를 확인 할 수 있습니다. |
튜토리얼 에디터 기본 사용법이 담긴 튜토리얼을 확인합니다. |
문의하기 새 탭을 통해 큐샵 채널톡으로 이동이 되어, 실시간 채팅 문의를 할 수 있습니다. |
단축키 에디터 사용 시 도움이 되는 단축키 정보를 모달창을 통해 확인 할 수 있습니다. |
Last updated