Brine 템플릿 그룹에서 발견되는 일반적인 문제 해결 방법입니다.

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

자세한 도움말은 Brine 템플릿 가이드를 방문하거나, Brine 템플릿 목록을 검토하세요.

머리말에 버튼 추가

머리말에 버튼을 추가하는 것은 특정 행동을 유도하는 좋은 방법이며, 예를 들어 특정 페이지로의 트래픽을 유도할 수 있습니다.

머리말에 버튼을 추가하는 방법에는 여러 가지가 있습니다.

• 탐색 사용: 탐색에서 콜투액션을 만들려면 보조 탐색에 링크를 하나만 두고, 보조 탐색을 버튼처럼 스타일 지정하세요. 기본 탐색은 원하는 다른 스타일로 지정하세요.
• 인트로 영역 사용: 인트로 영역에 버튼 블록을 추가해 개별 페이지에서 콜투액션을 만드세요. 메시지를 강조할 수 있도록 텍스트나 다른 블록을 추가하세요.

배너 이미지나 비디오가 표시되지 않음

Brine에서는 대부분의 페이지 유형에서 배너가 표시되지만, 다음 페이지에서는 지원되지 않습니다.

• 개별 블로그 게시물, 제품, 이벤트 상세 정보 페이지.
• 커버 페이지
• 메인 색인 페이지에 추가된 대표 이미지입니다. 대신, 대표 이미지를 색인 내 콘텐츠 섹션에 추가하세요.
• 방문자의 연결 속도와 비디오 브라우저 버전에 따라 모바일에서 비디오 배너가 표시되지 않는 경우가 있습니다. 비디오 배너를 로드할 수 없을 때 표시될 모바일 폴백 이미지를 설정하세요.

페이지에서 배너를 지원하지만 표시되지 않는 경우, 다음 문제 해결 단계를 따르세요.

1. 페이지 설정에서 미디어 탭을 클릭하세요.
2. 배너 이미지의 경우 이미지를 클릭하세요. 비디오 배너의 경우 비디오를 클릭하세요.
3. 이미지 또는 비디오가 있는지 확인하세요.
4. 저장을 클릭하고 페이지를 새로 고치세요.

배너가 여전히 표시되지 않는 경우:

1. 사이트 스타일에서 메인 섹션까지 스크롤하세요.
2. 인트로 패딩(여백)(배경 이미지 포함)을 늘리세요.
3. 메인: 오버레이 섹션에서 오버레이 색상이 완전히 불투명하지 않은지 확인하세요.
4. 저장을 클릭하고 페이지를 새로 고치세요.

배너가 여백 없음으로 표시되지 않음

배너는 일반적으로 브라우저의 가장자리까지 확장되는 여백 없음 방식으로 표시됩니다. 배너가 이렇게 표시되지 않는 경우, 사이트 레이아웃을 변경하세요.

1. 사이트 스타일에서 사이트 섹션까지 스크롤하세요.
2. 디자인: 전체 너비 또는 디자인: 전체 배경을 선택하세요.
3. 사이트: 테두리 섹션에서 테두리 표시가 선택 해제되어 있는지 확인하세요.
4. 저장을 클릭하고 페이지를 새로 고치세요.

블로그 게시물에 댓글 섹션이 없음

Brine에서는 개별 블로그 게시물에서 댓글을 활성화하더라도 기본적으로 블로그 댓글이 비활성화되어 있습니다.

사이트에서 댓글을 활성화하려면 다음 단계를 따르세요.

1. 블로그 환경 설정 패널을 엽니다.
2. 댓글 설정을 클릭하세요.
3. 댓글 전역 활성화를 선택하세요. 추가 댓글 설정이 표시됩니다.

자세히 알아보려면 블로그 댓글 및 간편 좋아요를 방문하세요.

이벤트 페이지 캘린더에서 월 텍스트 변경

이벤트 페이지 캘린더 레이아웃에서 월 이름은 캘린더 상단 중앙에 표시됩니다. 월 텍스트의 글꼴, 크기, 색상은 표제 요소 1 조정을 따릅니다. 이 조정을 수정하려면 다음 단계를 따르세요.

1. 표제 요소 1 텍스트가 포함된 사이트의 다른 페이지로 이동하세요.
2. 웹사이트 패널로 돌아간 후 디자인, 사이트 스타일을 차례로 클릭하세요.
3. 콘텐츠: 글꼴 및 콘텐츠: 색상에서 표제 요소 1 조정을 찾으세요.
4. 저장을 클릭한 후 이벤트 페이지로 돌아가 변경 사항을 확인하세요.

열이 잘못된 위치에 표시됨

