会員サイト作成までの３ステップ
事前準備
事前準備として会員サイト作成のため以下をご用意ください。
・WordPressで構築したWebサイト
・SPIRAL ver.1 アカウント
SPIRAL ver.1 はパイプドビッツが提供するクラウド型ローコード開発プラットフォームです。アカウントをお持ちでない方はこちらよりお問い合わせください。
またプラグインではスパイラルAPIを使用しています。標準提供のリクエスト数（10回まで/分）の場合正しく動作しません。オプション「リクエスト数上限アップ」をご利用ください。
３ステップでかんたん設定
STEP.1 SPIRAL® のセットアップ
SPIRAL®Ver.1 にログインし「会員管理アプリ for WP」を設定します。
- 会員管理アプリ for WP のインポート
- APIトークンの発行
- カスタムモジュールの設定
会員管理アプリ for WP とは
WordPress向けに最適化された会員管理用のSPIRAL専用アプリです。パッケージは会員DBや登録フォーム、認証フォームで構成されています。専用アプリを使用することで開発の工数を削減できます。
会員管理アプリ for WP のインポート
①アプリメニューから「＋」マークをクリックしアプリ作成メニューを表示します。
②アプリ作成ポップアップからテンプレートから選ぶを選択。
③テンプレートアプリ選択より、会員管理アプリ for WP を選択。選択後アプリのインポートが始まります。
④アプリタブ内で「次へ」を選択。ここからは画面に沿って必要事項を入力していきます。
設定内容はインポート後に変更可能です。設定に迷ったら仮の内容で進めましょう。
⑤DBタブ内で会員DBの登録上限数を入力します。入力後「次へ」を選択。
⑥関連設定タブでマイエリア管理者メールアドレスを入力します。入力後「次へ」を選択。
⑦メールタブで送信者メールアドレスを入力します。送信者メールドレスは新規登録完了メールなどの差出人アドレス（fromアドレス）として使用されます。入力後「次へ」を選択。
⑧開発タブで「次へ」を選択。
⑨インポートタブで「インポート」を選択。
⑩アプリのインポートが完了しました。一覧へ戻るを選択するとアプリ一覧内に「会員管理アプリ for WP」が表示されます。
インポートが中断してしまったら…
アプリメニューから「＋」マークをクリックします。
途中から作成一覧からインポートを再開したいアプリを探し「▶」ボタンを選択すると、作業が再開できます。
APIトークンの発行
①開発メニューからスパイラルAPIを選択
②左メニューからAPIトークンを選択し「トークン発行」ボタンをクリック。ボタンクリック後、ポップアップが表示されます。
③APIトークンメニュー内に必要事項を入力します。
トークンタイトル：wpmls_high
APIタイプ制限：「制限する」にチェック
利用可能APIタイプ：「ハイレベル」「ローレベル」の2箇所にチェック
許可するマイエリア：編集ボタンから「wpmls_area」および「wpmls_area_pw」にチェック
チェック完了後「発行する」ボタンをクリック。
④APIトークンの発行が完了しました。一覧へ戻るを選択するとAPI一覧内に発行したトークン「 wpmls_high 」が表示されます。
カスタムモジュールの設定
①開発メニューからカスタムモジュールを選択
②カスタムモジュール一覧から「wpmls_module」フォルダをクリックし、表示された「login_url」fileを選択
③phpスクリプトを編集します。
「WORDPRESS_URL = “”;」にWordPressで構築したWebサイトのTOPページURLを設定。
※URL末尾のスラッシュまで記載してください。
NG：https://apl-support.pi-pe.co.jp
OK：https://apl-support.pi-pe.co.jp/
設定後、「保存」ボタンをクリックして変更内容を保存すればカスタムモジュールの設定は完了です。
STEP.2 WP Member Login by SPIRAL のインストール
続いてWordPress管理画面にログインしプラグイン「 WP Member Login by SPIRAL 」をインストールします。
プラグインのインストール
①プラグインメニューの新規追加ページにて、キーワード「 WP Member Login by SPIRAL 」を検索します。
②今すぐインストールを選択。
③インストール後、有効化を選択。
④プラグインのインストールが完了しました。インストール完了後、WordPress管理画面の設定メニュー内に「 WP Member Login by SPIRAL 」が追加されます。
STEP.3 WP Member Login by SPIRAL のセットアップ
最後に プラグイン「 WP Member Login by SPIRAL 」とSPIRAL®「会員管理アプリ for WP」の接続情報を設定します。
SPIRAL接続情報の設定
① WordPress管理画面の設定メニュー内の「WP Member Login by SPIRAL」を選択。
②プラグイン専用の設定画面が表示されたらSPIRAL®「会員管理アプリ for WP」との接続情報を入力していきます。
入力に必要な各接続情報はSPIRALにログインして確認します。
③スパイラルAPIトークン の入力
【SPIRAL】開発メニューからスパイラルAPIを選択
【SPIRAL】左メニューからAPIトークンを選択。タイトル「wpmls_high」のAPIトークンおよびAPIトークンシークレットを取得
【WordPress】取得したAPIトークン・APIトークンシークレット情報をWordPress設定画面に入力。
④ログイン認証用フォームのURL の入力
【SPIRAL】アプリ一覧から「会員管理アプリ for WP」を選択
【SPIRAL】関連設定より WP用ログイン認証用 を選択
【SPIRAL】設定内容よりURLを取得
【WordPress】取得したURLをWordPress設定画面「ログイン認証用フォームのURL」欄 に入力。
⑤各種リンク設定の入力
【SPIRAL】アプリ一覧から「会員管理アプリ for WP」を選択
【SPIRAL】関連設定より WP用会員新規登録 を選択
【SPIRAL】設定内容よりURLを取得
【WordPress】取得したURLをWordPress設定画面「会員新規登録ページURL」欄に入力。
【SPIRAL】関連設定より WP用会員PW忘れ手続き を選択
【SPIRAL】設定内容よりURLを取得
【WordPress】取得したURLをWordPress設定画面「パスワード再設定ページURL」欄に入力。
【SPIRAL】関連設定より wpmls_area を選択
【SPIRAL】ページ設定メニュー内から「カスタムページ」を選択
【SPIRAL】「WP用会員情報変更」「WP用会員PW変更」「WP用会員退会」のIDを取得
【WordPress】取得したIDをWordPress設定画面「会員情報変更ページID」「パスワード変更ページID」「退会ページID」欄に入力
最後に「変更を保存」ボタンをクリックしてWP Member Login by SPIRAL のセットアップが完了です。
設定完了！
お疲れ様でした！ 以上で会員サイト作成の３ステップが完了です。
プラグイン「WP Member Login by SPIRAL」を活用して会員サイトをより充実させていきましょう。
プラグイン機能の使い方については機能ページを御覧ください。