구조패널
구조패널에 대해 알아보고 각 요소의 사용법을 안내합니다.
구조패널이란?
에디터 왼쪽에 위치한 구조패널을 활용하여 사이트의 기본 정보를 설정하고 페이지를 생성,이동, 그룹을 지을 수 있으며 레이어를 통해 페이지에 담긴 콘텐츠의 구성을 확인하고 각 콘텐츠를 설정 할 수 있습니다.
1. 사이트
이트 이름, 제목, 설명 등 [관리자 페이지 > 상점 설정 > 기본 정보]의 사이트 정보 페이지를 통해 수정하는 사이트 정보를 수정합니다. 이곳에서 수정한 정보는 사이트 정보 페이지에 동일하게 적용이됩니다.
항목 | 설명 |
사이트 이름 | 사이트의 이름을 등록합니다. |
사이트 제목 | 네이버, Google등의 포털사이트 검색에 반영이 되는 이름입니다. 사이트 성격에 맞는 독특한 이름 사용을 권장 드리며, 일반적으로 많이 사용하는 단어를 사용하게 될 경우 검색 결과 반영에 어려움이 있을 수 있습니다. |
사이트 설명 | 사이트를 설명할 수 있는 키워드를 사용하여 내용을 기재합니다. 작성 된 설명은 네이버, Google 등 검색 결과에 영향을 줄 수 있습니다. |
대표 이미지 | 카카오톡 또는 인스타그램 등에 내 사이트 URL(링크) 입력 시 함께 출력되는 이미지를 설정합니다.
|
파비콘 이미지 | 파비콘은 브라우저의 주소창이나 즐겨찾기 등에 표시되는 아이콘입니다.
|
2. 페이지
사이트 디자인에 중요한 메뉴를 생성합니다. 메뉴 구성에 따라 사이트의 디자인 방향 및 진행 속도가 결정이 되기에 메뉴구성을 먼저 하시는것을 권장 드립니다.
메뉴추가 및 이동, 같은 주제를 갖는 메뉴들을 하나의 그룹으로 생성하고 설정하는 방법은 아래 내용을 참고 부탁드립니다.
2-1. 메뉴 추가하기
메뉴는 페이지 항목의 메뉴페이지 옆 [ + ] 버튼을 눌러 추가할 수 있습니다. 추가 된 메뉴는 페이지메뉴 콘텐츠를 통해 헤더섹션에 동일하게 보여집니다.
페이지 항목의 가장 위에 위치할수록, 페이지메뉴 블록 좌측에 위치합니다.
2-2. 메뉴 이동하기
페이지 항목에 추가한 메뉴를 위 또는 아래로 이동하여 메뉴 표시 순서를 변경할 수 있습니다.
페이지 항목에서 이동하려는 메뉴를 클릭합니다.
이동하려는 위치로 드래그 한 후 마우스를 놓습니다.
변경이 된 위치를 확인합니다.
메뉴 위치가 변경이 될 경우, 헤더 섹션의 페이지 메뉴의 위치도 변경이 됩니다.
2-3. 하위 메뉴 만들기
콘텐츠의 주제가 비슷한 여러개의 메뉴를 하나의 그룹으로 만들 수 있습니다. 최대 2뎁스의 형태로 그룹을 만들 수 있으며, 목적에 따라 폴더, 페이지를 상위 메뉴로 지정할 수 있습니다.
링크 메뉴는 상위메뉴로 지정이 불가능합니다
페이지 항목에서 하위메뉴에 위치할 메뉴를 클릭합니다.
상위메뉴로 지정이 될 메뉴에 겹쳐둡니다.
해당 메뉴의 하위로 위치한것을 확인하고 마우스를 놓습니다.
사이트 미리보기를 통해 상위메뉴에 마우스를 올려 드랍다운 형태로 노출되는 하위메뉴를 확인합니다.
2-4. 메뉴 설정하기
메뉴 설정을 통해 메뉴의 이름, URL 변경 및 읽기 권한 등 다양한 설정을 할 수 있습니다
메뉴 우측 메뉴 설정 아이콘을 통해 설정 항목을 확인할 수 있습니다.
페이지 메뉴 설정
항목 | 설명 |
홈페이지로 지정 | 사이트 접속 시 가장 먼저 보이는 홈페이지로 지정합니다. |
페이지 설정 | 사이트에 보여질 정보를 입력합니다.
|
SEO 설정 | SEO 설정은 검색 노출에 영향을 주는 항목입니다.
|
메뉴에서 숨기기 | 헤더 섹션의 페이지메뉴 콘텐츠를 통해 메뉴가 보이지않게 됩니다
|
복제하기 | 페이지의 내용을 모두 복사하여, 새 페이지를 생성합니다. |
삭제하기 | 메뉴를 삭제합니다
|
폴더 메뉴 설정
항목 | 설명 |
폴더명 수정 | 폴더의 이름을 변경합니다. |
메뉴에서 숨기기 | 헤더 섹션의 페이지메뉴 콘텐츠를 통해 메뉴가 보이지않게 됩니다.
|
삭제하기 | 메뉴를 삭제합니다
|
링크 메뉴 설정
항목 | 설명 |
링크 설정 | 링크 메뉴의 이름과 URL을 변경합니다.
|
메뉴에서 숨기기 | 헤더 섹션의 페이지메뉴 콘텐츠를 통해 메뉴가 보이지않게 됩니다 |
삭제하기 | 메뉴를 삭제합니다
|
3. 레이어
페이지 내 섹션, 블록의 위치를 확인하고 설정을 할 수 있습니다.
섹션 또는 블록 이름을 더블 클릭하여 이름을 변경하여 페이지 내 적용이 된 콘텐츠를 편하게 확인하고 관리할 수 있습니다.
3-1. 섹션
섹션 클릭 시 해당 위치로 스크롤 이동이 됩니다.
헤더/푸터 섹션은 우측 아이콘을 통해 모든 디바이스에서 숨기기 만 사용이 가능합니다.
항목 | 설명 |
섹션추가 | 해당 페이지에 새로운 섹션을 추가합니다. |
섹션 복제 | 같은 페이지에 해당 섹션을 복제합니다.
|
다른 페이지로 복제 | 다른 페이지에 해당 섹션을 복제합니다.
|
PC에서 숨기기/보이기 | PC 뷰포트에서 해당 섹션을 숨기거나, 숨김처리가 된 섹션을 다시 보이게 합니다.
|
모바일에서 숨기기/보이기 | 모바일 뷰포트에서 해당 섹션을 숨기거나, 숨김처리가 된 섹션을 다시 보이게 합니다.
|
삭제하기 | 해당 섹션을 삭제합니다. |
3-2. 블록
클릭 시 해당 블록이 선택 되며, 컨텍스트 메뉴에 있는 설정을 할 수 있습니다.
항목 | 설명 |
오려두기 | 블록을오려두기 합니다.
|
복사하기 | 블록을 복사 합니다.
|
디바이스 숨기기 | PC / 모바일 뷰포트에서 해당 블록을 숨기거나, 숨김처리가 된 블록을 다시 보이게 합니다. |
순서 정렬 | 섹션 내 블록의 노출 순서를 변경합니다. |
변환하기 | 블록을 다른 콘텐츠로 변환합니다. |
복제하기 | 블록을 같은 섹션에 복제합니다. |
삭제하기 | 해당 블록을 삭제합니다. |
Last updated
