コニファ・ロゴ

webアプリなどの使い方を説明するツアーガイド(チュートリアル)を実装してくれるプラグインです。
下のモーダルウィンドウの[NEXT]ボタンをクリックすると、ツアーガイドが開始されます。

Shepherd

Guide your users through a tour of your app.

Including

<link rel="stylesheet" href="shepherd-theme-arrows.css" />
<script src="shepherd.min.js"></script>

Example

tour = new Shepherd.Tour
  defaults:
    classes: 'shepherd-theme-arrows'

tour.addStep 'example',
  title: 'Example Shepherd'
  text: 'Creating a Shepherd is easy too! Just create ...'
  attachTo: '.hero-example bottom'
  advanceOn: '.docs-link click'

tour.start()






 

 

戻るボタン