![Page 1: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/1.jpg)
1
セキュリティの⾼い会員サイトを作るためのWordPressプラグイン
◆必要な契約SPIRAL基本契約SPIRALAPIオプション(分間10件以上決済の発⽣が想定される場合)
◆必要なスキルWordpress知識
◆作業⼯数1営業⽇ ※サイト構築は除く
![Page 2: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/2.jpg)
2
1.必要な環境の準備WordPressで構築したWebサイト
2.SPIRALの設定(1)「会員管理アプリ for WP」インポート※(2)SPIRAL APIの設定(3)「WP⽤ログイン認証⽤」フォームを設定
3.WordPressの設定(1)「WP Member Login by SPIRAL」インストール(2)SPIRALとの接続情報を設定(3)ウィジェットを追加
⼿順
※当マニュアルはSPIRALが提供するテンプレートアプリを使⽤する場合の 作業⼿順となっております。 テンプレートアプリに含まれる内容は主に以下となります。 ・会員DB ・会員新規登録、変更、退会フォーム ・ログイン処理⽤プログラム
詳細はアプリインポート後、「ドキュメント」リンクよりドキュメントをご確認ください。
![Page 3: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/3.jpg)
3
1.必要な環境の準備WordPressで構築したWebサイト
2.SPIRALの設定(1)「会員管理アプリ for WP」インポート(2)SPIRAL APIの設定(3)「WP⽤ログイン認証⽤」フォームを設定
3.WordPressの設定(1)「WP Member Login by SPIRAL」インストール(2)SPIRALとの接続情報を設定(3)ウィジェットを追加
![Page 4: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/4.jpg)
4
②「+(プラス)」ボタンをクリック
③「アプリセンターから選ぶ」をクリック
①「アプリ」をクリック
【SPIRAL】「会員管理アプリ for WP」インポート
![Page 5: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/5.jpg)
5
④「会員管理アプリ for WP」の「選択」をクリック
⑤「次へ」をクリック
【SPIRAL】「会員管理アプリ for WP」インポート
![Page 6: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/6.jpg)
6
【SPIRAL】「会員管理アプリ for WP」インポート
⑥「次へ」をクリック
⑦「次へ」をクリック
![Page 7: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/7.jpg)
7
⑧「次へ」をクリック
⑨「次へ」をクリック
【SPIRAL】「会員管理アプリ for WP」インポート
![Page 8: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/8.jpg)
8
⑩「次へ」をクリック
⑪「引き続き設定を⾏なう」をクリック
【SPIRAL】「会員管理アプリ for WP」インポート
![Page 9: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/9.jpg)
9
【SPIRAL】「会員管理アプリ for WP」インポート
後続の「3.WordPressの設定(2)SPIRALとの接続情報を設定」(P.33〜)、「2.SPIRALの設定 【SPIRAL】「WP⽤ログイン認証⽤」フォームを設定」(P.23〜)で設定する値を取得します。
●設定項⽬:認証設定>マイエリアタイトル
①「wpmls_area」をクリック
②「エリアタイトル」をメモ 例)wpmls_area
※ヘッターメニューから参照する場合、 WEB>マイエリア>wpmls_area をクリックしてください。
![Page 10: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/10.jpg)
10
【SPIRAL】「会員管理アプリ for WP」インポート
後続の「3.WordPressの設定(2)SPIRALとの接続情報を設定」(P.33〜)で設定する値を取得します。
●設定項⽬:認証設定>ログイン認証⽤フォームのURL
①「WP⽤ログイン認証⽤」をクリック
②「URL」をメモ
※ヘッターメニューから参照する場合、 WEB>フォーム>WP⽤ログイン認証⽤ をクリックしてください。
![Page 11: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/11.jpg)
11
【SPIRAL】「会員管理アプリ for WP」インポート
後続の「3.WordPressの設定(2)SPIRALとの接続情報を設定」(P.33〜)で設定する値を取得します。
●設定項⽬:会員情報設定>会員⼀覧検索タイトル
①「WP⽤会員⼀覧」をクリック
②「WP⽤会員⼀覧検索フォーム」の「設定」をクリック
※ヘッターメニューから参照する場合、 WEB>⼀覧表・単票>WP⽤会員⼀覧>WP⽤会員⼀覧検索フォーム の「設定」をクリックしてください。
![Page 12: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/12.jpg)
12
【SPIRAL】「会員管理アプリ for WP」インポート
②「キーワード」をメモ 例)wpmls_searchform
![Page 13: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/13.jpg)
13
【SPIRAL】「会員管理アプリ for WP」インポート
後続の「3.WordPressの設定(2)SPIRALとの接続情報を設定」(P.33〜)で設定する値を取得します。
●設定項⽬:各種リンク設定>会員新規登録ページURL
①「WP会員新規登録」をクリック
②「URL」をメモ
※ヘッターメニューから参照する場合、 WEB>フォーム>WP会員新規登録 クリックしてください。
![Page 14: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/14.jpg)
14
【SPIRAL】「会員管理アプリ for WP」インポート
後続の「3.WordPressの設定(2)SPIRALとの接続情報を設定」(P.33〜)で設定する値を取得します。
●設定項⽬:各種リンク設定>パスワード再設定ページURL
①「WP⽤会員PW忘れ⼿続き」をクリック
②「URL」をメモ
※ヘッターメニューから参照する場合、 WEB>フォーム>WP⽤会員PW忘れ⼿続き クリックしてください。
![Page 15: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/15.jpg)
15
【SPIRAL】「会員管理アプリ for WP」インポート
後続の「3.WordPressの設定(2)SPIRALとの接続情報を設定」(P.33〜)で設定する値を取得します。
●設定項⽬:各種リンク設定>会員情報変更ページID
①「wpmls_area」をクリック
※ヘッターメニューから参照する場合、 WEB>マイエリア>wpmls_area をクリックしてください。
![Page 16: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/16.jpg)
16
【SPIRAL】「会員管理アプリ for WP」インポート
●設定項⽬:各種リンク設定>会員情報変更ページID
②「カスタムマイページ」をクリック
![Page 17: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/17.jpg)
17
【SPIRAL】「会員管理アプリ for WP」インポート
③「WP会員情報変更」の「編集」をクリック
④「差し替えキーワード(マイページID)」のマイページIDをメモ 例)121833
![Page 18: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/18.jpg)
18
【SPIRAL】「会員管理アプリ for WP」インポート
●設定項⽬:各種リンク設定>パスワード変更ページID
①「WP⽤会員PW変更」をクリック
※当画⾯までの⾏き⽅はP.15〜16を参照ください。
②「差し替えキーワード(マイページID)」のマイページIDをメモ 例)121835
![Page 19: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/19.jpg)
19
【SPIRAL】「会員管理アプリ for WP」インポート
●設定項⽬:各種リンク設定>退会ページID
①「WP⽤会員退会」の「編集」をクリック
※当画⾯までの⾏き⽅はP.15〜16を参照ください。
②「差し替えキーワード(マイページID)」のマイページIDをメモ 例)121834
![Page 20: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/20.jpg)
20
1.必要な環境の準備WordPressで構築したWebサイト
2.SPIRALの設定(1)「会員管理アプリ for WP」インポート(2)SPIRAL APIの設定(3)「WP⽤ログイン認証⽤」フォームを設定
3.WordPressの設定(1)「WP Member Login by SPIRAL」インストール(2)SPIRALとの接続情報を設定(3)ウィジェットを追加
![Page 21: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/21.jpg)
21
【SPIRAL】SPIRAL APIの設定
①「開発」をクリック
②「スパイラルAPI」をクリック
③「トークン発⾏」をクリック
⑤「引き続き設定を⾏なう」をクリック
④以下を設定し、「発⾏する」をクリックタイトル:任意 例)wpmls_highステータス:有効APIタイプ制限:制限する利⽤可能APIタイプ:ハイレベル└許可するマイエリア: P3.でインポートしたマイエリア 例)wpmls_area
![Page 22: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/22.jpg)
22
【SPIRAL】「会員管理アプリ for WP」インポート
後続の「3.WordPressの設定(2)SPIRALとの接続情報を設定」(P.33〜)で設定する値を取得します。
●設定項⽬:スパイラルAPIトークン>APIトークン、APIトークンシークレット
「APIトークン」、「APIトークンシークレット」をメモ
![Page 23: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/23.jpg)
23
1.必要な環境の準備WordPressで構築したWebサイト
2.SPIRALの設定(1)「会員管理アプリ for WP」インポート(2)SPIRAL APIの設定(3)「WP⽤ログイン認証⽤」フォームを設定
3.WordPressの設定(1)「WP Member Login by SPIRAL」インストール(2)SPIRALとの接続情報を設定(3)ウィジェットを追加
![Page 24: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/24.jpg)
24
【SPIRAL】「WP用ログイン認証用」フォームを設定
①「WP⽤ログイン認証⽤」をクリック
②「⼊⼒ページ」をクリック
![Page 25: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/25.jpg)
25
③以下の値を書き換える。 MLS_API_TOKEN_TITLE: P.20で発⾏したAPIトークタイトル MLS_MEMBER_AREA_TITLE: P.9でメモしたマイエリアタイトル
④「変更内容をフォームに反映」をクリック
【SPIRAL】「WP用ログイン認証用」フォームを設定
![Page 26: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/26.jpg)
26
⑤「×」をクリック。
【SPIRAL】「WP用ログイン認証用」フォームを設定
![Page 27: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/27.jpg)
27
1.必要な環境の準備WordPressで構築したWebサイト
2.SPIRALの設定(1)「会員管理アプリ for WP」インポート(2)SPIRAL APIの設定(3)「WP⽤ログイン認証⽤」フォームを設定
3.WordPressの設定(1)「WP Member Login by SPIRAL」インストール(2)SPIRALとの接続情報を設定(3)ウィジェットを追加
![Page 28: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/28.jpg)
28
【WP】「WP Member Login by SPIRAL」インストール
①以下へアクセスhttp://wordpress.org/plugins/wp-member-login-by-spiral/
②「Download」をクリック。
![Page 29: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/29.jpg)
29
【WP】「WP Member Login by SPIRAL」インストール
④「プラグイン」をクリック。
③お持ちのWordpressへログイン。
![Page 30: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/30.jpg)
30
【WP】「WP Member Login by SPIRAL」インストール
⑤「新規追加」をクリック。
⑥「ファイルのアプロード」をクリック。
![Page 31: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/31.jpg)
31
【WP】「WP Member Login by SPIRAL」インストール
⑦アップロード後、 「今すぐインストール」をクリック
⑧インストール完了後、 「プラグインを有効化」をクリック
![Page 32: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/32.jpg)
32
【WP】「WP Member Login by SPIRAL」インストール
⑨インストール完了
![Page 33: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/33.jpg)
33
1.必要な環境の準備WordPressで構築したWebサイト
2.SPIRALの設定(1)「会員管理アプリ for WP」インポート(2)SPIRAL APIの設定(3)「WP⽤ログイン認証⽤」フォームを設定
3.WordPressの設定(1)「WP Member Login by SPIRAL」インストール(2)SPIRALとの接続情報を設定(3)ウィジェットを追加
![Page 34: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/34.jpg)
34
【WP】SPIRALとの接続情報を設定
①「設定」をクリック
②「WP Member Login by SPIRAL」をクリック
![Page 35: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/35.jpg)
35
③各値を設定し、「変更を保存」をクリック ※詳細は次ページを参照ください
【WP】SPIRALとの接続情報を設定
![Page 36: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/36.jpg)
36
「WP Member Login by SPIRAL」画⾯の設定内容
スパイラルAPIトークンAPIトークン: P.22でメモしたAPIトークンAPIトークンシークレット: P.22でメモしたAPIトークンシークレット
認証設定マイエリアタイトル: P.9でメモしたマイエリアタイトルログイン認証⽤フォームのURL: P.10でメモしたログイン認証⽤フォームのURL
会員情報設定会員⼀覧検索タイトル: P.11でメモした会員⼀覧検索タイトル会員情報⽤フィールドのキー: name※ログイン時に表⽰する会員の情報を設定します。※「name」という設定は⼀覧表に「lastName」と「firstName」の2つのフィールドが存在する場合に限り有効となる設定で、それらのフィールドを⽂字列連結した形で表⽰する特殊なキーとなっています。※ログインIDであるメールアドレスを表⽰させたい場合は、「email」と設定して下さい。
各種リンク設定会員新規登録ページURL: P.13でメモした会員新規登録ページURLパスワード再設定ページURL: P.14でメモしたパスワード再設定ページURL会員情報変更ページID: P.15でメモした会員情報変更ページIDパスワード変更ページID: P.18でメモしたパスワード変更ページID退会ページID: P.19でメモした退会ページID
【WP】SPIRALとの接続情報を設定
![Page 37: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/37.jpg)
37
1.必要な環境の準備WordPressで構築したWebサイト
2.SPIRALの設定(1)「会員管理アプリ for WP」インポート(2)SPIRAL APIの設定(3)「WP⽤ログイン認証⽤」フォームを設定
3.WordPressの設定(1)「WP Member Login by SPIRAL」インストール(2)SPIRALとの接続情報を設定(3)ウィジェットを追加
![Page 38: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/38.jpg)
38
【WP】ウィジェットを追加
①「外観」をクリック
②「ウィジェット」をクリック
![Page 39: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/39.jpg)
39
【WP】ウィジェットを追加
③「WP Member Login by SPIRAL」を配置したい場所へドラッグ
④「保存」をクリック
![Page 40: セキュリティの⾼い会員サイト を作るため …...1 セキュリティの い会員サイト を作るためのWordPressプラグ イン 必要な契約 SPIRAL基本契約](https://reader033.vdocuments.pub/reader033/viewer/2022052720/5f09a7277e708231d427ddd0/html5/thumbnails/40.jpg)
40
【WP】ウィジェットを追加