추가 패널

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

추가패널이란?

추가 패널은 사이트 제작에 필요한 섹션 또는 블록 등 콘텐츠 추가를 위한 패널입니다.

추가 패널 속 다양한 디자인의 섹션 템플릿을 바탕으로 사이트의 업종, 성격에 맞춰 이미지, 내용등을 수정하여 보다 쉽고 편하게 페이지 디자인을 할 수 있으며 빈 섹션을 생성하여 다양한 종류의 블록들을 사용해 직접 페이지를 만들어 나갈 수 있습니다.

추가 패널 속 다양한 요소들의 자세한 내용 아래 가이드를 참고 부탁드립니다.

섹션

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

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

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. 퀵 메뉴

항목	설명
	변환하기 해당 콘텐츠를 다른 콘텐츠 요소로 변환합니다.
	상세설정 콘텐츠의 상세 설정을 합니다. 블록 더블 클릭을 통해 상세 설정 모달 확인 가능
	앞으로 가져오기 콘텐츠의 위치를 앞으로 이동합니다.
	뒤로 보내기 콘텐츠의 위치를 뒤로 이동합니다.
	복제 콘텐츠를 같은 섹션에 복제합니다.
	고정 토글을 활성화 하게 되면, 설정에 따라 블록이 고정이 되어 스크롤 시 함께 내려오게 됩니다. 블록 고정하기 가이드 참고
	ID 복사 블록 ID를 복사합니다. 복사하기 단축키(Ctrl + C)통해 블록 ID를 복사 할 수 있습니다.
	삭제 해당 콘텐츠를 삭제합니다.
	더보기 컨텍스트 메뉴의 설정 항목을 확인하고, 설정을 할 수 있습니다. 컨텍스트 메뉴 가이드 참고
	숨기기 해당 콘텐츠를 숨김처리하여 실제 사이트에 반영이 되지않습니다. PC 뷰포트에서 숨기기 설정을 할 경우 PC화면에서 숨김처리가 되며 모바일 뷰포트에서 숨기기 설정을 할 경우 모바일 뷰포트에서 숨김처리가 됩니다.

4-2. 컨텍스트 메뉴

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

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

Untitled

항목	설명
오려두기	콘텐츠를 오려두기 합니다. [Ctrl + V] 를 통해 붙여넣기 가능
복사하기	콘텐츠를 복사 합니다. [Ctrl + V] 를 통해 붙여넣기 가능
디바이스 숨기기	PC 또는 모바일 뷰포트에서 해당 섹션을 숨기거나, 숨김처리 된 섹션을 다시 보이게 합니다.
순서 정렬하기	섹션 내 콘텐츠의 노출 순서를 변경합니다.
변환하기	콘텐츠를 다른 콘텐츠로 변환합니다.
복제하기	콘텐츠를 같은 섹션에 복제합니다.
ID 복사하기	블록의 ID를 복사합니다. [Ctrl + V] 를 통해 붙여넣기 가능
삭제하기	해당 콘텐츠를 삭제합니다. 상단 메뉴바를 통해 실행 취소 및 복구 가능