header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image

Wix 프로 갤러리: 슬라이딩 갤러리 사용하기

4 분
페이지 메뉴
  • 갤러리 슬라이드 방식
  • 갤러리 아이템 탐색하기
  • 스크롤 효과
  • 자주 묻는 질문
Wix 프로 갤러리를 사용하면 갤러리의 다양한 레이아웃 중에서 선택할 수 있으며, 이러한 레이아웃 중 일부는 갤러리를 슬라이드할 수 있습니다.
슬라이딩 갤러리는 방문자의 관심을 끌 수 있는 독특한 사용자 지정 옵션, 인터랙티브 요소 및 애니메이션 효과 세트를 제공합니다. 일부 옵션에는 갤러리 슬라이드 방식(자동 또는 수동) 조정 및 방문자가 콘텐츠를 탐색할 때 표시되는 재미있는 스크롤 효과 추가가 포함됩니다.
자동으로 슬라이드되는 슬라이딩 갤러리를 보여주는 애니메이션.

방문자가 사이트를 열 때 갤러리가 슬라이드되는 방식을 사용자 지정합니다. 이미지를 반복하도록 설정하거나, 아이템 간에 원하는 시간을 설정해 갤러리가 자동으로 슬라이드되도록 하거나, 사이트 방문자가 결정하도록 할 수 있습니다.

갤러리 슬라이드 방식을 사용자 지정하려면:

  1. 에디터로 이동합니다.
  2. 페이지에서 프로 갤러리 요소를 클릭합니다.
  3. 설정을 클릭합니다.
  4. 레이아웃 탭을 클릭합니다. 
  5. 레이아웃 사용자 지정을 클릭해 다음을 조정합니다.
    • 이미지 반복: 방문자가 연속으로 갤러리 아이템을 스크롤할 수 있도록 합니다. 
      참고: 이미지 반복 설정은 슬라이더, 슬라이드쇼, 섬네일 및 칼럼 레이아웃에서만 사용할 수 있습니다. 
    • 자동 슬라이드: 아이템이 연속 슬라이드쇼로 표시되도록 선택합니다.
      • 인터벌 전환: 선택한 시간이 지나면, 갤러리가 다음 아이템으로 이동합니다. 이미지 이동 속도 슬라이더를 끌어 아이템 사이의 시간을 변경하세요.
      • 연속 실행: 갤러리가 자동으로 슬라이드됩니다. 슬라이드 속도 슬라이더를 끌어 갤러리 슬라이드 속도를 조정하세요.
      • 마우스오버 시 정지: 버튼을 활성화해 방문자가 갤러리 아이템에 마우스오버 시 슬라이드쇼가 정지하도록 합니다. 
슬라이딩 옵션을 보여주는 설정 패널의 레이아웃 탭 스크린샷.

프로 갤러리에 탐색 화살표를 표시해 방문자가 자신의 속도로 갤러리를 탐색할 수 있도록 하세요. 화살표를 사용자 지정해 사이트 스타일을 보완할 수 있습니다. 사용 가능한 사용자 지정 옵션은 선택한 갤러리 레이아웃에 따라 다를 수 있습니다.

