사이트의 패딩(여백) 설정을 변경하여 불필요한 공백을 제거하세요.

"공백" 또는 "네거티브 스페이스"라고도 하는 빈 영역은 시각 디자인의 핵심 요소로, 차분하고 개방적인 레이아웃을 만들 수 있습니다.

사이트에서 조정하거나 제거하려는 빈 영역이 있는 경우, 이는 페이지 여백, 탐색, 머리말 및 바닥글과 같은 다양한 사이트 요소 주변의 레이아웃에 내장된 공간인 패딩(여백) 때문일 가능성이 큽니다.

클래식 에디터를 사용하는 경우 여백 블록과 같은 페이지의 추가 블록 때문일 수도 있습니다.

이 가이드는 빈 공간 문제를 해결하는 방법을 설명합니다.

시작하기 전에

• 모든 Squarespace 사이트에서는 패딩(여백)을 어느 정도 제어할 수 있지만, 특정 영역은 조정할 수 없을 수도 있습니다. 버전 7.0에서는 각 템플릿마다 고유한 스타일 지정 옵션이 있습니다.
• 클래식 에디터에서는 텍스트 블록이나 이미지 블록과 같은 블록 주위의 패딩(여백)을 조정할 수 없습니다.
• 표시되는 빈 공간의 양은 기기 크기, 브라우저 크기 및 해상도 설정에 따라 달라질 수 있습니다. 해상도 설정에 대한 도움이 필요하면 기기 제조업체의 지원팀에 문의하세요. 그러나 Squarespace의 반응형 디자인으로 인해 방문자마다 표시 방식이 달라질 수 있음에 유의하세요.
• 페이지의 콘텐츠 양이 브라우저 창보다 짧으면 페이지 콘텐츠와 바닥글 사이에 빈 공간이 표시될 수 있습니다. 이렇게 하면 사이트가 모든 브라우저 크기에 맞게 채워지므로 이를 완전히 방지할 수는 없지만, 페이지에 더 많은 콘텐츠를 추가하여 대부분의 브라우저 창에서 이를 방지할 수 있습니다.
• 스타일 변경으로 조정할 수 없는 사이트의 패딩(여백) 문제가 있는 경우, Squarespace Forum에서 도움을 받을 수 있습니다. Squarespace에서는 코드와 관련된 고급 수정에 대한 지원은 제공하지 않습니다.

패딩(여백) 옵션 확인

각 Squarespace 사이트마다 고유한 레이아웃과 내장된 패딩(여백) 및 스타일 옵션이 있습니다. 사이트에서 요소의 패딩(여백)을 조정할 수 있는지 확인하려면 빈 공간이 있는 페이지로 이동한 다음 스타일 옵션을 탐색하세요. 이 작업을 수행하는 방법은 사이트가 사용 중인 Squarespace 버전에 따라 달라집니다.

두 버전 모두에서 다음과 같습니다.

• 대부분의 패딩(여백) 조정에는 슬라이더가 있습니다. 패딩(여백)을 완전히 없애려면 슬라이더를 0px으로 이동하세요. 0px을 수동으로 입력하고 Enter 키를 누를 수도 있습니다.
• 패딩(여백) 변경은 모바일 레이아웃에 다르게 영향을 미칠 수 있으므로 패딩(여백)이 모바일에서 어떻게 보이는지 확인하세요.
• 패딩(여백) 스타일 지정은 템플릿의 모든 페이지, 특히 바닥글과 같은 영역에 적용되는 경우가 많습니다. 사이트의 다른 페이지를 확인하여 이것이 어떻게 적용되었는지 확인하세요.
• 일부 패딩(여백)은 내장되어 있어 제거하거나 변경할 수 없습니다.

추가 블록 확인

클래식 에디터에 원치 않는 빈 공간이 있는 경우 추가 블록이 있는지 확인하세요. 여백 블록, 코드 블록 및 비어 있는 텍스트 블록은 페이지 에디터가 열려 있지 않을 때 빈 영역으로 표시될 수 있습니다. 텍스트 블록의 추가 줄 바꿈도 빈 공간을 만들 수 있습니다.

원치 않는 블록을 확인하고 삭제하는 방법:

1. 페이지 패널을 열고 제거하려는 빈 공간이 있는 페이지를 클릭합니다.
2. 페이지 위에 커서를 올리고 편집을 클릭하여 페이지 에디터를 엽니다. 블로그 게시물이나 이벤트와 같은 개별 컬렉션 아이템의 경우, 아이템을 클릭하고 그 위에 커서를 올린 후 편집을 클릭합니다.
3. 미리 보기 영역에서 빈 공간 위에 커서를 올립니다. 빈 공간이 추가 블록에서 발생한 경우 블록 유형에 대한 주석이 표시됩니다. 블록을 클릭하면 그 위에 휴지통 아이콘이 표시됩니다.
4. 휴지통 아이콘을 클릭한 다음 예를 클릭합니다.
5. 변경 사항을 저장합니다.

페이지, 블로그 게시물, 바닥글과 같이 블록을 지원하는 사이트의 모든 편집 가능한 콘텐츠 영역에 이 과정을 사용할 수 있습니다.

더 많은 도움이 필요하면 블록 삭제를 참조하세요.

버전 7.0에서는 다음과 같이 보입니다.