Wix 프로 갤러리: Wix 프로 갤러리 레이아웃 선택하기 (사용자 지정 vs. 레이아웃)

Wix 프로 갤러리는 다양한 레이아웃을 제공합니다. 사용자 지정 또는 사전 설정된 레이아웃 중 선택해 미디어를 선보이세요.

사용자 지정 레이아웃은 갤러리 간격, 방향 등과 같은 측면을 완전히 사용자 지정할 수 있도록 합니다. 사전 설정 레이아웃을 사용할 경우에는 대부분의 작업이 수행됩니다. 즉, 레이아웃 자체는 사용자 지정할 수 없으나, 갤러리 디자인은 여전히 사용자의 권한입니다.

다음 도움말을 참고하세요.

사용자 지정 레이아웃

사용자 지정 레이아웃은 프로 갤러리를 처음부터 직접 디자인 및 사용자 지정할 수 있도록 합니다. 각 사용자 지정 레이아웃은 개인화할 수 있는 다양한 설정을 제공합니다. 정적 또는 슬라이딩 갤러리 레이아웃 중에서 선택하거나 매직 레이아웃을 선택해 고유한 레이아웃을 생성해 보세요.

사용자 지정 레이아웃을 선택하려면:

에디터로 이동합니다.
페이지에서 프로 갤러리 요소를 클릭합니다.
설정을 클릭합니다.
레이아웃 탭을 클릭합니다.
갤러리 레이아웃을 선택합니다.
레이아웃 사용자 지정을 클릭해 레이아웃을 원하는대로 편집합니다. 아래에서 레이아웃을 클릭해 자세한 내용을 확인하세요.

콜라주

모자이크

그리드

이미지를 그리드 내에 표시하려면, 그리드 레이아웃을 사용하세요.

스크롤 방향: 세로 또는 가로 스크롤을 선택합니다.
섬네일 크기조정:
- 자르기: 이미지 비율을 선택할 수 있습니다.
- 맞춤: 갤러리 크기에 맞게 이미지 크기를 조정합니다.
  참고: 테두리 두께 및 색상 및 모서리 반경 옵션은 레이아웃 설정에서 섬네일 자르기를 선택했을 경우에만 아이템 스타일 탭에서 적용됩니다.
이미지 비율: 사용 가능한 이미지 비율 옵션에서 선택합니다. (예: 4:3, 1:1)
자동 슬라이드: (이 옵션은 스크롤 방향을 가로로 선택한 경우에만 표시됩니다.)아이템이 연속 슬라이드쇼로 표시되도록 선택합니다.
- 인터벌 전환: 선택한 시간이 지나면, 갤러리가 다음 아이템으로 이동합니다. 이미지 이동 속도 슬라이더를 끌어 아이템 사이의 시간을 변경하세요. 참고: 전환 효과를 변경하려면, 디자인 설정의 "슬라이드 애니메이션" 탭으로 이동하세요.
- 연속 실행: 갤러리가 자동으로 슬라이드됩니다. 슬라이드 속도 슬라이더를 끌어 갤러리 슬라이드 속도를 조정하세요.
- 마우스오버 시 정지: 버튼을 활성화해 방문자가 갤러리 아이템에 마우스오버 시 슬라이드쇼가 정지하도록 합니다.
스크린에 자동 맞춤: 고정된 크기의 갤러이에 최대한 많은 이미지를 표시합니다.
한 행당 이미지 수: 슬라이더를 끌어 행당 이미지를 더 많이 또는 더 적게 표시합니다.참고: 현재 그리드 레이아웃이 있는 프로 갤러리에서는 행당 5개 이상의 이미지를 표시할 수 없습니다.해당 기능이 추가되길 원한다면 여기에서 투표할 수 있습니다.
섬네일 크기: 갤러리의 이미지 크기를 선택합니다.
단 이미지 수: (가로 방향 갤러리를 선택한 경우) 열당 표시할 이미지 수를 선택합니다.
간격 : 이미지 사이의 간격을 선택합니다.
더보기 버튼: 더보기 버튼 표시 여부를 선택합니다.
추가 표시할 이미지 수: (이 옵션은 더보기 버튼을 활성화했을 경우에 한해 표시됩니다.) 방문자가 더보기 버튼 클릭 시 로딩할 이미지 수를 선택합니다.
- 전체 이미지
- 섹션 1개 (원본 갤러리와 동일한 크기의 다른 섹션 추가)

