Wix 프로 갤러리: Wix 프로 갤러리 레이아웃 선택하기 (사용자 지정 vs. 레이아웃)
9 분 분량
Wix 프로 갤러리는 다양한 레이아웃을 제공합니다. 사용자 지정 또는 사전 설정된 레이아웃 중 선택해 미디어를 선보이세요.
사용자 지정 레이아웃은 갤러리 간격, 방향 등과 같은 측면을 완전히 사용자 지정할 수 있도록 합니다. 사전 설정 레이아웃을 사용할 경우에는 대부분의 작업이 수행됩니다. 즉, 레이아웃 자체는 사용자 지정할 수 없으나, 갤러리 디자인은 여전히 사용자의 권한입니다.
다음 도움말을 참고하세요.
사용자 지정 레이아웃
사용자 지정 레이아웃은 프로 갤러리를 처음부터 직접 디자인 및 사용자 지정할 수 있도록 합니다. 각 사용자 지정 레이아웃은 개인화할 수 있는 다양한 설정을 제공합니다. 정적 또는 슬라이딩 갤러리 레이아웃 중에서 선택하거나 매직 레이아웃을 선택해 고유한 레이아웃을 생성해 보세요.
사용자 지정 레이아웃을 선택하려면:
- 에디터에서 Wix 프로 갤러리를 클릭합니다.
- 설정을 클릭합니다.
- 레이아웃 탭을 클릭합니다.
- 갤러리 레이아웃을 선택합니다.
- 레이아웃 사용자 지정을 클릭해 레이아웃을 원하는대로 편집합니다. 아래에서 레이아웃을 클릭해 자세한 내용을 확인하세요.
콜라주
갤러리 내 무작위로 배치된 다른 방향(가로 및 세로)의 이미지를 표시하려면, 콜라주 레이아웃을 사용하세요.
- 스크롤 방향: 세로 또는 가로 스크롤을 선택합니다.
- 갤러리 방향: 이미지를 가로로 표시할지 세로로 표시할지 여부를 선택합니다.
- 자동 슬라이드: (이 옵션은 스크롤 방향을 가로로 선택한 경우에만 표시됩니다.)아이템이 연속 슬라이드쇼로 표시되도록 선택합니다.
- 인터벌 전환: 선택한 시간이 지나면, 갤러리가 다음 아이템으로 이동합니다.이미지 이동 속도 슬라이더를 끌어 아이템 사이의 시간을 변경하세요.참고: 전환 효과를 변경하려면, 디자인 설정의 "스크롤 애니메이션" 탭으로 이동하세요.
- 연속 실행: 갤러리가 자동으로 슬라이드됩니다. 슬라이드 속도 슬라이더를 끌어 갤러리 슬라이드 속도를 조정하세요.
- 마우스오버 시 정지: 버튼을 활성화해 방문자가 갤러리 아이템에 마우스오버 시 슬라이드쇼가 정지하도록 합니다.
- 섬네일 크기: 갤러리의 이미지 크기를 선택합니다.
- 간격 : 이미지 사이의 간격을 선택합니다.
- 콜라주 밀도: 갤러리에 한 번에 표시될 이미지 수를 선택합니다.
- 추가 표시할 이미지 수: (이 옵션은 더보기 버튼을 활성화했을 경우에 한해 표시됩니다.)
- 전체 이미지
- 섹션 1개 (원본 갤러리와 동일한 크기의 다른 섹션 추가)
모자이크
열 또는 행에 배치된 다른 방향의 이미지를 표시하려면 모자이크 레이아웃을 사용하세요.
- 갤러리 방향: 이미지를 가로로 표시할지 세로로 표시할지 여부를 선택합니다.
- 섬네일 크기: 갤러리의 이미지 크기를 선택합니다.
- 간격 : 이미지 사이의 간격을 선택합니다.
- 디자인 설정: 갤러리를 스크린에 자동 맞춤하거나 행당 아이템 수를 수동으로 설정합니다.
- 스크린에 자동 맞춤: 프로 갤러리는 방문자의 화면에 맞게 갤러리 레이아웃을 자동으로 최적화합니다.
- 행마다 수동 설정: 모든 기기에서 행당 표시할 이미지 수를 선택할 수 있습니다.
- 한 행당 이미지 수: 한 행당 표시되는 이미지 수를 변경합니다.
- 간격 : 이미지 사이의 간격을 선택합니다.
- 더보기 버튼: 더보기 버튼 표시 여부를 선택합니다.
- 추가 표시할 이미지 수: (이 옵션은 더보기 버튼을 활성화했을 경우에 한해 표시됩니다.) 방문자가 더보기 버튼 클릭 시 로딩할 이미지 수를 선택합니다.
- 전체 이미지
- 섹션 1개 (원본 갤러리와 동일한 크기의 다른 섹션 추가)
그리드
이미지를 그리드 내에 표시하려면, 그리드 레이아웃을 사용하세요.
- 스크롤 방향: 세로 또는 가로 스크롤을 선택합니다.
- 섬네일 크기조정:
- 자르기: 이미지 비율을 선택할 수 있습니다.
- 맞춤: 갤러리 크기에 맞게 이미지 크기를 조정합니다.
참고: 테두리 두께 및 색상 및 모서리 반경 옵션은 레이아웃 설정에서 섬네일 자르기를 선택했을 경우에만 아이템 스타일 탭에서 적용됩니다.
- 이미지 비율: 사용 가능한 이미지 비율 옵션에서 선택합니다. (예: 4:3, 1:1)
- 자동 슬라이드: (이 옵션은 스크롤 방향을 가로로 선택한 경우에만 표시됩니다.)아이템이 연속 슬라이드쇼로 표시되도록 선택합니다.
- 인터벌 전환: 선택한 시간이 지나면, 갤러리가 다음 아이템으로 이동합니다. 이미지 이동 속도 슬라이더를 끌어 아이템 사이의 시간을 변경하세요. 참고: 전환 효과를 변경하려면, 디자인 설정의 "슬라이드 애니메이션" 탭으로 이동하세요.
- 연속 실행: 갤러리가 자동으로 슬라이드됩니다. 슬라이드 속도 슬라이더를 끌어 갤러리 슬라이드 속도를 조정하세요.
- 마우스오버 시 정지: 버튼을 활성화해 방문자가 갤러리 아이템에 마우스오버 시 슬라이드쇼가 정지하도록 합니다.
- 스크린에 자동 맞춤: 고정된 크기의 갤러이에 최대한 많은 이미지를 표시합니다.
- 한 행당 이미지 수: 슬라이더를 끌어 행당 이미지를 더 많이 또는 더 적게 표시합니다.참고: 현재 그리드 레이아웃이 있는 프로 갤러리에서는 행당 5개 이상의 이미지를 표시할 수 없습니다.해당 기능이 추가되길 원한다면 여기에서 투표할 수 있습니다.
- 섬네일 크기: 갤러리의 이미지 크기를 선택합니다.
- 단 이미지 수: (가로 방향 갤러리를 선택한 경우) 열당 표시할 이미지 수를 선택합니다.
- 간격 : 이미지 사이의 간격을 선택합니다.
- 더보기 버튼: 더보기 버튼 표시 여부를 선택합니다.
- 추가 표시할 이미지 수: (이 옵션은 더보기 버튼을 활성화했을 경우에 한해 표시됩니다.) 방문자가 더보기 버튼 클릭 시 로딩할 이미지 수를 선택합니다.
- 전체 이미지
- 섹션 1개 (원본 갤러리와 동일한 크기의 다른 섹션 추가)
섬네일
선택한 이미지 옆 여러 섬네일을 표시하려면, 섬네일 레이아웃을 사용하세요.
- 갤러리 비율:
- 사용자 지정: 갤러리의 높이와 너비를 자유롭게 조정합니다.
- 자동 조정 : 제안된 비율 중 하나를 사용해 모든 화면 크기에서 동일한 비율을 유지합니다.
- 섬네일 크기조정
- 자르기: 이미지 비율을 선택할 수 있습니다.
- 맞춤: 이미지를 원래 비율로 표시하고 갤러리 크기에 맞게 조정합니다.이미지 주위에 빈 공간이 너무 많다면 갤러리 높이를 높여야 합니다.
참고: 테두리 두께 및 색상 및 모서리 반경 옵션은 레이아웃 설정에서 섬네일 자르기를 선택했을 경우에만 아이템 스타일 탭에서 적용됩니다.
- 섬네일 배치: 화면에서 섬네일을 표시할 위치를 선택합니다. (현재 이미지의 아래, 왼쪽, 위, 오른쪽)
- 섬네일 크기: 슬라이더를 끌어 갤러리의 이미지 크기를 선택합니다.
참고: 이미지 수가 적고 기본 이미지 아래에 빈 공간이 있는 경우에는 섬네일 크기를 늘려야 합니다. - 이미지 반복: 마지막 이미지에서 "다음" 버튼을 활성화할지 여부를 선택합니다.
참고: "왼쪽" 버튼은 뒤로 스크롤하는 동안 첫 번째 이미지에 도달하면 항상 비활성화됩니다. - 자동 슬라이드: (이 옵션은 스크롤 방향을 가로로 선택한 경우에만 표시됩니다.)아이템이 연속 슬라이드쇼로 표시되도록 선택합니다.
- 인터벌 전환: 선택한 시간이 지나면, 갤러리가 다음 아이템으로 이동합니다. 이미지 이동 속도 슬라이더를 끌어 아이템 사이의 시간을 변경하세요. 참고: 전환 효과를 변경하려면, 디자인 설정의 "슬라이드 애니메이션" 탭으로 이동하세요.
- 연속 실행: 갤러리가 자동으로 슬라이드됩니다. 슬라이드 속도 슬라이더를 끌어 갤러리 슬라이드 속도를 조정하세요.
- 마우스오버 시 정지: 버튼을 활성화해 방문자가 갤러리 아이템에 마우스오버 시 슬라이드쇼가 정지하도록 합니다.
- 섬네일 간격: 슬라이더를 끌어 이미지 사이의 공간을 선택합니다.
참고: 현재는 섬네일 이미지의 정렬을 조정할 수 없습니다.해당 기능이 추가되길 원한다면 여기에서 투표할 수 있습니다.
슬라이더
가로 스크롤로 여러 이미지를 표시하려면, 슬라이더 레이아웃을 사용하세요.
참고: 이 레이아웃에서 한 번에 표시되는 이미지 수는 갤러리 크기에 따라 다릅니다.일부 이미지가 잘린 것처럼 보인다면, 갤러리 크기를 변경해야 합니다.또 다른 솔루션은 레이아웃 설정에서 섬네일 크기 조정이 가능한 자르기를 선택하거나 이미지 비율을 반응형으로 선택하는 것입니다.
- 갤러리 비율:
- 사용자 지정: 갤러리의 높이와 너비를 자유롭게 조정합니다.
- 자동 조정 : 제안된 비율 중 하나를 사용해 모든 화면 크기에서 동일한 비율을 유지합니다.
- 섬네일 크기조정:
- 자르기 : 비율을 고정할지 반응형으로 설정할지 여부를 선택합니다.
- 맞춤: 이미지를 원래 비율로 표시하고 갤러리 크기에 맞게 조정합니다.이미지 주위에 빈 공간이 너무 많다면 갤러리 높이를 높여야 합니다.
참고: 테두리 두께 및 색상 및 모서리 반경 옵션은 레이아웃 설정에서 섬네일 자르기를 선택했을 경우에만 아이템 스타일 탭에서 적용됩니다.
- 이미지 비율
- 반응형: 뷰어의 기기에 따라 이미지 크기가 자동으로 조정됩니다.
- 고정형: 사용 가능한 이미지 비율 옵션에서 선택합니다(예: 4:3, 1:1). 이미지는 모든 기기에서 선택한 비율로 표시됩니다.
- 이미지 반복: 마지막 이미지에서 "다음" 버튼을 활성화할지 여부를 선택합니다.
참고: "왼쪽" 버튼은 뒤로 스크롤하는 동안 첫 번째 이미지에 도달하면 항상 비활성화됩니다. - 자동 슬라이드: (이 옵션은 스크롤 방향을 가로로 선택한 경우에만 표시됩니다.)아이템이 연속 슬라이드쇼로 표시되도록 선택합니다.
- 인터벌 전환: 선택한 시간이 지나면, 갤러리가 다음 아이템으로 이동합니다. 이미지 이동 속도 슬라이더를 끌어 아이템 사이의 시간을 변경하세요. 참고: 전환 효과를 변경하려면, 디자인 설정의 "슬라이드 애니메이션" 탭으로 이동하세요.
- 연속 실행: 갤러리가 자동으로 슬라이드됩니다. 슬라이드 속도 슬라이더를 끌어 갤러리 슬라이드 속도를 조정하세요.
- 마우스오버 시 정지: 버튼을 활성화해 방문자가 갤러리 아이템에 마우스오버 시 슬라이드쇼가 정지하도록 합니다.
- 간격 : 이미지 사이의 간격을 선택합니다.
슬라이드쇼
가로 스크롤로 한 번에하나의 이미지를 표시하려면, 슬라이드쇼 레이아웃을 사용하세요.
- 갤러리 비율:
- 사용자 지정: 갤러리의 높이와 너비를 자유롭게 조정합니다.
- 자동 조정 : 제안된 비율 중 하나를 사용해 모든 화면 크기에서 동일한 비율을 유지합니다.
- 섬네일 크기조정
- 자르기: 이미지 비율을 선택할 수 있습니다.
- 맞춤: 이미지를 원래 비율로 표시하고 갤러리 크기에 맞게 조정합니다. 이미지 주위에 빈 공간이 너무 많다면 갤러리 높이를 높여야 합니다.
참고: 테두리 두께 및 색상 및 모서리 반경 옵션은 레이아웃 설정에서 섬네일 자르기를 선택했을 경우에만 적용됩니다.
- 이미지 반복: 마지막 이미지에서 "다음" 버튼을 활성화할지 여부를 선택합니다.
참고: "왼쪽" 버튼은 뒤로 스크롤하는 동안 첫 번째 이미지에 도달하면 항상 비활성화됩니다. - 자동 슬라이드: (이 옵션은 스크롤 방향을 가로로 선택한 경우에만 표시됩니다.)아이템이 연속 슬라이드쇼로 표시되도록 선택합니다.
- 인터벌 전환: 선택한 시간이 지나면, 갤러리가 다음 아이템으로 이동합니다. 이미지 이동 속도 슬라이더를 끌어 아이템 사이의 시간을 변경하세요. 참고: 전환 효과를 변경하려면, 디자인 설정의 "슬라이드 애니메이션" 탭으로 이동하세요.
- 연속 실행: 갤러리가 자동으로 슬라이드됩니다. 슬라이드 속도 슬라이더를 끌어 갤러리 슬라이드 속도를 조정하세요.
- 재생 버튼: 방문자가 슬라이드쇼를 일시 중지, 또는 재생할 수 있도록 버튼을 추가합니다. (이 옵션은 자동 슬라이드 옵션을 선택한 경우에만 사용할 수 있습니다.)
- 마우스오버 시 정지: 버튼을 활성화해 방문자가 갤러리 아이템에 마우스오버 시 슬라이드쇼가 정지하도록 합니다.
도움말: 슬라이드쇼가 자동으로 슬라이드되도록 설정하면, 디자인 섹션의 텍스트 탭에서 갤러리에 슬라이드쇼 카운터를 표시할 수 있는 옵션이 제공됩니다.
- 정보 바 크기: 갤러리 아래 아이콘, 제목, 설명 등을 위한 공간을 추가합니다.
스트립
한 열에 여러 이미지를 표시하려면, 스트립 레이아웃을 사용하세요.
- 간격: 갤러리 아이템 간 공간을 선택합니다.
- 더보기 버튼: 더보기 버튼 표시 여부를 선택합니다.
- 추가 표시할 이미지 수: (이 옵션은 더보기 버튼을 활성화했을 경우에 한해 표시됩니다.) 방문자가 더보기 버튼 클릭 시 로딩할 이미지 수를 선택합니다.
- 전체 이미지
- 섹션 1개 (원본 갤러리와 동일한 크기의 다른 섹션 추가)
단
한 행에 여러 이미지를 한 번에 표시하려면, 칼럼 레이아웃을 사용하세요.
- 갤러리 비율:
- 사용자 지정: 갤러리의 높이와 너비를 자유롭게 조정합니다.
- 자동 조정 : 제안된 비율 중 하나를 사용해 모든 화면 크기에서 동일한 비율을 유지합니다.
- 이미지 반복: 방문자가 연속으로 이미지를 스크롤할 수 있도록 합니다.
- 자동 슬라이드: (이 옵션은 스크롤 방향을 가로로 선택한 경우에만 표시됩니다.)아이템이 연속 슬라이드쇼로 표시되도록 선택합니다.
- 인터벌 전환: 선택한 시간이 지나면, 갤러리가 다음 아이템으로 이동합니다. 이미지 이동 속도 슬라이더를 끌어 아이템 사이의 시간을 변경하세요. 참고: 전환 효과를 변경하려면, 디자인 설정의 "슬라이드 애니메이션" 탭으로 이동하세요.
- 연속 실행: 갤러리가 자동으로 슬라이드됩니다. 슬라이드 속도 슬라이더를 끌어 갤러리 슬라이드 속도를 조정하세요.
- 마우스오버 시 정지: 버튼을 활성화해 방문자가 갤러리 아이템에 마우스오버 시 슬라이드쇼가 정지하도록 합니다.
- 간격 : 이미지 사이의 간격을 선택합니다.
벽돌, 믹스, 변환
크기와 방향이 다른 갤러리 아이템을 나란히 표시하려면, 벽돌, 변환, 믹스 등의 레이아웃을 사용하세요.
- 간격 : 이미지 사이의 간격을 선택합니다.
- 더보기 버튼: 더보기 버튼 표시 여부를 선택합니다.
- 추가 표시할 이미지 수: (이 옵션은 더보기 버튼을 활성화했을 경우에 한해 표시됩니다.) 방문자가 더보기 버튼 클릭 시 로딩할 이미지 수를 선택합니다.
- 전체 이미지
- 섹션 1개 (원본 갤러리와 동일한 크기의 다른 섹션 추가)
매직
매직 레이아웃은 한 번의 클릭으로 레이아웃을 다른 레이아웃으로 변경할 수 있도록 합니다. 매직 레이아웃 추가를 클릭해 갤러리 레이아웃을 무작위로 지정하세요.
![모든 사용자 지정 레이아웃 옵션이 표시된 설정 패널의 레이아웃 탭 스크린샷.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/20/868c8c9d-d221-4876-b2f9-3001242a14cd/4b5b6e9d-9776-4be6-a9b4-d0693c80676f.png)
사전 설정 레이아웃
사전 설정되어 있는 갤러리 레이아웃은 사이트에 이미지를 표시하는 과정을 가속화할 수 있도록 합니다. 사전 설정 템플릿은 가로 및 세로 디스플레이로 제공되며, 다양한 내장 레이아웃 기능을 포함합니다.
사전 설정 레이아웃을 선택하려면:
- 에디터에서 Wix 프로 갤러리를 클릭합니다.
- 설정을 클릭합니다.
- 레이아웃 탭을 클릭합니다.
- 레이아웃 탭을 클릭합니다.
- 갤러리 레이아웃을 선택합니다.
![모든 사전 설정 레이아웃 옵션이 표시된 설정 패널의 레이아웃 탭 스크린샷.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/20/a6e89694-5c9d-43e7-94fe-68c26e9edbc4/49646907-e8f9-44cb-a28d-1f938d9ecde9.png)
자주 묻는 질문
프로 갤러리 레이아웃에 대해 자세히 알아보려면 아래 질문을 클릭하세요.
Wix 프로 갤러리는 반응형인가요?
Wix 프로 갤러리는 특정 레이아웃을 선택하고 전체 너비로 설정하면 반응적으로 작동합니다. 즉, 모든 기기에서 브라우저 창의 크기를 조정할 때 갤러리 아이템의 위치와 크기가 변경될 수 있습니다. Wix 프로 갤러리의 반응성에 대한 자세한 도움말을 확인하세요.
Wix 프로 갤러리에 추가 시 일부 이미지가 잘리는 이유는 무엇인가요?
선택한 사용자 지정 레이아웃에 따라 갤러리 이미지가 잘려서 표시될 수 있습니다. 이는 레이아웃의 섬네일 방향이 업로드하는 이미지의 방향과 다를 때 발생할 수 있습니다.
예를 들어 모든 이미지를 가로(세로) 방향으로 표시하는 슬라이더 레이아웃을 선택했지만 세로(가로) 방향의 이미지를 업로드하는 경우가 해당됩니다. 즉, 섬네일 경계에 맞게 이미지의 일부가 잘릴 수 있습니다.
이미지가 잘리는 것을 방지하려면:
- 에디터에서 Wix 프로 갤러리를 클릭합니다.
- 설정을 클릭합니다.
- 레이아웃 탭을 클릭합니다.
- 레이아웃 탭을 클릭합니다.
- 섬네일 크기 조정에서 맞춤을 선택합니다.
참고: 스트립, 칼럼, 벽돌, 믹스, 변환, 매직 레이아웃은 이미지 비율이 고정되어 있습니다. 즉, 이미지가 썸네일의 경계에 맞게 자동으로 잘립니다.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2023/05/04/43d1b125-eac8-455c-957d-a73328ff56b4/f38a33f5-b7e7-4265-8b69-8069f4bb9719.png)
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2023/05/04/43d1b125-eac8-455c-957d-a73328ff56b4/f38a33f5-b7e7-4265-8b69-8069f4bb9719.png)
이미지를 잘린 상태로 유지할 경우의 추가 옵션:
- 잘릴 수 있는 이미지 부분을 보다 잘 제어할 수 있도록 이미지의 초점을 조정합니다.
- 업로드한 이미지의 비율과 방향에 가장 잘 맞도록 갤러리에 적용된 이미지 비율(16:9, 4:3, 1:1, 3:4 또는 9:16)을 조정합니다.
도움이 되었나요?
|