Montauk 템플릿 그룹의 스타일과 기능입니다.

Montauk 템플릿 그룹(Julia, Kent, Montauk, Om)은 페이지 배너와 다용도 섬네일 탐색 색인을 제공하여 내 정보, 제품 또는 러브 스토리를 돋보이게 합니다.

이 가이드는 Montauk 그룹의 기능과 디자인 옵션을 다룹니다. 사이트 스타일 조정 및 사이트 스타일 패널에 표시되는 섹션은 굵게 표시됩니다.

지원되는 페이지

Montauk는 다음과 같은 페이지 유형을 지원합니다.

• 앨범 페이지
• 블로그 페이지 - 목록
• 커버 페이지
• 이벤트 페이지
• 갤러리 페이지 - 스택형
• 색인 페이지 - 그리드
• 레이아웃 페이지
• 스토어 페이지 - 클래식

머리말

방문자는 상단의 머리말을 사용하여 사이트를 탐색합니다. Montauk에서 머리말에는 사이트 제목 또는 로고, 상단 탐색 링크, 머리말 부제목이라는 사용자 지정 가능한 영역이 있습니다.

• 옵션에서 캔버스 스타일 조정을 사용하여 레이아웃을 설정하세요.
• 왼쪽 및 오른쪽 레이아웃의 경우 옵션에서 스택 탐색 조정을 사용하여 탐색 링크를 쌓으세요.
• 크기 및 값 조정을 사용하여 머리말과 탐색 링크 사이의 간격을 변경하세요.

옵션에서 머리말 부제목 조정을 사용하여 머리말 부제목에 표시할 내용을 선택하세요.

• 주소에는 비즈니스 정보의 물리적 위치 필드에 있는 주소와 전화번호가 표시됩니다.
• 태그라인에는 사이트의 태그라인이 표시됩니다.
• 사용자 지정을 선택하여 텍스트 또는 기타 콘텐츠를 추가하세요. 사이트 스타일을 종료하고 자리 표시자 "여기에 사용자 지정 텍스트 입력"을 두 번 클릭하여 블록으로 바꾸세요.

테두리

사이트 전체 및 주요 콘텐츠의 상단과 하단에 테두리를 추가하세요.

• 색상에서 페이지 테두리 색상 조정을 사용하여 색상을 설정하세요.
• 옵션에서 페이지 테두리 조정을 사용하여 두께를 설정하세요.
• 옵션에서 페이지 테두리: 없음 조정을 선택하여 테두리를 숨기세요.
• 캔버스 스타일이 마스트헤드 로고 왼쪽 또는 오른쪽으로 설정되어 있으면 바깥쪽 테두리가 표시되지 않습니다.

배경

사이트 스타일의 색상 섹션에서:

• 사이트 배경을 사용하여 사이트 배경 색상을 설정하거나 사이트 배경 이미지를 사용하여 배경 이미지를 추가합니다.
• 캔버스 배경을 사용하여 주요 콘텐츠 영역과 사이트 머리말의 배경을 설정하세요.
• 배경 이미지가 로드되기 전에 사이트 배경 색상이 잠시 표시될 수 있습니다.
• 캔버스 배경 불투명도 슬라이더를 사용하여 아래와 같이 배경이 비쳐 보이도록 하세요.

팁: 테두리는 캔버스 주위에 표시됩니다.

바닥글

Montauk에는 블록으로 사용자 지정할 수 있는 세 개의 바닥글이 있습니다.

페이지 바닥글은 각 페이지마다 고유합니다.

• 컬렉션 아이템(예: 블로그 게시물)마다 고유한 바닥글이 있습니다.
• 색인에서 연 갤러리 및 레이아웃 페이지에는 페이지 바닥글이 표시되지 않습니다.

사이트 전체 바닥글에는 두 가지가 있습니다.

• 정보 바닥글 - 옵션에서 정보 바닥글 숨기기 조정을 사용하여 표시 여부를 선택하세요. 소셜 아이콘 숨기기를 사용하여 기본 제공 소셜 아이콘을 숨기세요.
• 하단 바닥글

페이지 배너

블로그, 이벤트, 색인, 레이아웃 페이지 상단에 텍스트 오버레이가 있는 배너를 만들 수 있습니다. 페이지 설정에서 대표 이미지 또는 비디오 URL을 사용해 배너를 추가하세요.

