맞춤형 레이아웃으로 이미지 갤러리를 표시합니다.

페이지에 갤러리 섹션을 추가하여 블록 섹션에 여러 이미지 블록을 추가하는 대신 눈에 띄는 레이아웃으로 이미지 세트를 표시할 수 있습니다.

갤러리 섹션은 간단한 설명과 함께 이미지를 표시하는 데 유용합니다. 버튼이 있는 대량의 텍스트 등 다른 유형의 콘텐츠를 표시하는 데 비슷한 방법이 필요한 경우 자동 레이아웃 섹션을 사용하세요. 이러한 섹션들의 차이점에 대해 알아보려면 자동 레이아웃과 갤러리 섹션을 방문하세요.

이 가이드는 7.1 버전용입니다. 버전 7.0에서 비슷한 효과를 얻으려면 갤러리 페이지 또는 갤러리 블록을 사용하세요.

비디오를 시청하십시오

갤러리 섹션 추가

갤러리 섹션이 포함된 새 페이지를 만드는 방법:

1. 페이지 패널을 열고 +를 클릭합니다.
2. 메뉴에서 페이지 레이아웃을 클릭한 다음 갤러리를 클릭하고 레이아웃을 선택하세요. 나중에 변경할 수 있습니다.
3. 페이지 제목을 추가하고 Enter 키를 누르세요.
4. 페이지에서 편집을 클릭합니다.
5. 이미지 아이콘을 클릭하여 이미지를 추가하고 편집하세요.
6. 연필 아이콘을 클릭하여 갤러리 섹션을 스타일링하세요.
7. 저장을 클릭하여 변경 사항을 저장하고 계속 편집하거나, 나가기를 클릭한 다음 저장을 클릭하여 편집기를 종료하고 변경 사항을 게시하세요.

사이트의 기존 페이지에 갤러리 섹션을 추가할 수도 있습니다.

1. 페이지에서 편집을 클릭합니다.
2. 기존 섹션 위나 아래에서 섹션 추가를 클릭하세요.
3. 이미지를 클릭하고 오른쪽 상단 모서리에서 i 배지가 있는 레이아웃을 선택하세요.

페이지에서 갤러리 섹션이 첫 번째로 나타나면 사이트 머리말의 표시 방식에 영향을 미칠 수 있습니다. 자세히 알아보려면 사이트 머리말 구축을 참조하세요.

갤러리 섹션 레이아웃

갤러리 유형 드롭다운 메뉴에서 다음 레이아웃 유형 중에서 선택할 수 있습니다:

• 그리드: 심플 - 이미지가 짝수 행과 열로 배열된 그리드
• 그리드: 스트립 - 이미지 스트립이 각 행에서 다른 크기로 표시되는 그리드
• 그리드: 메이슨리 - 다양한 종횡비의 이미지가 엇갈린 레이아웃으로 나타나는 그리드
• 슬라이드쇼: 심플 - 한 번에 한 개의 이미지를 표시하는 슬라이드쇼이며, 섬네일을 활성화할 수 있는 유일한 레이아웃
• 슬라이드쇼: 전체 - 한 번에 하나의 이미지를 표시하며 여백 없는 슬라이드쇼
• 슬라이드쇼: 릴 - 여러 이미지가 영화 릴처럼 한 번에 표시되는 슬라이드쇼

팁: 이미지를 자동으로 전환하려면 슬라이드쇼: 심플 또는 슬라이드쇼: 전체 레이아웃을 선택하고 자동 재생 토글을 켜세요. 각 이미지 전환 사이의 타이밍을 설정하려면 슬라이드 지속 시간을 변경하세요.

모바일에서 각 레이아웃이 어떻게 표시되는지 알아보려면 내 사이트는 모바일 기기에 어떻게 보이나요?를 참조하세요.

갤러리에 이미지를 추가하십시오

참고: 갤러리 섹션의 이미지 변경 사항은 자동으로 저장됩니다. 갤러리 이미지를 추가, 제거, 편집 또는 순서를 변경할 때 실행 취소 화살표나 변경 내용 취소를 클릭해도 해당 변경을 되돌릴 수 없습니다. 이미지를 수동으로 삭제, 재추가, 편집 또는 재정렬하세요.

갤러리 섹션을 추가한 후, 이미지를 추가할 수 있습니다.

1. 갤러리 위에 커서를 올리고 이미지 아이콘을 클릭한 다음 +를 클릭합니다.
2. 장치에서 새 이미지를 추가하려면 이미지 업로드를 클릭하세요.
3. 이미 추가한 이미지를 재사용하거나 스톡 이미지를 추가하려면 이미지 검색을 클릭하세요.

이미지를 업로드한 후, 다음을 수행할 수 있습니다:

