처리중 입니다

둘러보기

Home sample

디자인 레이아웃 관리

1. 디자인 관리

01.디자인설정위치.jpg

01-01.디자인설정위치.jpg

🖥️ 디자인 레이아웃 설정 안내

[설정 경로]

  • [첫화면 설정] > [사이트 설정] 탭 클릭
  • [사이트/SEO 설정] > [디자인 설정] 탭 클릭

[주요 기능]

  • 레이아웃 관리: 사이트 제작 시 선택한 반응형 또는 모바일 전용 레이아웃을 확인하고 변경할 수 있습니다.

  • 화면 모드 설정: 브랜드 아이덴티티에 맞춰 사이트의 **화면 모드(다크/라이트 등)**를 커스텀 설정할 수 있습니다.




2. PC 헤더 레이아웃 설정

03.모바일설정.jpg

02.피씨설정.jpg

🎨 헤더 디자인 설정 가이드

[기본 안내] 제공되는 다양한 옵션을 조합하여 브랜드의 개성이 담긴 맞춤형 헤더를 제작할 수 있습니다.

[상세 설정 방법] '상세선택' 버튼을 클릭하면 레이아웃의 세부 디자인을 취향에 맞춰 정교하게 수정할 수 있는 옵션이 나타납니다.



2-1. 헤더 스타일

✅ 1번 스타일
02-01.피씨헤더스타일1.jpg
✅ 2번 스타일
02-01.피씨헤더스타일2.jpg
✅ 3번 스타일
02-01.피씨헤더스타일3.jpg


2-2. 헤더 정렬

✅ 왼쪽
02-01.피씨헤더스타일1.jpg

✅ 가운데
02-03.피씨헤더-가운데.jpg

✅ 오른쪽
02-03.피씨헤더-오른쪽.jpg




2-3. 헤더 배경

✅ 불투명
02-01.피씨헤더스타일1.jpg

✅ 투명

02-04.피씨헤더-투명.jpg* 투명 배경을 선택할 경우 본문의 높이가 헤더만큼 위로 올라갑니다.



3. 모바일 디자인

02.피씨설정.jpg

03.모바일설정.jpg


3-1. 모바일 헤더 스타일

✅ 1번 스타일
03-01.모바일헤더1.jpg

✅ 2번 스타일
03-01.모바일헤더2.jpg




3-2. 모바일 헤더 정렬

✅ 왼쪽 정렬
03-01.모바일헤더1.jpg

✅ 가운데 정렬03-02.모바일헤더-가운데.jpg

✅ 오른쪽 정렬03-02.모바일헤더-오른쪽.jpg




3-3. 모바일 헤더 유틸 노출

✅ 유틸 노출
03-01.모바일헤더1.jpg

✅ 멤버십만 노출03-03.유틸-멤버십.jpg

✅ 유틸 비노출 + 오른쪽 정렬
03-03.유틸비노출.jpg




3-4. 모바일 메뉴 스타일

✅ 1번 스타일03-04.모바일메뉴1.jpg

✅ 2번 스타일03-04.모바일메뉴2.jpg

✅ 3번 스타일03-04.모바일메뉴3.jpg




4. 상세 디자인 선택

04.폰트설정.jpg