• 사이트 스타일의 옵션 섹션을 사용하여 배너, 페이지 제목 및 구분선 표시 여부를 선택하세요.
• 색인에서 레이아웃 페이지를 열면 배너가 표시되지 않습니다.
• 비디오 배너를 표시하려면 모바일 폴백 이미지가 필요합니다.

너비 및 높이

너비와 높이는 고정되어 있습니다.

• 너비 - 페이지 배너는 항상 캔버스 영역의 너비로 표시됩니다.
• 높이 - 높이는 이미지(또는 비디오 배너의 경우 모바일 폴백 이미지)에 의해 설정됩니다. 기본 제공 이미지 에디터를 사용하여 이를 변경할 수 있습니다. 통일성 있는 외관을 만들려면 모든 배너 이미지의 종횡비가 같아야 합니다.

배너 텍스트

페이지 제목 및 설명은 배너 위에 표시될 수 있습니다.

• 텍스트가 표시되려면 페이지에 배너 이미지 또는 비디오가 있어야 합니다.
• 브라우저 너비가 767픽셀보다 작은 경우 설명이 표시되지 않습니다.
• 텍스트 색상은 캔버스 배경(색상 아래의 캔버스 배경)과 일치합니다.
• 타이포그래피에서 페이지 제목 및 페이지 설명 조정을 사용하여 글꼴의 스타일을 지정하세요.
• 페이지 제목은 좁은 브라우저에서 크기가 고정됩니다.
• 검색 결과에 다른 텍스트를 사용하려면 SEO 제목 및 설명을 추가하세요.

모든 페이지에서 텍스트를 숨기려면 페이지 배너 숨기기 조정을 선택하세요. 페이지 설정에서 개별 페이지의 설명을 삭제할 수도 있습니다.

블로그 페이지

Montauk 블로그 페이지는 세로로 쌓인 게시물 목록으로 표시됩니다.

랜딩 페이지에서:

• 페이지 대표 이미지는 배너 이미지를 만듭니다.
• 각 게시물 위에 날짜와 작성자 이름이 표시됩니다. 기타 메타데이터는 아래에 표시됩니다.
• 특집 이미지, 비디오, 갤러리 블록은 요약이 있는 게시물의 게시물 제목 아래에 표시됩니다.
• 요약에는 "더 보기" 링크가 표시됩니다.
• 요약이 없는 게시물의 경우 개별 게시물의 전체 콘텐츠가 제목 아래에 표시됩니다.
• 블로그 페이지는 사이드바, 배너, 페이지 바닥글을 지원합니다.

개별 게시물에서:

• 블로그 페이지 대표 이미지는 배너 이미지를 만듭니다.
• 각 게시물 위에 날짜와 작성자 이름이 표시됩니다. 기타 메타데이터는 아래에 표시됩니다.
• 댓글 아래에 이전 및 다음 게시물의 탐색이 표시됩니다.

블로그 페이지 스타일 지정

색상에서 표제 요소 1 색상, 텍스트 색상, 블로그 메타데이터 색상 조정을 사용하여 게시물 제목, 텍스트, 메타데이터의 색상을 변경하세요.

사이트 스타일의 블로그 스타일 섹션에서:

• 기사 작성자 숨기기를 사용하여 작성자 표시 여부를 선택하세요.
• 블로그 게시물 간격을 사용하여 게시물 사이의 간격을 변경하세요.
• 블로그 게시물 제목을 사용하여 제목 글꼴을 변경하세요.

블로그 사이드바

사이드바는 랜딩 페이지와 게시물에 표시됩니다. 블록으로 사용자 지정하세요. 사이트에 블로그가 여러 개 있는 경우 모든 블로그에 동일한 사이드바가 표시됩니다. 사이드바는 페이지와 함께 위로 스크롤됩니다.

사이트 스타일의 블로그 스타일 섹션에서:

• 사이드바를 활성화하고 블로그 레이아웃을 사용하여 표시할 위치를 선택하세요.
• 사이드바를 숨기려면 블로그 레이아웃: 가운데를 선택하세요.
• 블로그 사이드바 너비를 사용하여 사이드바의 크기를 설정하세요.