콘텐츠 인셋이 있는 단일 열은 플로팅 블록 주위를 감쌉니다.

플로팅 블록이 단일 열 콘텐츠보다 높으면 아래의 다중 열 콘텐츠 레이아웃에 영향을 줄 수 있습니다. 이를 조정하려면 다중 열 콘텐츠 위에 여백 블록을 추가하세요.

전체 페이지 배경 이미지 만들기

색인 페이지를 사용해 배경 이미지가 있는 단일 페이지 효과를 만들 수 있습니다.

1. 색인 페이지를 만드세요.
2. 콘텐츠 섹션을 추가하세요.
3. 콘텐츠 섹션에 대표 이미지를 추가하세요. 이렇게 하면 배경 이미지가 생성됩니다.
4. 콘텐츠 섹션에 페이지 콘텐츠를 추가하세요. 대표 이미지 위에 콘텐츠가 오버레이됩니다.
5. 높이를 확장하려면 텍스트 블록 하단에 공백을 추가하세요.

슬라이드쇼 배너 만들기

색인 페이지를 사용해 슬라이드쇼 페이지 배너 효과를 만들 수 있습니다.

1. 색인 페이지를 만드세요.
2. 섹션 추가를 클릭해 첫 번째 섹션을 만드세요.
3. 갤러리를 선택한 후 여러 이미지를 컬렉션에 추가하세요.
4. 첫 번째 섹션으로 여러 이미지를 포함한 갤러리 색인 섹션을 추가하세요.
5. 사이트 스타일의 색인: 갤러리 섹션에서 레이아웃: 슬라이드쇼를 선택하세요. (이 설정은 사이트의 모든 갤러리 색인 섹션에 적용됩니다.)
6. 색인: 슬라이드쇼 갤러리 섹션에서 갤러리 자동 재생이 선택되어 있는지 확인하세요.
7. 갤러리 색인 섹션 아래에 콘텐츠 섹션을 추가하고, 페이지 콘텐츠를 거기에 넣으세요.

패럴렉스(시차) 스크롤링 비활성화

이렇게 하십시오:

1. 배너 이미지가 있는 페이지로 이동하세요.
2. 사이트 스타일에서 메인: 오버레이 섹션까지 스크롤하세요.
3. 패럴렉스(시차) 활성화를 선택 해제하세요.
4. 저장을 클릭하고 페이지를 새로 고치세요.

이 설정은 사이트 전체에 적용됩니다.

드롭다운 메뉴가 바닥글 탐색에 표시되지 않음

드롭다운은 바닥글 탐색에서 드롭다운 메뉴로 표시되지 않습니다. 대신 드롭다운 제목을 열 머리글로 사용해 별도의 열로 표시할 수 있습니다.

탐색에 드롭다운 메뉴를 추가하려면 기본 탐색 또는 보조 탐색에 드롭다운을 추가하세요.

머리말의 드롭다운 메뉴가 잘려서 표시됨

사이트 오른쪽 끝의 마지막 탐색 링크가 드롭다운 메뉴라면 페이지 제목이 잘려 보일 수 있습니다. 이 문제는 일반적으로 화면이 작은 기기(예: 태블릿)에서 발생하거나 사이트 패딩(여백) 스타일 조정이 줄어들었을 때 발생합니다. 이를 해결하려면 다음 단계를 따르세요.

1. 페이지 패널에서 드롭다운 메뉴를 만드는 드롭다운을 찾으세요.
2. 기본 탐색 섹션에서 드롭다운을 다른 위치로 이동하세요. 드롭다운이 마지막 위치에 있지 않는 한 페이지 제목은 온전히 표시됩니다.

바닥글이 페이지마다 다른 배경색을 가짐

이 문제는 바닥글 배경색이 부분적으로 또는 완전히 투명할 때 발생합니다. 대표 이미지가 없는 페이지에서는 바닥글 색상이 흰색 배경 위에 표시됩니다. 대표 이미지가 있는 페이지에서는 바닥글 배경색이 메인 콘텐츠 영역의 색상 위에 표시됩니다.

이를 해결하려면 다음 단계를 따르세요.

1. 사이트 스타일에서 바닥글 섹션까지 스크롤하세요.
2. 배경색이 완전히 불투명한지 확인하세요.

바닥글의 가운데 블록 영역이 사라짐

가운데 블록 영역의 모든 콘텐츠를 삭제하면 열 보기에서 해당 주석이 사라질 수 있습니다. 이를 해결하려면 임시로 누적 레이아웃으로 전환하세요.

1. 사이트 스타일에서 바닥글 섹션까지 스크롤하세요.
2. 레이아웃: 스택형을 선택하세요.
3. 사이트 스타일을 종료하세요.
4. 바닥글 가운데 블록 영역에 콘텐츠를 추가하세요.
5. 사이트 스타일을 다시 열고 레이아웃: 열을 선택하세요.
6. 저장을 클릭합니다.

