CMS：プログレスバーを追加・設定する
読了時間：6分
サイトにプログレスバーを追加して、目標達成に向けた進捗状況を視覚的に表示します。プログレス値（進捗状況の値）は、Velo コードまたは CMS コレクションのフィールドを使用して表すことができます。目標値には、変化しない静的値を設定することも、Velo を使用した動的値を設定することも、コレクションのフィールドで選択した動的値を設定することもできます。
プログレスバーの使用例：
- ToDo リストで「完了」としてマークしたタスク数を表示する
- オンボーディングで完了したステップの割合を表示する
- ファンディングで集まった現在の金額を表示する
- 現在までの請願書の署名者数を表示する
ヒント：
Velo を使用すると、CMS に接続せずにプログレスバーの値を更新できます。プログレスバー API を操作する方法はこちら（英語）
プログレスバーを追加・設定する方法：
Wix エディタ
Wix Studio エディタ
- エディタにアクセスします。
- エディタで Velo が有効になっていることを確認してください。
- 上部の「開発モード」をクリックします。
- 「開発モードを有効にする」をクリックします。
- エディタ左側で「パーツを追加」
をクリックします。 - 「インタラクティブ」をクリックします。
- 「インジケーター」下で「プログレスバー」をクリックします。
- プログレスバーをクリックしてページにドラッグします。
- 目標値を動的値として設定するか、静的値として設定するかを選択します：
動的目標値
をクリックします。
をクリックして、進捗状況の方向を選択します。
をクリックしてプリセットデザインを選択するか、既存のデザインをさらにカスタマイズします。静的目標値
お役に立ちましたか？
|