header-logo
시작하기Wix를 사용해 사이트 및 비즈니스를 구축하는 방법을 알아보세요. 템플릿을 사용해 사이트를 맞춤화하거나, 전문가를 고용해 웹 존재감을 강화할 수 있습니다.
사이트 제작Wix 에디터를 사용하고 사이트 콘텐츠를 관리하는 방법을 알아보세요. 방문자의 개인정보를 보호하고 사이트에 대한 접근성을 높이는 방법 또한 확인할 수 있습니다.
계정 및 결제계정 설정을 검토하고, 구독 및 프리미엄 플랜을 관리하고, 인보이스를 이해하세요.
Wix 모바일 앱Wix Owner 앱을 사용해 비즈니스를 효율적으로 운영하고 방문자와 소통하며 커뮤니티를 구축하세요.
도메인 연결도메인 구매, 연결, 이전 방법 및 사이트 데이터를 안전하게 유지하는 방법을 알아보세요.
비즈니스 관리비즈니스를 구축하고 성장시키는 데 적합한 도구를 찾으세요. 결제 승인, 애널리틱스 분석 검토, 방문자와 교류 등의 작업을 할 수 있습니다.
사이트 홍보검색 엔진에서 사이트를 홍보하고, 이메일 캠페인을 발송, 유료 광고를 게재하는 방법 등을 알아보세요.
Studio 및 파트너Studio 및 파트너 계정을 최대한 활용해 비즈니스를 확장하세요.
고객센터사이트 성능 및 기술 문제 해결에 대한 정보를 얻으세요. 제품 로드맵에서 향후 기능을 추적할 수도 있습니다.
placeholder-preview-image
Wix Learn강좌 및 튜토리얼을 통해 실력을 향상시키세요.
Wix 블로그웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
SEO 러닝 허브검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
Website development풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
전문가 고용하기목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image
  1. 홈
  2. 사이트 제작
  3. 고급 기능
  4. CMS
  5. CMS에 사용자 입력 요소 연결하기
  6. CMS: 진행표시 바 추가 및 설정하기

CMS: 진행표시 바 추가 및 설정하기

목표 달성을 향한 진행 상황을 시각적으로 표시할 수 있도록 진행표시 바를 추가하세요. Velo 코딩 또는 CMS 컬렉션 입력란을 사용해 진행률 값을 나타낼 수 있습니다. 목표값으로 변경되지 않는 정적 값을 설정하거나 Velo를 사용하거나 컬렉션 입력란을 연결해 동적 값을 설정할 수 있습니다.   
진행표시 바 예시 스크린샷
진행표시 바 사용의 예:
  • 해야할 업무에 완료로 표시된 작업의 수를 표시합니다.
  • 온보딩 과정에서 완료된 단계의 % 비율을 표시합니다. 
  • 모금 목표 달성을 위해 모금된 금액을 표시합니다.
  • 특정 투표 수가 필요한 청원서에 서명한 사용자 수를 표시합니다.
도움말:
CMS에 연결하지 않고도 Velo를 사용해 진행표시 바 값을 업데이트할 수 있습니다. 자세한 내용은 진행표시 바 API 작업에 대한 도움말을 참조하세요. (영문)
시작하기 전:
사이트에 CMS를 추가하고 진행 값에 대한 '숫자' 입력란이 포함된 컬렉션을 생성하세요. 목표 값에 동적 값을 사용하려면 대상을 나타내는 '숫자' 입력란 또한 추가합니다. 

진행표시 바를 추가 및 설정하려면:

  1. 에디터로 이동합니다.
  2. 에디터에서 Velo를 활성화합니다.
    1. 상단에서 개발자 모드를 클릭합니다.
    2. 개발자 모드 활성화하기를 클릭합니다. 
  3. 에디터 왼쪽에서 요소 추가를 클릭합니다.
  4. 인터랙티브를 클릭합니다. 
  5. 지표 아래에서 진행표시 바를 클릭합니다. 
  6. 원하는 진행표시 바를 클릭해 페이지로 끌어다 놓습니다. 
  7. 진행표시 바에서 설정을 클릭합니다. 
  8. 방문자와 스크린 리더가 바가 무엇을 나타내는지 알 수 있도록 라벨을 입력합니다(예: "목표 진행률").
  9. 타겟 값을 동적 값으로 설정할지 정적 값으로 설정할지 여부를 선택합니다. 

도움이 되었나요?

|

Helpmate

안녕하세요 님,

추가 도움이 필요하신가요?
Unlock personalized helpLog in to get the most out of Helpmate.