머리말 요소가 올바르게 표시되지 않음

머리말의 동일한 영역에 너무 많은 요소가 표시되도록 설정하면 태블릿이나 작은 브라우저에서 겹칠 수 있습니다.

최상의 결과를 얻으려면 머리말의 각 요소를 서로 다른 위치에 배치하세요. 사이트 스타일의 머리말: 레이아웃 섹션에서 각 요소가 표시될 위치를 선택하세요.

머리말 옵션이 사이트 스타일에 표시되지 않음

일부 요소의 조정은 해당 요소가 사이트에 존재할 때만 사이트 스타일에 표시됩니다.

• 탐색 - 기본 탐색 또는 보조 탐색에 페이지나 링크를 추가하면 조정 옵션이 표시됩니다.
• 장바구니와 고객 계정 - 스토어 페이지를 만들면 조정 옵션이 표시됩니다. 바로 구매는 비활성화해야 합니다.
• 태그라인 - 태그라인을 추가하면 조정 옵션이 표시됩니다.
• 머리말: 아래쪽 - 머리말: 레이아웃 섹션의 아래쪽 절반에 요소를 하나 이상 추가하면 이 섹션이 표시됩니다.
• 머리말: 위쪽 - 머리말: 레이아웃 섹션의 위쪽 절반에 요소를 하나 이상 추가하면 이 섹션이 표시됩니다.
• 인트로 영역 - 인트로 영역을 지원하는 페이지에서 조정 옵션이 표시됩니다.
• 배너 - 배너를 지원하는 페이지에서도 조정 옵션이 표시됩니다.

표제 요소가 특정 너비에서 두 줄로 바뀜

Brine 템플릿 그룹에서는 브라우저가 약 1400픽셀일 때 일부 표제 요소가 두 줄로 바뀌고, 약 1120픽셀에서 다시 한 줄로 돌아옵니다. 이는 템플릿 디자인의 일부입니다.

아이콘과 사이트 제목이 모바일에서 겹침

모바일 탐색 표시줄의 요소가 겹치면 그중 하나 이상을 다른 탐색 표시줄로 옮기세요.

예를 들어, ☰ 메뉴를 위쪽에서 아래쪽 탐색 표시줄로 옮기려면 다음 단계를 따르세요.

1. 사이트 스타일에서 모바일: 메뉴 아이콘 섹션까지 스크롤하세요.
2. 위치를 아래쪽(왼쪽, 오른쪽 또는 가운데)으로 변경하세요.

겹치는 다른 요소에도 이 단계를 반복하세요.

색인 섹션이 브라우저 높이에 맞게 표시되지 않음

브라우저 높이에 맞게 일부 또는 모든 콘텐츠 섹션을 설정하려면 다음 단계를 따르세요.

1. 사이트 스타일에서 색인: 페이지 섹션까지 스크롤하세요.
2. 최소 높이 적용을 사용해 영향을 받는 섹션을 설정하세요.
3. 최소 높이를 100vh로 설정하세요.

섹션이 브라우저 높이를 채우지 않는 경우:

• 패딩(여백)(오버레이 페이지)과 패딩(여백)을 조정해 원하는 디자인을 얻을 때까지 시도해 보세요.
• 섹션 콘텐츠(패딩 포함)가 브라우저 높이보다 크면 원래 높이를 유지합니다.
• 미러 테두리 조정은 첫 번째 섹션의 표시에도 영향을 줄 수 있습니다.

갤러리 색인 섹션의 경우:

• 레이아웃: 슬라이드쇼 - 고정 높이 사용을 선택해 수동으로 높이를 설정하세요.
• 높이는 갤러리 이미지의 개수와 크기에 따라 자동으로 설정됩니다.

색인 페이지 미러 테두리 색상이 올바르지 않음

Brine의 미러 테두리 색상은 페이지와 동일합니다. 이를 설정하려면 사이트 스타일의 메인 섹션에서 색상을 사용하세요.

이미지가 사이트 너비에 맞게 표시되지 않음

이미지 블록은 콘텐츠 인셋을 따르지 않습니다. 대신 사이트 너비에 맞춰 표시됩니다. 사이트 스타일의 사이트 섹션에서 너비를 사용해 사이트 너비를 조정하세요.

또한 이미지 블록 편집기에서 늘이기를 선택하면 이미지가 블록의 전체 너비로 표시되도록 할 수 있습니다.