팁: 사이드바를 처음 활성화했을 때 사이드바가 비어 있다면, 사이트 스타일을 종료하고 블로그 페이지의 상단 모서리에 커서를 올린 후 사이드바 콘텐츠 편집 주석을 클릭하세요.

갤러리 페이지

Montauk 갤러리 페이지에서는 이미지와 비디오가 세로로 쌓입니다. 한쪽에는 페이지 제목 및 설명이 표시되고, 다른 쪽에는 이미지가 표시됩니다. 다음 색인 스타일 조정을 사용하여 갤러리 페이지의 스타일을 지정하세요.

• 프로젝트 레이아웃을 사용하여 레이아웃을 뒤집으세요.
• 색인 사이드바 너비를 조정하여 이미지 크기를 변경하세요.

갤러리 텍스트

페이지 제목 및 설명의 경우:

• 색인 스타일에서 색인 섬네일 제목 조정을 사용하여 제목 글꼴을 설정하세요.
• 타이포그래피에서 표제 요소 2 조정을 사용하여 제목 크기를 조절하세요.
• 설명 텍스트는 본문 텍스트 조정을 따릅니다.
• 검색 결과에 다른 텍스트를 사용하려면 SEO 제목 및 설명을 추가하세요.
• 텍스트를 숨기려면 페이지 설정에서 제목 또는 설명을 삭제하세요. 이 경우 SEO 제목 및 설명을 추가하세요. 사이트에는 표시되지 않지만 SEO에 도움이 됩니다.

이미지 제목 및 설명은 각 이미지 아래에 표시됩니다.

• 텍스트는 본문 텍스트 조정을 따릅니다.
• 이미지 제목은 항상 굵게 표시됩니다.
• 텍스트를 숨기려면 이미지 에디터에서 제목 또는 설명을 제거하세요.

갤러리 페이지 추가 도움말

• 페이지 바닥글을 사용하여 하단에 사용자 지정 콘텐츠를 추가하세요.
• 색인에서 페이지를 열면 하단에 탐색이 표시됩니다.
• Montauk는 클릭스루 URL, 딥링크 URL 또는 라이트박스 기능을 지원하지 않습니다.
• 페이지 배너는 표시되지 않습니다.
• 다른 레이아웃을 만들려면 갤러리 블록이 포함된 레이아웃 페이지를 사용하세요.

색인 페이지

Montauk 색인 페이지는 방문자가 다른 페이지를 살펴보는 데 사용할 수 있는 섬네일 그리드를 만듭니다.

• 탐색 그리드에는 페이지 대표 이미지가 표시됩니다. 페이지에 비디오 배너가 있어도 그리드에 대표 이미지가 표시됩니다.
• 페이지 제목은 섬네일 아래에 표시됩니다.
• 페이지 배너와 페이지당 바닥글을 추가할 수 있습니다.
• 모바일에서는 색인 페이지에 행당 하나의 섬네일이 표시됩니다.

지원되는 페이지

다음 페이지를 색인에 추가할 수 있습니다.

• 레이아웃 페이지
• 갤러리 페이지
• 블로그 페이지
• 이벤트 페이지
• 스토어 페이지
• 앨범 페이지

색인 스타일 지정

다음 색인 스타일 조정을 사용하여 색인 페이지의 스타일을 지정하세요.

• 색인 섬네일 제목 색상을 사용하여 페이지 제목 색상을 설정하세요.
• 행당 섬네일 수를 사용하여 가로로 표시할 섬네일 수를 선택하세요.
• 섬네일 비율을 사용하여 섬네일 이미지의 높이를 설정하세요.
• 섬네일 불투명도를 사용하여 배경색이 비쳐 보이는 정도를 선택하세요.
• 마우스오버 시 섬네일 불투명도를 사용하여 방문자가 섬네일 위에 커서를 올렸을 때 섬네일이 흐려지는 정도를 선택하세요.

색인의 갤러리 및 레이아웃 페이지

색인에서 열린 갤러리 및 레이아웃 페이지에는 특수한 서식이 있습니다.