섬네일

선택한 이미지 옆 여러 섬네일을 표시하려면, 섬네일 레이아웃을 사용하세요.

갤러리 비율:
- 사용자 지정: 갤러리의 높이와 너비를 자유롭게 조정합니다.
- 자동 조정 : 제안된 비율 중 하나를 사용해 모든 화면 크기에서 동일한 비율을 유지합니다.
섬네일 크기조정
- 자르기: 이미지 비율을 선택할 수 있습니다.
- 맞춤: 이미지를 원래 비율로 표시하고 갤러리 크기에 맞게 조정합니다.이미지 주위에 빈 공간이 너무 많다면 갤러리 높이를 높여야 합니다.
  참고: 테두리 두께 및 색상 및 모서리 반경 옵션은 레이아웃 설정에서 섬네일 자르기를 선택했을 경우에만 아이템 스타일 탭에서 적용됩니다.
섬네일 배치: 화면에서 섬네일을 표시할 위치를 선택합니다. (현재 이미지의 아래, 왼쪽, 위, 오른쪽)
섬네일 크기: 슬라이더를 끌어 갤러리의 이미지 크기를 선택합니다.
참고: 이미지 수가 적고 기본 이미지 아래에 빈 공간이 있는 경우에는 섬네일 크기를 늘려야 합니다.
이미지 반복: 마지막 이미지에서 "다음" 버튼을 활성화할지 여부를 선택합니다.
참고: "왼쪽" 버튼은 뒤로 스크롤하는 동안 첫 번째 이미지에 도달하면 항상 비활성화됩니다.
자동 슬라이드: (이 옵션은 스크롤 방향을 가로로 선택한 경우에만 표시됩니다.)아이템이 연속 슬라이드쇼로 표시되도록 선택합니다.
- 인터벌 전환: 선택한 시간이 지나면, 갤러리가 다음 아이템으로 이동합니다. 이미지 이동 속도 슬라이더를 끌어 아이템 사이의 시간을 변경하세요. 참고: 전환 효과를 변경하려면, 디자인 설정의 "슬라이드 애니메이션" 탭으로 이동하세요.
- 연속 실행: 갤러리가 자동으로 슬라이드됩니다. 슬라이드 속도 슬라이더를 끌어 갤러리 슬라이드 속도를 조정하세요.
- 마우스오버 시 정지: 버튼을 활성화해 방문자가 갤러리 아이템에 마우스오버 시 슬라이드쇼가 정지하도록 합니다.
섬네일 간격: 슬라이더를 끌어 이미지 사이의 공간을 선택합니다.

참고: 현재는 섬네일 이미지의 정렬을 조정할 수 없습니다.해당 기능이 추가되길 원한다면 여기에서 투표할 수 있습니다.

슬라이더

가로 스크롤로 여러 이미지를 표시하려면, 슬라이더 레이아웃을 사용하세요.

참고: 이 레이아웃에서 한 번에 표시되는 이미지 수는 갤러리 크기에 따라 다릅니다.일부 이미지가 잘린 것처럼 보인다면, 갤러리 크기를 변경해야 합니다.또 다른 솔루션은 레이아웃 설정에서 섬네일 크기 조정이 가능한 자르기를 선택하거나 이미지 비율을 반응형으로 선택하는 것입니다.

갤러리 비율:
- 사용자 지정: 갤러리의 높이와 너비를 자유롭게 조정합니다.
- 자동 조정 : 제안된 비율 중 하나를 사용해 모든 화면 크기에서 동일한 비율을 유지합니다.
섬네일 크기조정:
- 자르기 : 비율을 고정할지 반응형으로 설정할지 여부를 선택합니다.
- 맞춤: 이미지를 원래 비율로 표시하고 갤러리 크기에 맞게 조정합니다.이미지 주위에 빈 공간이 너무 많다면 갤러리 높이를 높여야 합니다.
  참고: 테두리 두께 및 색상 및 모서리 반경 옵션은 레이아웃 설정에서 섬네일 자르기를 선택했을 경우에만 아이템 스타일 탭에서 적용됩니다.