팁: Brine의 색인 페이지에서 전체 화면(여백 없음) 이미지를 만들려면 배경 이미지가 있는 레이아웃 페이지 섹션이나 슬라이드쇼 갤러리 페이지 섹션을 추가하세요.

모바일 정보 표시줄이 겹침

사이트 머리말이 모바일 정보 표시줄과 겹치는 경우, 방문자가 사이트 콘텐츠 탐색에 어려움을 겪을 수 있습니다. 이 문제는 고정 모바일 상단 스타일 조정과 모바일 정보 표시줄이 동시에 활성화된 경우 발생합니다. 이를 해결하려면 다음 단계를 따르세요.

1. 사이트 스타일에서 모바일: 상단 섹션까지 스크롤하세요.
2. 고정 모바일 상단 설정의 선택을 해제하세요.

고정 모바일 상단 조정을 유지하려면 대신 모바일 정보 표시줄을 제거할 수 있습니다.

모바일 사이트가 가로로 스크롤됨

페이지를 확대하면 가로 스크롤이 표시될 수 있습니다. 모바일 브라우저를 새로 고쳐 확대를 초기화해 보세요.

이 방법으로 문제가 해결되지 않는다면 사이트의 측면 패딩(여백)이 17픽셀 미만일 수 있으며, 이 경우 모바일 사이트가 브라우저 창보다 넓게 표시될 수 있습니다. 이를 해결하려면 다음 단계를 따르세요.

1. 사이트 스타일에서 사이트 섹션까지 스크롤하세요.
2. 측면 패딩(여백)이 17픽셀 이상인지 확인하세요.

모바일 스타일이 표시되지 않음

모바일 스타일 설정이 모바일 기기 및 기기 보기에서 표시되지 않는 경우, 사이트가 매우 좁은 브라우저에서만 모바일 보기로 전환되기 때문일 수 있습니다. 전환되는 너비를 초기화하려면 다음 단계를 따르세요.

1. 사이트 스타일에서 모바일 섹션까지 스크롤하세요.
2. 모바일 전환점이 640픽셀 이상으로 설정되어 있는지 확인하세요.
3. 저장을 클릭합니다.

탐색 표시줄이 예상과 다른 색으로 표시됨

하단 탐색 표시줄의 불투명도를 조정하면 맨 아래로 스크롤할 때 표시되는 색상은 설정에 따라 달라집니다. 사이트 테두리가 있으면 그 색상 위에 표시됩니다. 그렇지 않은 경우:

• 페이지 배너가 있으면 사이트 배경색 위에 표시됩니다.
• 배너가 없으면 바닥글 배경색 위에 표시됩니다.

패럴렉스(시차) 이미지가 지나치게 잘려 보임

메인: 오버레이 섹션에서 패럴렉스 스마트 크롭을 선택하세요. 이 옵션을 선택하면 배너 이미지는 패럴렉스(시차) 표시를 위해 필요한 최소한만 잘립니다.

사이트 제목이 모바일 기기에서 다르게 보임

장치에 따라 사이트 제목이 표시되는 방식을 변경할 수 있습니다. 템플릿의 사용자 지정 모바일 스타일을 사용해 데스크톱과 모바일에 서로 다른 글꼴 스타일을 설정할 수 있습니다.

기기 간 일관된 브랜딩을 유지하려면 사이트 스타일의 모바일 브랜딩 및 머리말 브랜딩 섹션에서 동일한 글꼴 스타일을 선택하세요.

색인 페이지의 상단 머리말에 있는 소셜 아이콘 색상이 잘못 표시됨

색인의 첫 번째 섹션이 갤러리이고, 첫 번째 색인 갤러리에 머리말 오버레이를 선택한 경우, 머리말의 소셜 아이콘은 소셜 아이콘의 색상(오버레이) 조정을 자동으로 따릅니다. 하지만 이 조정은 머리말: 레이아웃에서 소셜 위치를 머리말 하단 옵션 중 하나로 설정했을 때만 표시됩니다. 따라서 소셜 아이콘이 상단 머리말에 위치하면 예상치 못한 색상으로 표시되며 이를 변경할 수 없습니다.

이 색상 조정을 변경하려면 머리말: 레이아웃에서 소셜 위치를 일시적으로 머리말 하단 옵션 중 하나로 설정하세요. 색상을 변경한 후 소셜 아이콘을 다시 상단 머리말로 이동하세요.

텍스트가 좁고 중앙에 배치됨

일부 블록이 단일 열에 있을 때, 자동으로 페이지 중앙에 배치되며 양옆에는 여백이 생깁니다. 이를 콘텐츠 인셋이라고 합니다.

콘텐츠 인셋을 제거하려면 사이트 스타일의 메인 섹션에서 콘텐츠 인셋을 0으로 설정하세요.