특별한 모바일 스타일 옵션을 제공하는 7.0 버전 템플릿에 대해 알아보세요.

모든 Squarespace 사이트는 반응형 디자인으로 최적화되어 있어, 사이트가 모든 모바일 기기나 브라우저의 형식에 맞게 조정될 수 있습니다.

7.0 버전의 일부 템플릿은 모바일에 특화된 사이트 스타일 조정을 통해 추가적인 사용자 정의를 제공합니다. 이 가이드는 이러한 옵션에 대해 설명합니다.

이 가이드는 7.0 버전을 위한 것입니다. 7.1 버전에는 별도의 모바일 스타일이 없습니다. 자세히 알아보려면 내 사이트는 모바일 기기에 어떻게 표시되나요?를 방문하세요.

템플릿별 옵션

변경 사항을 적용하면서 모바일 디자인을 미리 보려면 기기 화면 보기를 열기 전에 사이트 스타일을 여세요.

• 모바일 조정을 찾으려면 Ctrl + F(Mac의 경우 Command + F)를 누르고 Mobile이라는 단어를 검색하세요.
• 글꼴 크기를 조정하려면, Min이라는 단어를 검색하세요.

다음은 이러한 템플릿 그룹의 모바일 옵션입니다.

모바일 스타일의 유형

글꼴 크기 조정

글꼴 크기 조정 기능을 사용하면 제목, 표제 요소 및 기타 주요 텍스트의 최대 및 최소 크기를 수동으로 설정할 수 있습니다. 자세한 내용을 확인하려면 글꼴 크기 조정을 방문하세요.

로고 크기

로고의 모바일 크기를 조정할 수 있는 템플릿에서는 혼잡함을 줄이기 위해 모바일에서 사이트 로고를 더 작게 표시하도록 설정하는 것이 좋습니다.

참고: 별도의 모바일 로고 업로드는 Galapagos 에서만 지원됩니다.

모바일 탐색 바

모바일 탐색 바는 모바일 사이트의 상단 또는 하단에 표시됩니다. 사이트 머리말에는 사이트 제목이나 로고, 장바구니, 검색 아이콘과 같은 요소가 포함됩니다. 막대 색상을 사용자 정의하고, 요소가 표시될 위치를 선택하고, 고유한 모바일 스타일을 부여할 수 있습니다.

예를 들어, Brine 템플릿은 최대 두 개의 모바일 바를 지원합니다.

스토어 페이지

고급 템플릿이 지원하는 스토어 페이지의 경우, 품목 제목, 가격, 판매 가격을 모바일 디스플레이에 맞게 고유한 스타일로 지정할 수 있습니다. 자세히 알아보려면 스토어 페이지 스타일 지정하기를 방문하세요.