갤러리의 탐색 화살표를 사용자 지정하려면:

  1. 에디터로 이동합니다.
  2. 페이지에서 프로 갤러리 요소를 클릭합니다.
  3. 설정을 클릭합니다.
  4. 디자인 탭을 클릭합니다.
  5. 탐색 화살표를 클릭합니다.
  6. 탐색 화살표 표시 버튼을 활성화합니다.
  7. 다음 옵션을 사용해 화살표를 사용자 지정합니다.
    • 화살표 스타일: 화살표 디자인을 선택하거나 추가 아이콘을 클릭해 나만의 디자인을 업로드합니다.
    • 화살표 배경: 드롭다운을 클릭해 옵션을 선택합니다.
      • 음영: 화살표 주위에 약간의 그림자를 추가합니다.
      • 상자: 화살표 주위에 상자를 추가합니다. 색상 상자를 클릭해 색상을 변경하고 관련 슬라이더를 끌어 투명도 및 모서리 반경을 조정하세요.
      • 없음: 화살표에 배경이 추가되지 않습니다.
    • 화살표 크기: 슬라이더를 끌어 탐색 화살표 크기를 늘리거나 줄입니다.
    • 화살표 색상: 색상 상자를 클릭해 탐색 화살표 색상을 선택합니다. 사이트 색상에서 선택하거나 색상을 추가하세요.
    • 화살표 위치: 관련 체크 상자를 선택해 갤러리 안쪽 또는 바깥쪽에 화살표를 표시합니다. 참고: 갤러리 안쪽에 탐색 화살표를 표시할 경우 갤러리 아이템의 일부가 가릴 수 있습니다.
    • 화살표 중심 기준: 갤러리에서 화살표의 중심이 될 부분을 갤러리 , 이미지 또는 텍스트 중에서 선택합니다.
    • 가로 여백: 슬라이더를 끌어 화살표와 갤러리 테두리 사이의 간격을 조정합니다.
탐색 화살표 사용자 지정 옵션을 보여주는 설정 패널의 디자인 탭 스크린샷.

스크롤 효과

갤러리 아이템 슬라이드 시 멋진 시각 효과를 추가해 보세요. 효과를 추가하면 한 갤러리 아이템에서 다음 갤러리 아이템으로 원활하게 흘러갑니다. 예를 들어 이미지가 페이드인, 축소 또는 슬라이드업으로 표시되게 만들 수 있습니다.

스크롤 효과를 설정하려면:

  1. 에디터로 이동합니다.
  2. 페이지에서 프로 갤러리 요소를 클릭합니다.
  3. 설정을 클릭합니다.
  4. 디자인 탭을 클릭합니다.
  5. 스크롤 효과를 클릭합니다.
  6. 방문자가 갤러리를 스크롤할 때 나타나는 효과를 선택합니다.
    • 효과 없음: 스크롤 시 효과가 적용되지 않습니다. 
    • 페이드인: 스크롤 시 이미지가 점차 나타납니다.
    • 흑백 디자인: 스크롤 시 이미지가 흑백이 됩니다. 
    • 슬라이드업: 스크롤 시 이미지가 위로 올라갑니다.
    • 확대: 스크롤 시 이미지가 확대됩니다.
    • 축소: 스크롤 시 이미지가 축소됩니다.
    • 줌아웃하기: 스크롤 시 이미지가 줌아웃됩니다.
    • 원컬러: 스크롤 시 이미지에 단색이 적용됩니다. 
  7. 애니메이션 효과 설정을 클릭합니다.
    참고: 애니메니션 설정 사용자 지정은 가로 스크롤이 있는 레이아웃에서만 사용할 수 있습니다.
  8. 애니메이션 설정을 편집합니다.
    • 전환 스타일: 드롭다운을 클릭해 갤러리 아이템에 대한 모션 효과를 적용합니다. 이 효과는 방문자가 한 아이템에서 다음 아이템으로 이동하며 스크롤할 때 적용됩니다.
    • 지속 시간: 슬라이더를 끌어 애니메이션이 지속되는 시간을 조정합니다.
스크롤 효과 설정을 보여주는 설정 패널의 디자인 탭 및 애니메이션 효과 설정 버튼이 강조 표시된 스크린샷

자주 묻는 질문

아래 질문을 클릭해 슬라이딩 갤러리에 대해 자세히 알아보세요.
자동으로 슬라이드되는 슬라이딩 갤러리를 보여주는 애니메이션.
슬라이딩 옵션을 보여주는 설정 패널의 레이아웃 탭 스크린샷.
탐색 화살표 사용자 지정 옵션을 보여주는 설정 패널의 디자인 탭 스크린샷.
스크롤 효과 설정을 보여주는 설정 패널의 디자인 탭 및 애니메이션 효과 설정 버튼이 강조 표시된 스크린샷