• 이미지 편집기를 클릭하여 이미지를 편집하세요.
• 초점을 조정하세요. 종횡비와 스타일 설정에 따라 이미지가 어떻게 보이는지에 영향을 미치지 않을 수 있습니다.
• 이미지를 클릭하고 드래그하여 순서를 재배치하세요. 그리드: 메이슨리 레이아웃에서는 이미지의 종횡비 에 따라 순서가 자동으로 결정되므로 이미지를 수동으로 정렬할 수 없습니다.
• 이미지에 캡션과 캡션 및 대체 텍스트를 추가하려면 설명을 입력하세요.
• 링크 필드에 클릭스루 URL을 추가하세요.
• 이미지를 위로 커서를 올린 후 휴지통 아이콘을 클릭하여 이미지를 삭제하세요.

다음 사항을 참고하세요.

• 갤러리 섹션에 최대 250개의 이미지를 추가할 수 있습니다.
• 갤러리 섹션은 현재 비디오나 이미지 URL을 지원하지 않습니다.
• 갤러리 섹션에 블록을 추가할 수는 없지만, 갤러리 섹션 위나 아래에 블록 섹션을 추가할 수 있습니다.

갤러리를 스타일링 지정

갤러리를 사용자 정의하려면 레이아웃, 색상, 종횡비를 변경하고 캡션을 활성화하는 등 다양한 작업을 할 수 있습니다. 갤러리 섹션의 스타일을 지정하는 방법:

1. 갤러리 섹션이 있는 페이지에서 편집을 클릭하세요.
2. 갤러리 섹션 위로 커서를 올리고 연필 아이콘을 클릭하세요.
3. 갤러리 탭에서 갤러리 유형 드롭다운 메뉴를 사용하여 레이아웃을 변경합니다.
4. 갤러리 유형 아래에서 현재 레이아웃에 다른 스타일을 변경하세요. 예를 들어, 간격 및 이미지 높이를 변경하거나, 캡션을 활성화하고, 애니메이션을 사용자 지정하며, 라이트박스를 활성화하거나, 섹션 하단에 구분선 을 활성화할 수 있습니다. 이러한 옵션은 레이아웃에 따라 다르게 적용됩니다.
5. 색상 탭을 클릭하여 색상 구성표를 선택하세요.
6. 저장을 클릭합니다.

다음 사항을 참고하세요.

• Squarespace의 반응형 디자인 때문에 특정 스타일을 설정해도 브라우저나 기기 크기에 따라 레이아웃이 다르게 보일 수 있습니다. 예를 들어, 그리드: 심플 및 그리드: 메이슨리 레이아웃을 사용하여 갤러리의 열 수를 설정할 수 있습니다. 단, 브라우저 창이 작을 경우 갤러리가 더 적은 열로 표시될 수 있습니다.
• 그리드: 스트립 레이아웃에서 행 높이 조정은 처음 몇 행의 높이를 조정합니다. 높이는 갤러리의 이미지 수와 같은 다양한 요인에 따라 이동합니다. 이 레이아웃은 이미지를 서로 다른 높이로 표시하므로 일반적으로 모든 행의 높이를 동일하게 만들 수 없습니다.

갤러리 섹션 너비

대부분의 갤러리 섹션 레이아웃에는갤러리 스타일에 너비 설정이 포함되어 있습니다. 너비 옵션에는 다음이 포함되지만, 모든 레이아웃에 전체 옵션을 사용할 수 있는 것은 아닙니다.

• 여백 없음 - 갤러리의 이미지가 섹션의 모든 가장자리에 닿습니다
• 전체 - 갤러리 섹션의 이미지는 사이트 스타일의 사이트 여백 조정에 따라 브라우저 창의 너비에 맞춰 흰 여백과 함께 표시됩니다
• 인셋 - 갤러리 섹션의 이미지는 사이트 스타일의 페이지 너비(최대) 조정에 따라 고정된 최대 너비로 표시됩니

설정 및 브라우저 크기에 따라 전체 및 인셋 섹션이 다르게 보이지 않을 수 있습니다. 예를 들어, 브라우저 크기가 페이지 너비(최대) 설정보다 작으면 전체 와 인셋이 동일하게 표시됩니다.

갤러리 섹션 애니메이션

갤러리 섹션 스타일에서 이미지에 애니메이션 효과를 추가하여 스타일리시한 룩을 연출할 수 있습니다. 선택한 애니메이션은 갤러리의 모든 이미지에 영향을 미칩니다. 다음 옵션 중에서 선택하세요.

• 사이트 기본값 - 애니메이션이 사이트 전체 애니메이션 설정과 일치합니다
• 애니메이션 없음 - 사이트 전체 애니메이션이 활성화되어 있어도 해당 섹션에는 애니메이션이 없습니다
• 페이딩 - 방문자가 페이지를 스크롤할 때 이미지가 서서히 나타납니다
• 스케일링 - 이미지는 작은 크기에서 확대되어 줌 효과를 만듭니다