사이트 레이아웃을 작업하는 동안 페이지의 서로 다른 요소 간 간격을 변경하거나 제거할 수 있습니다. 이 가이드에서는 콘텐츠 블록 간 공간을 제어하는 데 사용할 수 있는 여러 가지 방법을 공유합니다.
블록 간격 설정을 사용하면 두 블록 사이의 간격을 제어할 수 있습니다.
이 설정은 중첩된 블록에 표시됩니다. 중첩된 블록은 다른 블록 내부의 블록입니다. 예를 들어 갤러리 블록에는 개별 이미지 블록이 있고 열 블록에는 개별 열이 있습니다.
중첩되지 않은 블록의 경우 블록 간격 설정에 접근하기 위해 함께 그룹화할 수 있습니다. 중첩되지 않은 두 블록 사이의 공간을 제거하려면 다음 단계에 따라 해당 블록을 그룹 블록 내부에 배치합니다.
- 목록 보기를 열고 사이의 간격을 제거할 블록을 찾습니다.
- 첫 번째 블록을 클릭하여 선택합니다.
- 키보드의 Shift 키를 누른 채 두 번째 블록을 클릭합니다. 그러면 두 블록이 모두 선택됩니다.
- 생략 부호(점 3개)를 클릭하여 옵션을 엽니다.
- 그룹을 선택합니다. 두 블록은 그룹 블록 내부에 배치됩니다.
- 오른쪽의 그룹 블록 설정에서 스타일 탭 내의 규격 설정을 찾습니다.
- 스타일 탭 아이콘은 흑백의 원 모양입니다.
- 블록 간격 아래에 슬라이더가 표시됩니다. 사용자 정의 크기 설정 아이콘을 클릭합니다.
- 아이콘은 각각 점이 있는 가로줄 2개처럼 보입니다.
- 숫자 0을 사용자 정의 크기로 입력합니다.
- 참고: 상자의 빈 값은 기본 간격을 사용합니다. 블록 사이에 간격이 없도록 상자에 0을 입력해야 합니다.
아래 비디오에서 위 단계를 볼 수 있습니다.
페이지에 표시되는 추가 공백이 있는데 어디에서 나온 것인지 잘 모르겠다면 페이지 콘텐츠에 빈 블록이 없는지 확인하세요.
목록 보기를 열어 페이지에 있는 모든 블록의 목록을 봅니다. 빈 그룹 블록 또는 문단 블록과 같이 콘텐츠가 없는 블록이 있으면 생략 부호(점 3개)를 클릭하고 삭제를 선택하여 블록을 제거합니다.
사이트의 요소 간 간격을 추가, 제거 또는 변경하기 위해 탐색할 수 있는 다른 방법이 있습니다.
지원 