큐샵 고객센터
  • 📌큐샵
    • 🧑‍💻고객센터 안내
    • 🏠시작하기
      • 📝사이트 개설하기
        • 빈페이지로 시작하기
        • 템플릿으로 시작하기
        • 큐샵AI로 시작하기
      • 🚀이용요금안내
      • 💎마이베네핏
      • 🎫플랜 활성화 코드
    • 🙋고객 포럼 기능 요청하기
  • 💡큐샵 가이드
    • 🖌️상점 디자인하기
      • 에디터 기본정보
        • 섹션
        • 상단 메뉴바
        • 구조패널
        • 속성패널
        • 추가 패널
          • 섹션
          • 텍스트
          • 미디어
            • 로티 활용하기
          • 쉐이프
          • 아이콘
          • 버튼/폼
            • 구글 폼
            • 타입 폼
            • 탈리
          • 상품
          • 메뉴
          • 고급
            • 스크롤링 블록
            • 코드 블록
            • 구글 지도 블록
            • 네이버 지도 블록
            • 테이블 블록
            • 게시판 블록
            • 공지사항 블록
            • 아코디언 블록
            • RSS 피드
    • 🛠️운영관리
      • 상품
        • 상품 등록
          • 유형상품 등록하기
          • 무형상품 등록하기
        • 상품 조회/수정
        • 템플릿 관리
        • 카테고리 관리
      • 판매
        • 주문관리
        • 취소관리
        • 반품관리
      • 쇼핑 연동
        • 네이버쇼핑
      • 혜택
        • 쿠폰 관리
        • 적립금 관리
      • 리뷰
      • 문의
        • 상품문의
        • 1:1문의
      • 회원
        • 회원 관리
        • 그룹 관리
      • 메시지
        • 메시지 발신 관리
        • 발신 기본설정
        • 자동발신 설정
        • 발신 예시
      • 콘텐츠
        • 공지사항 관리
        • 입력폼 관리
          • 재피어 연동하기
        • 팝업/배너 관리
        • 게시판 관리
    • ⚙️상점설정
      • 기본정보
        • 사이트정보
        • 관리자정보
        • 주소지정보
      • 회원 가입
        • 기본 로그인
        • 소셜 로그인
          • 네이버 로그인
          • 카카오 로그인
        • 가입약관
        • 본인인증
      • 운영환경
        • 상담 설정
        • 도메인 설정
          • DNS 레코드
        • SEO 설정
          • 네이버 서치어드바이저
          • 구글 서치 콘솔
          • 다음 웹마스터 도구
          • 빙(Bing) 웹마스터 도구
      • 쇼핑환경
      • 결제수단
        • 무통장입금
        • 전자결제
          • 신청 전 확인 사항
          • 에스크로
            • 에스크로 인증마크 삽입하기
          • 토스 신청하기
          • 나이스페이 신청하기
          • KG 모빌리언스 신청하기
          • 휴대폰 결제
    • 🫂성장센터
      • 네이버 애널리틱스
      • 네이버 프리미엄 로그 분석
      • 네이버 지도
      • 구글 애널리틱스
      • 구글 애즈
      • 메타 픽셀
      • 메타 전환 API
      • 메타 도메인 인증
      • 카카오
    • ➕활용 가이드
      • 브라우저 쿠키 및 캐시 삭제하기
      • PC↔︎모바일 전용 페이지 만들기
      • 콘텐츠 고정하기
        • 섹션 고정하기
        • 블록 고정하기
        • 플로팅 콘텐츠
      • 헤더 디자인하기
      • 배경 고정하기
      • 사이트 이미지 최적 해상도
      • 쇼핑몰 운영을 위한 기본설정
      • 쇼츠 영상 업로드하기
  • 🖱️큐샵링크
    • 큐샵 링크 생성하기
    • 에디터 기본정보
      • 콘텐츠
        • 콘텐츠 요소
      • 디자인
  • 🚀큐샵 소식
    • 공지 및 뉴스
      • 공지 사항
        • 2025년 04월 25일
        • 2025년 03월 12일
        • 2025년 02월 27일
        • 2025년 02월 25일
        • 2025년 01월 31일
        • 2025년 01월 20일
        • 2024년12월27일
        • 2024년11월06일
        • 2024년11월 05일
        • 2024년09월25일
        • 2024년09월09일
        • 2024년08월16일
        • 2024년08월12일
        • 2024년08월08일
        • 2024년06월03일
        • 2024년05월13일
        • 2024년05월02일
        • 2024년04월25일
        • 2024년04월03일
      • 업데이트 소식
        • 2025년 4월
        • 2025년 3월
        • 2025년 2월
        • 2025년 1월
        • 2024년 12월
        • 2024년 11월
        • 2024년 10월
        • 2024년 9월
        • 2024년 8월
        • 2024년 7월
        • 2024년 6월
        • 2024년 5월
        • 2024년 4월
        • 2024년 3월
