사이트의 콘텐츠가 다양한 기기와 브라우저 창에서 어떻게 보이는지 검토하세요.

페이지를 편집하면 변경 사항이 화면 오른쪽에 표시됩니다. 이를 통해 로그인과 로그아웃을 반복하거나 편집과 미리 보기를 전환하지 않고도 업데이트 내용을 검토할 수 있습니다.

하지만 필요에 따라 이 기능만으로는 충분하지 않을 수 있습니다. 예를 들어, 화면이나 브라우저 창이 작으면 미리 보기에서 사이트가 컴퓨터가 아닌 모바일 기기에서 어떻게 보이는지를 표시합니다. Squarespace 앱을 사용해 모바일 기기에서 사이트가 어떻게 보이는지 확인할 수도 있습니다.

이 가이드는 편집하면서 사이트를 미리 보는 모든 방법을 설명합니다.

비디오 시청하기

페이지 전체 미리 보기

페이지 미리 보기 방법은 컴퓨터에서 사이트를 편집하는지, 아니면 Squarespace 앱에서 편집하는지에 따라 다릅니다.

블로그 게시물의 전체 미리 보기

블로그 게시물은 페이지와 마찬가지로 게시 전이나 게시 후에 미리 볼 수 있습니다. 블로그 게시물을 미리 보려면 다음 단계를 따르세요.

1. 블로그 게시물을 작성한 후 저장 및 게시를 클릭하면 공개되며, 저장을 클릭하면 초안으로 저장됩니다.
2. 사이드 패널에서 게시물 제목을 클릭하세요.
3. 게시물 미리 보기가 오른쪽에 표시됩니다. 모서리에 있는 확장 화살표를 클릭해 전체 미리 보기를 열 수 있습니다.
4. 화살표를 다시 클릭하면 사이드 패널이 다시 열립니다.

기기 화면 보기

기기 화면 보기를 사용해 사이트가 다양한 기기에서 어떻게 보이는지 미리 보세요.

시크릿 모드

방문자가 보는 것과 동일하게 사이트를 보려면 시크릿 모드에서 사이트를 열어보세요. 이 방법은 로그인 상태에서 표시되지 않을 수 있는 임베드 코드가 있는 경우에 유용합니다.

축소(고급)

대부분의 브라우저는 페이지를 확대하거나 축소하는 옵션을 제공합니다. 브라우저를 축소하면 더 넓은 화면에서 사이트가 어떻게 보이는지 빠르게 확인할 수 있습니다.

대부분의 브라우저에서 Ctrl(Mac에서는 ⌘) 키와 +, - 키를 함께 눌러 확대하거나 축소할 수 있습니다. 이 방법이 작동하지 않으면 확대/축소와 사용하는 브라우저 이름, 버전을 함께 검색해보세요.

참고: Squarespace에서의 편집은 100% 확대/축소에서만 지원됩니다. 화면 표시 및 편집 문제를 방지하려면 항상 브라우저를 100%/실제 크기로 설정하세요.

변경 사항을 적용하기 전에 미리 보기

일반적으로 변경 사항에서 저장 을 누르면 라이브 사이트가 즉시 업데이트됩니다. 다음은 방문자가 즉시 확인하지 못하도록 콘텐츠를 만드는 몇 가지 방법입니다.

• 페이지 비활성화로 방문자와 검색 엔진에서 숨기기
• 비밀번호를 설정해 페이지 숨기기
• 사이트 전체에 비밀번호 설정하기
• 페이지를 비연결 섹션으로 드래그해 탐색 메뉴에서 숨기기
• 템플릿 미리 보기로 적용 전 새로운 스타일 옵션 테스트