개요
디자인 ➜ 웹사이트 구조 섹션의 사용자 지정 탭을 사용하면 웹사이트 헤더, 탐색 메뉴 및 모바일 메뉴의 디자인과 느낌을 세부적으로 조정할 수 있습니다. 아래 단계에 따라 새 사용자 지정 템플릿을 적용하고, 헤더 속성을 변경하고, 데스크톱 메뉴 스타일을 업데이트하고, 모바일 메뉴 환경을 개인화하세요.
재현 단계:
재현 단계
- SITE123 편집기에 로그인하세요
- 로그인 페이지로 이동하여 계정 자격 증명을 사용하여 로그인하세요.
- 디자인 섹션을 엽니다
- 메인 대시보드에서 왼쪽 사이드바에 있는 디자인을 클릭합니다.
- 웹사이트 구조 ➜ 사용자 정의 탭으로 이동
- 상단 표시줄에서 웹사이트 구조를 선택합니다.
- 사용자 정의 탭을 선택하면 사용자 정의 가능한 상자가 모두 표시됩니다.
- 사용자 정의 템플릿 선택
- 첫 번째 상자("템플릿")에서 드롭다운 목록을 열고 템플릿 21을 선택하여 사이트에 새로운 전체 구조를 적용합니다.
- 헤더 설정 조정
- 헤더 상자를 엽니다.
- 크기 선택기를 클릭하고 원하는 옵션을 선택하여 헤더 크기를 변경하세요.
- 같은 방식으로 헤더 글꼴 스타일을 변경하고 브랜드에 가장 잘 맞는 글꼴 스타일을 선택하세요.
- 데스크톱 메뉴 스타일 업데이트
- 메뉴 페이지 스타일 상자에서 스타일 선택기를 클릭합니다.
- 스타일 썸네일을 탐색하고 원하는 레이아웃(예: 갤러리의 9번째 옵션)을 클릭합니다.
- 모바일 메뉴 옵션 사용자 정의
- 모바일 메뉴 상자를 확장합니다.
- 각각의 드롭다운 컨트롤에서 모바일 메뉴 색상 과 텍스트 정렬을 설정합니다.
- 대상 고객에게 적합한 모바일 메뉴 유형 (버거, 하단 바 등)을 선택하세요.
- 저장하고 게시하세요
- 모든 변경 사항은 자동으로 저장됩니다. 사이트를 미리 보고 만족스러우면 '게시'를 클릭하세요.
요약
웹사이트 구조의 사용자 지정 탭을 사용하면 새 템플릿을 빠르게 적용하고, 헤더 스타일을 미세 조정하고, 데스크톱 메뉴 레이아웃을 선택하고, 모바일 메뉴의 모든 요소를 개인화할 수 있습니다. 이러한 조정은 데스크톱 및 모바일 기기 모두에서 원활한 탐색 경험을 보장하는 동시에 일관된 브랜드 아이덴티티를 유지하는 데 도움이 됩니다.