Powered by GitBook
On this page
  • 구조패널이란?
  • 1. 사이트
  • 2. 페이지
  • 2-1. 메뉴 추가하기
  • 2-2. 메뉴 이동하기
  • 2-3. 하위 메뉴 만들기
  • 2-4. 메뉴 설정하기
  • 3. 레이어
  • 3-1. 섹션
  • 3-2. 블록

Was this helpful?

  1. 큐샵 가이드
  2. 상점 디자인하기
  3. 에디터 기본정보

구조패널

구조패널에 대해 알아보고 각 요소의 사용법을 안내합니다.

Previous상단 메뉴바Next속성패널

Last updated 1 year ago

Was this helpful?

구조패널이란?

에디터 왼쪽에 위치한 구조패널을 활용하여 사이트의 기본 정보를 설정하고 페이지를 생성,이동, 그룹을 지을 수 있으며 레이어를 통해 페이지에 담긴 콘텐츠의 구성을 확인하고 각 콘텐츠를 설정 할 수 있습니다.

1. 사이트

이트 이름, 제목, 설명 등 [관리자 페이지 > 상점 설정 > 기본 정보]의 사이트 정보 페이지를 통해 수정하는 사이트 정보를 수정합니다. 이곳에서 수정한 정보는 사이트 정보 페이지에 동일하게 적용이됩니다.

항목

설명

사이트 이름

사이트의 이름을 등록합니다.

사이트 제목

네이버, Google등의 포털사이트 검색에 반영이 되는 이름입니다. 사이트 성격에 맞는 독특한 이름 사용을 권장 드리며, 일반적으로 많이 사용하는 단어를 사용하게 될 경우 검색 결과 반영에 어려움이 있을 수 있습니다.

사이트 설명

사이트를 설명할 수 있는 키워드를 사용하여 내용을 기재합니다. 작성 된 설명은 네이버, Google 등 검색 결과에 영향을 줄 수 있습니다.

대표 이미지

카카오톡 또는 인스타그램 등에 내 사이트 URL(링크) 입력 시 함께 출력되는 이미지를 설정합니다.

  • 권장 해상도 1200 x 630

  • 최소 해상도 200 x 200px 이상

  • 파일형식 PNG, JPG

파비콘 이미지

파비콘은 브라우저의 주소창이나 즐겨찾기 등에 표시되는 아이콘입니다.

  • 권장 해상도 512 x 512

  • 최소 해상도 192 x 192px 이상

  • 파일형식 PNG

2. 페이지

사이트 디자인에 중요한 메뉴를 생성합니다. 메뉴 구성에 따라 사이트의 디자인 방향 및 진행 속도가 결정이 되기에 메뉴구성을 먼저 하시는것을 권장 드립니다.

메뉴추가 및 이동, 같은 주제를 갖는 메뉴들을 하나의 그룹으로 생성하고 설정하는 방법은 아래 내용을 참고 부탁드립니다.

2-1. 메뉴 추가하기

메뉴는 페이지 항목의 메뉴페이지 옆 [ + ] 버튼을 눌러 추가할 수 있습니다. 추가 된 메뉴는 페이지메뉴 콘텐츠를 통해 헤더섹션에 동일하게 보여집니다.

페이지 항목의 가장 위에 위치할수록, 페이지메뉴 블록 좌측에 위치합니다.

2-2. 메뉴 이동하기

페이지 항목에 추가한 메뉴를 위 또는 아래로 이동하여 메뉴 표시 순서를 변경할 수 있습니다.

  1. 페이지 항목에서 이동하려는 메뉴를 클릭합니다.

  2. 이동하려는 위치로 드래그 한 후 마우스를 놓습니다.

  3. 변경이 된 위치를 확인합니다.

메뉴 위치가 변경이 될 경우, 헤더 섹션의 페이지 메뉴의 위치도 변경이 됩니다.

2-3. 하위 메뉴 만들기

콘텐츠의 주제가 비슷한 여러개의 메뉴를 하나의 그룹으로 만들 수 있습니다. 최대 2뎁스의 형태로 그룹을 만들 수 있으며, 목적에 따라 폴더, 페이지를 상위 메뉴로 지정할 수 있습니다.