이미지 비율
- 반응형: 뷰어의 기기에 따라 이미지 크기가 자동으로 조정됩니다.
- 고정형: 사용 가능한 이미지 비율 옵션에서 선택합니다(예: 4:3, 1:1). 이미지는 모든 기기에서 선택한 비율로 표시됩니다.
이미지 반복: 마지막 이미지에서 "다음" 버튼을 활성화할지 여부를 선택합니다.
참고: "왼쪽" 버튼은 뒤로 스크롤하는 동안 첫 번째 이미지에 도달하면 항상 비활성화됩니다.
자동 슬라이드: (이 옵션은 스크롤 방향을 가로로 선택한 경우에만 표시됩니다.)아이템이 연속 슬라이드쇼로 표시되도록 선택합니다.
- 인터벌 전환: 선택한 시간이 지나면, 갤러리가 다음 아이템으로 이동합니다. 이미지 이동 속도 슬라이더를 끌어 아이템 사이의 시간을 변경하세요. 참고: 전환 효과를 변경하려면, 디자인 설정의 "슬라이드 애니메이션" 탭으로 이동하세요.
- 연속 실행: 갤러리가 자동으로 슬라이드됩니다. 슬라이드 속도 슬라이더를 끌어 갤러리 슬라이드 속도를 조정하세요.
- 마우스오버 시 정지: 버튼을 활성화해 방문자가 갤러리 아이템에 마우스오버 시 슬라이드쇼가 정지하도록 합니다.
간격 : 이미지 사이의 간격을 선택합니다.

슬라이드쇼

가로 스크롤로 한 번에하나의 이미지를 표시하려면, 슬라이드쇼 레이아웃을 사용하세요.

갤러리 비율:
- 사용자 지정: 갤러리의 높이와 너비를 자유롭게 조정합니다.
- 자동 조정 : 제안된 비율 중 하나를 사용해 모든 화면 크기에서 동일한 비율을 유지합니다.
섬네일 크기조정
- 자르기: 이미지 비율을 선택할 수 있습니다.
- 맞춤: 이미지를 원래 비율로 표시하고 갤러리 크기에 맞게 조정합니다. 이미지 주위에 빈 공간이 너무 많다면 갤러리 높이를 높여야 합니다.
  참고: 테두리 두께 및 색상 및 모서리 반경 옵션은 레이아웃 설정에서 섬네일 자르기를 선택했을 경우에만 적용됩니다.
이미지 반복: 마지막 이미지에서 "다음" 버튼을 활성화할지 여부를 선택합니다.
참고: "왼쪽" 버튼은 뒤로 스크롤하는 동안 첫 번째 이미지에 도달하면 항상 비활성화됩니다.
자동 슬라이드: (이 옵션은 스크롤 방향을 가로로 선택한 경우에만 표시됩니다.)아이템이 연속 슬라이드쇼로 표시되도록 선택합니다.
- 인터벌 전환: 선택한 시간이 지나면, 갤러리가 다음 아이템으로 이동합니다. 이미지 이동 속도 슬라이더를 끌어 아이템 사이의 시간을 변경하세요. 참고: 전환 효과를 변경하려면, 디자인 설정의 "슬라이드 애니메이션" 탭으로 이동하세요.
- 연속 실행: 갤러리가 자동으로 슬라이드됩니다. 슬라이드 속도 슬라이더를 끌어 갤러리 슬라이드 속도를 조정하세요.
- 재생 버튼: 방문자가 슬라이드쇼를 일시 중지, 또는 재생할 수 있도록 버튼을 추가합니다. (이 옵션은 자동 슬라이드 옵션을 선택한 경우에만 사용할 수 있습니다.)
- 마우스오버 시 정지: 버튼을 활성화해 방문자가 갤러리 아이템에 마우스오버 시 슬라이드쇼가 정지하도록 합니다.
  도움말: 슬라이드쇼가 자동으로 슬라이드되도록 설정하면, 디자인 섹션의 텍스트 탭에서 갤러리에 슬라이드쇼 카운터를 표시할 수 있는 옵션이 제공됩니다.
정보 바 크기: 갤러리 아래 아이콘, 제목, 설명 등을 위한 공간을 추가합니다.