• 페이지 상단이 브라우저 상단에 표시됩니다. 방문자는 위로 스크롤하여 사이트 머리말을 볼 수 있습니다.
• 색인에 있는 다른 페이지의 클릭 가능한 섬네일이 페이지 콘텐츠 아래에 탐색 요소와 함께 표시됩니다.
• 레이아웃 페이지에는 배너가 표시되지 않습니다. 색인 페이지에 배너가 있으면 배너가 대신 표시됩니다. 그렇지 않으면 배너가 없습니다.
• URL에 해시태그(#)가 포함됩니다. URL에 #가 포함되지 않으면 특수 서식이 표시되지 않습니다.

페이지 제목 및 설명

페이지 제목 및 설명은 다음에 표시될 수 있습니다.

• 레이아웃, 블로그, 이벤트, 색인 페이지의 페이지 배너 위.
• 갤러리 페이지의 페이지.

소셜 아이콘

정보 바닥글에는 선택 사항으로 기본 제공 소셜 아이콘이 있습니다.

팁: Montauk의 데모 콘텐츠에는 하단 바닥글에 제거 가능한 소셜 링크 블록이 포함되어 있습니다.

글꼴

사이트의 텍스트에 대해:

• 타이포그래피 조정을 사용하여 글꼴과 크기의 스타일을 지정하세요.
• 색상 조정을 사용하여 색상의 스타일을 지정하세요.

사이드바

Montauk에서는 블로그 페이지와 게시물에 사이드바가 있습니다.

모바일

Squarespace의 내장된 반응형 디자인을 통해 사이트가 모든 기기에서 멋지게 보이도록 조정됩니다.

• 탐색은 가운데 상단의 메뉴 링크로 표시됩니다.
• 상단 탐색이 비어 있어도 모바일에서는 메뉴 링크가 항상 표시됩니다.
• 메뉴 배경은 색상 아래의 캔버스 배경 조정을 따릅니다.
• 갤러리 이미지는 페이지 설명 텍스트 아래에 쌓입니다.
• 모바일 스타일을 비활성화할 수 있지만 권장하지는 않습니다.

배너는 모바일에서 다르게 보일 수 있습니다.

• 스마트폰 및 브라우저 너비가 767픽셀보다 작은 경우 페이지 설명이 표시되지 않습니다.
• 방문자의 연결 속도와 비디오 브라우저 버전에 따라 모바일에서 비디오 배너가 표시되지 않는 경우가 있습니다. 비디오 배너를 로드할 수 없을 때 표시될 모바일 폴백 이미지를 설정하세요.
• 모바일 배너 및 배경 이미지 잘림 문제에 대한 문제 해결 팁을 참조하세요.

언어 옵션

이 그룹 내에서 Julia, Kent, Om 템플릿은 두 가지 언어 옵션을 지원합니다.

• 사이트의 기본 제공 텍스트(예: 제출 양식 및 주문 확인 메시지)에 대한 언어를 선택하세요.
• 프랑스어, 독일어, 이탈리아어, 포르투갈어 또는 스페인어 템플릿으로 새 사이트를 시작하세요.

Montauk 문제 해결

다음은 이 템플릿과 관련된 몇 가지 일반적인 문제입니다. 이 중 일부는 버그나 이미 알려진 문제입니다. Squarespace 버전 7.0은 여전히 지원되지만, Squarespace는 현재 플랫폼인 버전 7.1에 집중하고 있어 버그나 문제를 수정하는 것은 우선순위가 낮습니다. 업데이트 도구를 사용하여 버전 7.0 사이트를 버전 7.1로 이동할 수 있습니다.

사람들이 사이트를 통해 참석 여부를 응답할 수 있나요?

레이아웃 페이지에서 양식 블록을 사용하여 참석 여부 응답 버튼을 만들 수 있습니다. 이 블록은 방문자로부터 정보를 수집합니다. 양식 블록 에디터의 고급 탭에서 라이트박스 모드 활성화가 선택되어 있는지 확인하세요. 라이트박스 모드는 버튼을 클릭할 때 양식이 열리도록 설정하며, 페이지 자체에서 열리지 않도록 합니다.

실제로 어떻게 보이는지에 대한 예는 Naomi 템플릿의 데모 콘텐츠를 참조하세요.

내 갤러리 페이지의 머리말 글꼴을 변경하려면 어떻게 해야 하나요?

갤러리 페이지의 머리말 글꼴과 크기는 서로 다른 두 가지 조정으로 제어됩니다.

• 사이트 스타일의 색인 스타일 섹션에서 색인 섬네일 제목 조정을 사용하여 글꼴을 조정하세요.
• 타이포그래피 섹션에서 표제 요소 2를 사용하여 크기를 조정하세요.

Om 데모 콘텐츠에서 클래스 또는 워크숍 페이지를 다시 만들려면 어떻게 해야 하나요?

클래스 페이지는 양식 블록으로 사용자 지정된 레이아웃 페이지입니다. 예약을 통합하려면 사이트에 온라인 예약 추가를 참조하세요.

데모 콘텐츠에 표시된 워크숍 페이지는 이벤트 페이지입니다. 더 많은 도움이 필요하면 이벤트 페이지를 참조하세요.

Julia 데모 콘텐츠에서 레지스트리 페이지를 다시 만들려면 어떻게 해야 하나요?

데모 콘텐츠의 레지스트리 링크는 그리드 갤러리 블록이 포함된 레이아웃 페이지에서 클릭스루 URL이 있는 이미지를 사용하여 만들어집니다.

비즈니스 정보를 업데이트하려면 어떻게 해야 하나요?

비즈니스 정보는 사이트 머리말에 부제목으로 표시될 수 있습니다. 이 정보는 비즈니스 정보 패널의 물리적 위치 섹션에서 가져옵니다.

이를 편집하는 방법은 다음과 같습니다.

1. 설정 패널을 연 다음 비즈니스 정보를 클릭합니다.
2. 물리적 위치까지 아래로 스크롤한 다음 정보를 업데이트합니다.
3. 저장을 클릭합니다.

비즈니스 주소 필드의 변경 사항은 부제목에 표시되지 않습니다.

모바일 메뉴가 열리지 않습니다

잘못된 URL이나 임베드 코드를 사용하여 홈페이지에 비디오 배너를 추가한 경우 모바일 메뉴가 열리지 않습니다. 비디오 URL을 편집하는 방법은 다음과 같습니다.

1. 페이지 패널을 엽니다.
2. 왼쪽 패널의 홈페이지 제목 위에 커서를 올린 다음 을 클릭합니다.
3. 미디어 탭을 클릭한 다음 비디오 탭을 클릭합니다.
4. 비디오 URL 필드에 유효한 URL이 포함되어 있는지 확인합니다.

모바일에서 배경 이미지가 고정되지 않습니다

iOS를 포함한 많은 모바일 브라우저는 고정 배경 이미지를 지원하지 않습니다. 비슷한 효과를 얻으려면 크기: 커버 및 크기: 포함 배경 이미지 스타일 옵션을 사용해 보세요. 배경 이미지 스타일 설정은 모바일과 컴퓨터 모두에 적용됩니다.

더 많은 도움이 필요하면 반응형 디자인 문제 해결 팁을 참조하세요.

정보 바닥글이 사라졌습니다

정보 바닥글의 편집 주석이 표시되지 않는 경우 다음을 수행하세요.

1. 사이트 스타일 패널을 엽니다.
2. 옵션 섹션으로 스크롤합니다.
3. 정보 바닥글 숨기기를 선택 해제합니다.
4. 저장을 클릭합니다.
5. 사이트 스타일을 종료하고 페이지를 새로 고칩니다. 주석이 표시됩니다.

가로줄 블록이 표시되지 않습니다

가로줄 블록의 색상은 사이트 스타일의 색상 섹션에서 페이지 테두리 색상 조정을 사용하여 설정됩니다. 모든 선과 테두리가 보이도록 투명도가 불투명한지 확인하세요.

탐색이 두 줄로 나뉘어 있습니다

상단 탐색의 링크가 한 줄에 모두 들어가지 않으면 상단 탐색이 두 번째 줄로 넘어갑니다.

캔버스 스타일: 마스트헤드 로고 오른쪽 또는 마스트헤드 로고 왼쪽을 선택한 경우, 상단 탐색이 너무 길어 사이트 제목이나 로고 옆에 모두 표시되지 않으면 상단 탐색이 그 아래로 이동합니다.

상단 탐색의 모양이 마음에 들지 않으면 여러 가지 방법으로 서식을 조정할 수 있습니다.

• 탐색 내의 페이지 수를 줄이세요. 한 가지 방법은 드롭다운을 사용하는 것입니다.
• 페이지 이름을 더 짧게 변경하세요.
• 사이트 스타일의 크기 및 값 섹션에서 탐색 링크 간격을 줄여 링크를 더 가깝게 배치하거나, 측면 너비를 늘려 전체 사이트의 너비를 늘리세요.

페이지 제목 및 설명 크기가 변경되지 않습니다

브라우저 너비가 1041픽셀 미만인 경우 페이지 제목 및 페이지 설명의 글꼴 크기가 고정됩니다. 화면 크기에 따라 사이트 스타일에 있는 동안 미리 보기 창이 충분히 넓지 않아 크기 변경 사항을 확인하지 못할 수도 있습니다.

이 경우 변경 사항을 저장하고 사이트 스타일을 종료한 다음 전체 미리 보기를 열어 업데이트된 페이지 제목 및 설명 높이를 확인하세요. 변경 사항을 저장하고 별도의 사생활 보호 브라우저 창에서 사이트를 볼 수도 있습니다.

좁은 브라우저에서 페이지 제목이 더 크게 보입니다

페이지 제목은 배너 위에 표시됩니다. 브라우저 너비가 1041픽셀 미만인 경우 크기가 고정됩니다.

• 767픽셀 이하 - 글꼴 크기는 21px입니다.
• 768~1040픽셀 - 글꼴 크기는 52px입니다.

1041픽셀 이상의 브라우저에서는 사이트 스타일의 타이포그래피 섹션에서 페이지 제목 조정을 사용하여 크기를 설정하세요.

페이지 제목이 표시되지 않습니다

Montauk의 페이지 제목은 페이지 배너 위에 표시되어야 합니다. 페이지 제목이 표시되지 않는 경우:

• 해당 페이지에 대표 이미지 또는 비디오 URL이 설정되어 있는지 확인하세요.
• 사이트 스타일의 옵션 섹션에서 정보 바닥글 숨기기 및 페이지 배너 숨기기가 모두 선택 해제되어 있는지 확인하세요.

비디오 배너가 표시되지 않습니다

비디오 배너가 표시되지 않는 경우 모바일 폴백 이미지를 추가하세요.

1. 페이지 설정을 엽니다.
2. 미디어 탭에서 비디오를 클릭합니다.
3. 아래로 스크롤하여 이미지 업로더에 이미지를 추가합니다.
4. 저장을 클릭합니다.

다음 사항에 유의하세요.

• 모바일 폴백 이미지의 높이는 배너의 높이를 설정합니다.
• 색인 페이지의 경우 비디오가 색인 랜딩 페이지에 배너를 만들지만, 색인 그리드 섬네일에는 비디오가 표시되지 않습니다.

상단 탐색과 좋아요 및 공유 버튼을 가로지르는 가로선이 있습니다

이 선은 사이트 스타일의 색상 섹션에서 캔버스 배경 조정이 투명하거나 부분적으로 불투명할 때 표시됩니다. 캔버스 배경을 변경하거나 페이지 테두리 색상을 투명하게 만들어 선을 완전히 숨길 수 있습니다.

바닥글에 두 세트의 소셜 링크가 있는 이유는 무엇인가요?

Montauk 템플릿에는 소셜 아이콘을 표시하기 위한 두 가지 기본 제공 옵션이 있습니다. 정보 바닥글의 일부로 표시하거나 하단 바닥글에 소셜 링크 블록(데모 콘텐츠의 일부)을 사용하여 표시할 수 있습니다.

기본적으로 정보 바닥글과 소셜 아이콘은 숨겨져 있으며, 소셜 링크 블록은 하단 바닥글에 표시됩니다.

• 정보 바닥글: 사이트 스타일의 옵션 섹션에서 정보 바닥글 숨기기를 선택 해제하여 아이콘을 표시하세요. 그런 다음 소셜 아이콘 스타일 조정을 사용하여 아이콘의 모양을 변경하거나 소셜 아이콘 숨기기 조정을 사용하여 아이콘을 숨기세요.
• 하단 바닥글: 소셜 링크 블록을 편집하여 아이콘의 모양을 변경하거나 블록을 삭제하여 아이콘을 제거하세요.