링크 메뉴는 상위메뉴로 지정이 불가능합니다

  1. 페이지 항목에서 하위메뉴에 위치할 메뉴를 클릭합니다.

  2. 상위메뉴로 지정이 될 메뉴에 겹쳐둡니다.

  3. 해당 메뉴의 하위로 위치한것을 확인하고 마우스를 놓습니다.

  4. 사이트 미리보기를 통해 상위메뉴에 마우스를 올려 드랍다운 형태로 노출되는 하위메뉴를 확인합니다.

2-4. 메뉴 설정하기

메뉴 설정을 통해 메뉴의 이름, URL 변경 및 읽기 권한 등 다양한 설정을 할 수 있습니다

메뉴 우측 메뉴 설정 아이콘을 통해 설정 항목을 확인할 수 있습니다.

페이지 메뉴 설정

항목

설명

홈페이지로 지정

사이트 접속 시 가장 먼저 보이는 홈페이지로 지정합니다.

페이지 설정

사이트에 보여질 정보를 입력합니다.

  • 이름 페이지의 이름을 변경합니다. 페이지 이름 변경 시 페이지메뉴의 명칭도 변경이 됩니다.

  • URL페이지 주소를 변경합니다. 도메인/URL 의 URL을 입력합니다.

  • 읽기 권한 페이지 컨텐츠를 볼 수 있는 권한을 설정합니다.

SEO 설정

SEO 설정은 검색 노출에 영향을 주는 항목입니다.

  • 제목 : 브라우저 탭에 보여지는 페이지의 제목을 입력합니다.

  • 키워드 : 페이지 주제에 맞는 키워드를 입력합니다.

  • 설명 : 페이지 주제에 맞는 설명을 기재합니다.

메뉴에서 숨기기

헤더 섹션의 페이지메뉴 콘텐츠를 통해 메뉴가 보이지않게 됩니다

  • URL을 통해 메뉴 접속 가능

복제하기

페이지의 내용을 모두 복사하여, 새 페이지를 생성합니다.

삭제하기

메뉴를 삭제합니다

  • 삭제가 된 메뉴는 복구 불가능

폴더 메뉴 설정

항목

설명

폴더명 수정

폴더의 이름을 변경합니다.

메뉴에서 숨기기

헤더 섹션의 페이지메뉴 콘텐츠를 통해 메뉴가 보이지않게 됩니다.

  • URL을 통해 메뉴 접속 가능

삭제하기

메뉴를 삭제합니다

  • 삭제가 된 메뉴는 복구 불가능

링크 메뉴 설정

항목

설명

링크 설정

링크 메뉴의 이름과 URL을 변경합니다.

  • 이름 링크 메뉴의 이름 변경

  • URL 페이지의 접속 경로를 설정

메뉴에서 숨기기

헤더 섹션의 페이지메뉴 콘텐츠를 통해 메뉴가 보이지않게 됩니다

삭제하기

메뉴를 삭제합니다

  • 삭제가 된 메뉴는 복구 불가능

3. 레이어

페이지 내 섹션, 블록의 위치를 확인하고 설정을 할 수 있습니다.

섹션 또는 블록 이름을 더블 클릭하여 이름을 변경하여 페이지 내 적용이 된 콘텐츠를 편하게 확인하고 관리할 수 있습니다.

3-1. 섹션

섹션 클릭 시 해당 위치로 스크롤 이동이 됩니다.

헤더/푸터 섹션은 우측 아이콘을 통해 모든 디바이스에서 숨기기 만 사용이 가능합니다.

항목

설명

섹션추가

해당 페이지에 새로운 섹션을 추가합니다.

섹션 복제

같은 페이지에 해당 섹션을 복제합니다.

  • 섹션 내 모든 콘텐츠 모두 복제

다른 페이지로 복제

다른 페이지에 해당 섹션을 복제합니다.

  • 섹션 내 모든 콘텐츠 모두 복제

PC에서 숨기기/보이기

PC 뷰포트에서 해당 섹션을 숨기거나, 숨김처리가 된 섹션을 다시 보이게 합니다.

  • 헤더 / 푸터 섹션은 모든 페이지의 PC와 모바일에서 숨김처리가 됩니다.

모바일에서 숨기기/보이기

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

  • 헤더 / 푸터 섹션은 모든 페이지의 PC와 모바일에서 숨김처리가 됩니다.

삭제하기

해당 섹션을 삭제합니다.

3-2. 블록

클릭 시 해당 블록이 선택 되며, 컨텍스트 메뉴에 있는 설정을 할 수 있습니다.

항목

설명

오려두기

블록을오려두기 합니다.

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

복사하기

블록을 복사 합니다.

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

디바이스 숨기기

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

순서 정렬

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

변환하기

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

복제하기

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

삭제하기

해당 블록을 삭제합니다.

💡
🖌️