1 当システムの導入とサンプルデータの準備

・無料会員
・プレミアム会員
・開発用
開発用ステータスは会員へは公開しませんが運営者がすべてのコンテンツをプレビューするために必要になります。

無料会員

プレミアム会員

開発用

（１）チェックします。
（２）チェックすると自動でログイン状態になり、ＷＰ上でログイン操作が不要になります。
転送URLはＷＰサイトのトップページ、もしくは登録直後に見せたいＷＰサイトのどこかのページを指定します。
 

同ページにある以下の箇所を開いてください。

元々ある内容の該当箇所を「ＷＰのトップ」に変更

 

↓

赤枠図の中のテキストは以下のhtmlをコピーしてお使いください。

<br />
<div class="alert alert-danger" role="alert">
<i class="fa fa-info-circle fa-4x pull-left" aria-hidden="true"></i>
無料版にご登録のある方 → ログインフォームから無料版で取得した情報を入力してください。<br />
無料版にご登録のない方 → お客様情報の入力をお願いします。<br /><br /></div>


%%form%%

これ以外の画面のレイアウトや文言、自動返信メール等はシステムに予めセットされているものを利用します。
全体的に完成後修正が必要であればフォームの修正を行ってください。

ページ編集を開き、カテゴリを編集し以下の完成図のように設定してください。
（１）カテゴリ名を無料会員用とプレミアム会員用を作成します。
（２）表示許可ステータスをそれぞれ付与します。

（１）無料会員用カテゴリを開き、ページを以下の完成図のように作成してください。
無料版 その１～無料版 その３までのページを作成します。

（２）同様にプレミアム会員用も以下の完成図のように作成してください。
プレミア版 その１～プレミア版 その３までのページを作成します。

（１）ページ設定を開きます
（２）無料版 その１ページを開きます。
（３）見出しを追加し動画と入力します。
（４）以下のタグを入れて保存します。
 

<div style="padding:56.25% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/266456130?title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
</iframe>
</div>
<script src="https://player.vimeo.com/api/player.js"></script>
    

１、プレビューするには編集画面のプレビューボタンを押します。
またはページ最上部のプレビューから開発者用でログインボタンを押してください。

２、プレビューで会員マイページが開き以下のような動画が出ればＯＫです。

無料版　その２

<div style="padding:56.25% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/266620450?title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
</iframe>
</div>
<script src="https://player.vimeo.com/api/player.js"></script>

無料版　その３

<div style="padding:56.25% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/266620560?title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
</iframe>
</div>
<script src="https://player.vimeo.com/api/player.js"></script>

プレミア版　その１

<div style="padding:56.25% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/266620604?title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
</iframe>
</div>
<script src="https://player.vimeo.com/api/player.js"></script>

プレミア版　その２

<div style="padding:56.25% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/266620643?title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
</iframe>
</div>
<script src="https://player.vimeo.com/api/player.js"></script>

プレミア版　その３

<div style="padding:56.25% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/266620678?title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
</iframe>
</div>
<script src="https://player.vimeo.com/api/player.js"></script>