WordPress　サイト制作（3.ページ作成）

①「固定ページ」
②「新規固定ページを追加」
③「タイトルを追加」に「トップページ」と記入
④ にトップページの内容を設定してください。詳しい設定方法は前項「２ 基本設定」の「⑦ メインの編集」より確認ください。こちらの設定はいつでも可能なので飛ばしても構いません。
⑤「公開」
⑥「公開」
⑦ の欄にトップページが追加される

⑧「固定ページ」
⑨「トップページ」
⑩「クイック編集」
⑪「スラッグ」欄にパーマリンクにしたい文字を記入
(例)「top」と記入でよい
⑫「更新」

⑬「設定」
⑭「表示設定」
⑮「固定ページ(以下で選択)」に☑ｗ入れる
⑯「ホームページ： 」から「トップページ」を選択
⑰「変更を保存」

以上で⑨のトップページの横に『ーフロントページ』と表示され、トップページの設定は完了となります。

①「固定ページ」
②「新規固定ページを追加」
③「タイトルを追加」に「ーーー」と記入
④ にーーーページの内容を設定してください。詳しい設定方法は前項「２ 基本設定」の「メインの編集」より確認ください
⑤「公開」
⑥「公開」
⑦ の欄にーーーーーが追加される

①「固定ページ」
②「新規固定ページを追加」
③「タイトルを追加」に「ーーー」と記入
④ にーーーページの内容を設定してください。詳しい設定方法は前項「２ 基本設定」の「メインの編集」より確認ください
⑤「公開」
⑥「公開」
⑦ の欄にーーーーーが追加される

①「固定ページ」
②「新規固定ページを追加」
③「タイトルを追加」に「ーーー」と記入
④ にーーーページの内容を設定してください。詳しい設定方法は前項「２ 基本設定」の「メインの編集」より確認ください
⑤「公開」
⑥「公開」
⑦ の欄にーーーーーが追加される

①「固定ページ」
②「新規固定ページを追加」
③「タイトルを追加」に「ーーー」と記入
④ にーーーページの内容を設定してください。詳しい設定方法は前項「２ 基本設定」の「メインの編集」より確認ください
⑤「公開」
⑥「公開」
⑦ の欄にーーーーーが追加される

①「プラグイン」
②「新規追加」
③「プラグインの検索」に「Simple Membership」と入力
④ Simple Membershipのプラグイン内の「今すぐインストール」をクリックするとインストールがはじまり、完了すると同じ場所に「有効化」と出るのでクリック。
ダッシュボードに「WP Membership」が追加されSimple Membershipが使用可能になる
⑤固定ページに
「Join Us」
「－登録」
「Thank You」
「メンバーログイン」
「ーパスワードのリセット」
「ープロフィール」
「利用規約」
の８つのページが自動で作成される。

①「WP Membership」
②「会員レベル」
③「新規追加」
④「レベルの追加」
⑤「会員レベル名(必須)」に任意の言葉を入力(“無料会員”でよい)
⑥「WordPress のデフォルトユーザー権限 (必須)」はそのまま”購読者”でよい
⑦「有効期限(必須)」は無期限に☑を入れる
⑧「メールで有効化する」に☑を入れる
⑨「新規メンバーシップレベルの追加」
⑩「会員レベル」
⑪ 欄に新たに会員レベルが追加される

①「WP Membership」
②「設定」
③「一般設定」
④「無料会員を有効にします」に☑を入れる
⑤「無料会員レベルの ID」に前項で設定した無料会員レベルのIDを入力（※IDの確認方法：「WP Membership」⇨「会員レベル」⇨ 登録した無料会員欄の左に表示される数値）
⑥「More タグ以下のコンテンツを限定公開」に☑を入れる。※「Moreタグ」とは「続きを読む」などの限定公開したい場合に使います。限定公開を有効化するためにこちらは☑を入れる
⑦「管理バーを表示」は非表示がお勧めなのでチェックを入れない。※表示させたい場合は☑を入れる
⑧「管理人に管理ツールバーを表示」に☑を入れる
⑨「WP ダッシュボードへのアクセスを無効にする」にチェックを入れる
⑩「変更を保存」

①「WP Membership」
②「会員レベル」
③「新規追加」
④「レベルの追加」
⑤「会員レベル名(必須)」に任意の言葉を入力(“管理者”でよい)
⑥「WordPress のデフォルトユーザー権限 (必須)」から管理者を選択
⑦「有効期限(必須)」は無期限に☑を入れる
⑧「メールで有効化する」はなにもしない
⑨「新規メンバーシップレベルの追加」
⑩「会員レベル」
⑪ 欄に新たに会員レベルが追加される

①「外観」
②「メニュー」
③「編集するメニューを選択」欄から「ヘッダーメニュー」を選択
④「すべて表示」
⑤「－登録」に☑を入れる
⑥「メニューに追加」
⑦ に『－登録』のメニューが追加される
・次に名前を『－登録』から『会員登録』に変更する
⑧「－登録」の右側の「▼」をクリック
⑨「ナビゲーションラベル」欄の「－登録」を削除して「会員登録」と入力する。こちらは任意の言葉で構いませんが会員登録ページへのリンクだとわかりやすい言葉にしてください。
⑩「メニューの位置」欄の「ヘッダーメニュー」に☑を入れる
※iPadなどのタブレットでヘッダーメニューを表示させたい場合は「ヘッダーモバイルメニュー」に☑を入れる。未チェックの場合はメニューをまとめたメニューアイコンとして表示される。
⑪「メニューを保存」

・設定手順
①「固定ページ」
②「ー 登録」
③ のコードの箇所が会員登録フォームとなります

[swpm_registration_form]

④ 更新

①「外観」
②「カスタマイズ」
③「追加CSS］
④ の最後尾に以下のコードを張り付ける
※他のコードは消さないように気を付けてください

tr.swpm-registration-firstname-row{
display:none;
}tr.swpm-registration-lastname-row{
display:none;
}

⑤「公開」

①「外観」
②「メニュー」
③「編集するメニューを選択」からヘッダーメニューを選んで「選択」
④「すべて表示」
⑤「ログイン」にチェックを入れる
⑥「メニューに追加」
⑦ に『ログイン』のメニューが追加される
—————————————
※ こちらでメニューの名前を変更できます。
変更する場合は⑧「▼」をクリックし⑨「ナビゲーションラベル」欄に変更したい名前を入力
—————————————
⑩「メニューの位置」欄の「ヘッダーメニュー」に☑を入れる
※iPadなどのタブレットでヘッダーメニューを表示させたい場合は⑪「ヘッダーモバイルメニュー」に☑を入れる。未チェックの場合はメニューをまとめたメニューアイコンとして表示される。
⑫「メニューを保存」

①「固定ページ」
②「メンバーログイン」
③ のコードの箇所がログインフォームとログイン直後となります。

[swpm_login_form]

※「ログインフォームとログイン直後」自体を編集することはできません
※上記コード以外の編集は自由に可能です。

①「固定ページ」
②「ーパスワードのリセット」
③ のコードがパスワードリセット時の入力フォームとなります。

[swpm_reset_form]

③ 「更新」

①「外観」
②「カスタマイズ」
③「追加CSS］
④ の最後尾に以下のコードを張り付ける
※他のコードは消さないように気を付けてください

.swpm-join-us-link { display:none; }

⑤「公開」

・まず「会員についてのページ」にしたいページを作成する。
①「固定」
②「新規追加」
③「タイトルを追加」欄に「会員について」と入力
④「ブロックを選択するには「/」を入力」欄にページに表示したい文章を入力

⑤「公開」
⑥「公開」
⑦ の場所に「固定ページを表示」アイコンが表示されるのでクリックしてブラウザで編集中のページを表示する
⑧ 表示されたページの「URL」をコピーする

①「固定」
②「－登録」
③「固定ページを表示」アイコンをクリックしてブラウザで―登録ページを表示する
④ 表示されたページの「URL」をコピーする
⑤「公開」※ページの内容を変更していなければ「公開」をクリックする必要はありません

⑥「WP Membership」
⑦「設定」
⑧「一般設定」
⑨「会員登録の案内ページ URL」欄のURLを全て削除し⑧のURLを張り付ける
⑩「変更を保存」

①「固定ページ」
②「ープロフィール」
③ のコードの箇所が会員プロフィール変更のフォームとなります。

[swpm_profile_form]

※「プロフィール編集フォーム」自体を編集することはできません
※上記コード以外の編集は自由に可能です。
④「更新」

・会員が退会するためのボタン「アカウントの削除」をプロフィール編集フォームに配置します。
①「WP Membership」
②「設定」
③「詳細設定」
④「アカウント削除の許可」に☑を入れる
⑤「変更を保存」
これでプロフィール編集フォームの一番下に「アカウントの削除」ボタンが追加されます。

①「外観」
②「メニュー」
③「編集するメニューを選択」からヘッダーメニューを選んで「選択」
④「すべて表示」
⑤「プロフィール」にチェックを入れる
⑥「メニューに追加」
⑦ に『プロフィール』のメニューが追加される
⑨ 右端の『▲』をクリック
⑩「ナビゲーションラベル」欄にリンクのメニュー名として「会員情報」と入力。
※こちらの設定は任意です。当解説では「会員情報」というメニュー名にしていますが以下入力例を参考に好きなものを入力してください

会員情報、登録情報、会員ページ、アカウント、マイページ

⑪「メニューの位置」欄の「ヘッダーメニュー」に☑を入れる
※iPadなどのタブレットでヘッダーメニューを表示させたい場合は「ヘッダーモバイルメニュー」に☑を入れる。未チェックの場合はメニューをまとめたメニューアイコンとして表示される。
⑫「メニューを保存」

まず会員のみ閲覧できるページを選んでください。以下は例としてトップページ（固定ページ）を会員のみ閲覧できるようにする手順です。
①「固定ページ」
②「トップページ」
③「Simple WP Membership」右端の④「▼」をクリック
⑤「このコンテンツを限定公開にしますか ?」の「はい、コンテンツを保護します。」に☑を入れる
⑥「このコンテンツを閲覧できる会員レベルを選択してください:」の「無料会員」と「管理者」に☑を入れる
⑦「更新」

・アドオン『Custom Messages』使用
①「WP membership」
②「アドオン」
③「Custom Messages」をクリックして詳細ページに移動
④ リンク「Click Here to download the custom messages addon.」をクリックしてダウンロードページに移動
⑤「Down Load」
⑥「simple-membership-after-login-redirection」という圧縮ファイルがダウンロードされる
⑦「プラグイン」
⑧「新規プラグインを追加」
⑨「プラグインのアップロード」
⑩「⑥でダウンロードした圧縮ファイル」を指定して「開く」
⑪「今すぐインストール」
⑫「プラグインを有効化」
⑬「WP membership」の中に「Custom Messages」が追加される
⑭「Custom Messages」

⑮「Restricted Post」
こちらは会員レベルの制限の設定です。例えば無料会員は閲覧できるが有料会員は閲覧できない設定をした時の表示文です。以下を記入してください
───────────────────────
会員レベルを上げてください
───────────────────────

⑯「Restricted Post (Not Logged-in)」
こちらは非会員、ログインしていないユーザーへのメッセージとなります。以下を記入してくださいこのページを閲覧するにはログインが必要です。
───────────────────────
このページを閲覧するにはログインが必要です。
───────────────────────

⑰「変更を保存」
・「Sorry, your nonce did not verify.」と表示されるが設定は反映されている




・『Custom Messages』を無効化する方法
①「プラグイン」
②「インストール済プラグインを検索」欄に「Custom Messages」と記入
③「無効化」

・アドオン『After Login Redirection』を使用
①「WP membership」
②「アドオン」
③「After Login Redirection」をクリックして詳細ページに移動
④ リンク「Install the After Login Redirection addon.」をクリックしてダウンロードページに移動
⑤「Down Load」
⑥「simple-membership-after-login-redirection」という圧縮ファイルがダウンロードされる
⑦「プラグイン」
⑧「新規プラグインを追加」
⑨「プラグインのアップロード」
⑩「⑥でダウンロードした圧縮ファイル」を指定して「開く」
⑪「今すぐインストール」
⑫「プラグインを有効化」
⑬「WP membership」の中に「Login Redirection」が追加される
⑭「Login Redirection」
⑮「Enable Redirect to Last Page」横に☑を入れる
⑯「Save」

・『After Login Redirection』を無効化する方法
①「プラグイン」
②「インストール済プラグインを検索」欄に「After Login Redirection」と記入
③「無効化」

①「Simple WP Membership」
②「メンバー」
③ の欄にメンバーの登録情報が一括で表示されます

①「Simple WP Membership」
②「メンバー」
③「メンバーの追加」
④「ユーザー名」に管理者であるあなたの名前を記入　例）master　manager
⑤「メール」を記入
⑥「パスワード」を記入
⑦「アカウント状態」から「有効」を選択
⑧「会員レベル」から「管理者」を選択
⑨「新規メンバーを追加」

①「WP Membership」
②「会員レベル」
③「レベルの追加」
④「会員レベル名 (必須)」に任意の言葉を入力
例)有料会員
⑤「有効期限____月(指定した月数の間有効)」に☑を入れ⑥ に一ヶ月ごとに支払う設定なので「1」と記入
⑦「メールで有効化する」はなにもしない
⑧「新規メンバーシップレベルの追加」

①「固定ページ」
②「新規固定ページを追加」
③「タイトルを追加」欄に「有料会員登録」と記入。
こちらの文章が後に設定するリンクの名前となります。（※後に変更可能）
④ に有料会員登録ページに記載したい文章を記入。
※こちらの設定は後に自由に変更、編集できるので飛ばしても構いません。文章の例として、会員になることで得られる特典やサービスの説明。料金やプランの内訳、利用規約などを入力してください。

・会員登録者のみ,こちらのページを閲覧・利用できるようにする。
ページ下部の領域から⑤「Simple WP Membership プロテクション」欄の右端「▼」
⑥「このコンテンツを限定公開にしますか？」の「はい、コンテンツを保護します」に☑を入れる
⑦「このコンテンツを閲覧できる会員レベルを選択してください」の「無料会員、有料会員、管理者」の3つに☑を入れる
以上の設定で会員登録者のみ閲覧できるようになります。また未登録の非会員は別の内容が表示されますがこちらの設定は後に行います
⑧「公開」
⑨「公開」

①「外観」
②「メニュー」
③「編集するメニューを選択」欄から「ヘッダーメニュー」を選択
④「すべて表示」
下記欄から⑤「有料会員登録」に☑を入れる
⑥「メニューに追加」
⑦ に『有料会員登録』のメニューが追加される

・備考：こちらでもメニューの名前を変更できます。
⑧「有料会員登録」の右側の「▼」をクリック
⑨「ナビゲーションラベル」欄の「有料会員登録」を削除して変更する名称を入力。

⑩「メニューの位置」欄の「ヘッダーメニュー」に☑を入れる
※iPadなどのタブレットでヘッダーメニューを表示させたい場合は⑪「ヘッダーモバイルメニュー」に☑を入れる。未チェックの場合はメニューをまとめたメニューアイコンとして表示される。
⑫「メニューを保存」

・PayPal決済の設定をする

ここでは一ヶ月に５００円を１回請求する場合の設定を解説します
①「WP Membership」
②「支払い」
③「Create New Button」
・ 定期購読(月々いくらなどの期限あり支払)で解説しますので④「PayPalサブスクリプション」に☑を入れる
⑤「次」

⑥「ボタンのタイトル」にわかりやす
い文章を記入　例）有料会員決済
⑦「会員レベル」から「有料会員」を選択
⑧「支払通貨」から「Japanesse
Yen(￥)」を選択
⑨「PayPal メール」にPeyPalに登録したメールアドレスを記入※PayPal決済の紐づけとなる
⑩「各サイクルの請求額」に請求料金(１回あたりにいくら請求するか)を記入　
※当解説では500円を請求する設定なので「500」と記入
⑪「請求サイクル」に「1」と入力して⑫から「Month(s)」を選択
⑬「請求サイクルカウント」に「１」と入力

※前項の『① 有料会員の基本設定(会員レベルの設定)』の⑤で設定した有効期限と合わせる

⑭「失敗時の再試行」に☑を入れる
⑮「リターンURL」は支払い完了後に表示されるページを設定します。空欄ならトップページが表示されます。特にこだわりがなければこちらは空欄で良い
⑯「ボタン画像 URL」は決済ボタンをデザインできます。空欄にすればデフォルトで用意された画像が適用されます。

ボタンを任意の画像に設定する場合：
「メディア」にボタンにしたい画像をアップロードし「ファイルのURL」をコピーし⑯「ボタン画像 URL」に張り付ける

⑰「支払データ保存」
※決済ボタンが作成される

・有料会員ページ(有料会員のみ閲覧できる)ページを作ります。ここでは固定ページで作成する解説をします。

①「固定ページ」
②「新規固定ページを追加」
③「タイトルを追加」欄に「有料会員ページ」と入力
④「Simple WP Membership プロテクション」の「▼」
⑤「このコンテンツを限定公開にしますか？」を「はい、コンテンツを保護します」に☑を入れる
⑥「このコンテンツを閲覧できる会員レベルを選択してください」の「管理者」と「有料会員」の２つにチェックを入れる
⑦「公開」
⑧「公開」
・有料会員ページが作成される

・作成した有料会員ページのパーマリンクの設定

①「固定ページ」
②「有料会員ページ」にカーソルを合わせて「クイック編集」
③「スラッグ」に任意の言葉を入力
ここでは「paidmembership」でよい
④「更新」

・作成した有料会員ページをヘッダーメニューに追加する
※こちらの設定は省略いたします。詳細解説は「２基本設定」ページの「９，ヘッダー」➡「ヘッダーメニューの作成」を参照ください

①「外観」
②「メニュー」
③「ヘッダーメニュー」を選択
④「固定ページ」欄から「有料会員ページ」に☑を入れる
⑤「メニューに追加」

・現段階ではメニュー名が「有料会員ページ」となっているので変更する場合は以下を設定
⑥「有料会員ページ」右端の「▼」
⑦「ナビゲーションラベル」に変更したい名前を入力
⑧「メニューを保存」

①「WP Membership」
②「」
③「」
④「」
⑤「」
⑥「」
⑦「」
⑧「」
⑨「」
⑩「」

①「WP Membership」
②「」
③「」
④「」
⑤「」
⑥「」
⑦「」
⑧「」
⑨「」
⑩「」

①「WP Membership」
②「」
③「」
④「」
⑤「」
⑥「」
⑦「」
⑧「」
⑨「」
⑩「」

①「WP Membership」
②「会員レベル」
③「レベルの追加」
④「会員レベル名 (必須)」にここでは以下を入力
──────────────────────
280円・30日　●●●
──────────────────────
●●●にはページ名やコンテンツ名を入力

⑤「有効期限____日(指定した日数の間有効)」に☑を入れ⑥ に30日期限なので「30」と記入
⑦「メールで有効化する」はなにもしない
⑧「新規メンバーシップレベルの追加」

⑨「メンバー」
⑩ に新たに『会員レベルを設定した会員メンバー』が作成される

①「固定ページ」
②「新規固定ページを追加」
③「タイトルを追加」欄に『280円ページ』のタイトルを入力してください。以下の文章を記入してください。
※後に変更可能
──────────────────────
(記入文章)280円有料ページ
──────────────────────

④ は280円ページのコンテンツを設定します。こちらは説明を割愛いたします。※こちらの設定は後に自由に変更、編集できるので、とりあえずコンテンツは空の状態で『280円ページ』を作成します

購入者のみ,こちらのページのコンテンツを閲覧・利用できるようにします。
ページ下部の領域から⑤「Simple WP Membership プロテクション」欄の右端「▼」をクリックし、下に展開される
⑥「このコンテンツを限定公開にしますか？」の「はい、コンテンツを保護します」に☑を入れる
⑦「このコンテンツを閲覧できる会員レベルを選択してください」の中から前項の『① 基本設定』で設定した「280円・30日　●●●」に☑を入れる
⑧「公開」→「公開」

①「固定ページ」
②「固定ページ一覧」
③「280円有料ページ」にカーソルを合わせて
④「クイック編集」
⑤「スラッグ」に任意の言葉を入力
ここでは「paidmembership」でよい
⑥「更新」

①「WP Memgership」
②「Custom Message」
③「Restricted Post」に表示したい文章を入力

④「新規追加」

①「WP Memgership」
②「Custom Message」
③「Restricted Post」に表示したい文章を入力
入力例

※デフォルトの空欄状態では「このコンテンツはあなたの会員レベルでは閲覧できません」と表示される

④「新規追加」

ここでは特定のページを２８０円１回請求で閲覧期限30日にする場合の設定を解説します
①「WP Membership」
②「支払い」
③「Create New Button」
④「PayPal 今すぐ購入」に☑を入れる
⑤「次」

⑥「ボタンのタイトル」に以下を入力
───────────────────
280円・30日　●●●
───────────────────
⑦「会員レベル」から「280円/１カ月」を選択
⑧「支払金額」に 280 と記入「支払通貨」から「Japanesse
Yen(￥)」を選択
⑨「支払通貨」から「Japanesse Yen(￥)」を選択
⑩「リターン URL」に280円ページの一つ目のページのURLを記入
※こちらは支払い完了後に表示されるページを設定します。空欄ならトップページが表示されます。特にこだわりがなければこちらは空欄で良い
⑪「PayPal メール」にPeyPalに登録したメールアドレスを記入
⑫「ボタン画像 URL」にボタンの外観をカスタマイズしたい場合に画像の URL を入力します。特にこだわりがなければ空欄で良い
⑬「カスタムチェックアウトページのロゴ画像」はPaypal チェックアウトページをロゴ/画像でカスタマイズする場合は、画像 URL を指定します。 画像の URL は「https」URL である必要があります。特にこだわりがなければ空欄で良い

⑭「支払データ保存」
※決済ボタンが作成される

ここでは特定のページを２８０円１回請求で閲覧期限30日にする場合の設定を解説します
①「WP Membership」
②「支払い」
③「Create New Button」
④「PayPal 今すぐ購入」に☑を入れる
⑤「次」

⑥「ボタンのタイトル」に以下を入力
───────────────────
280円・30日　●●●
───────────────────
⑦「会員レベル」から前項の「① 基本設定」で設定した会員レベルの「280円・30日　●●●」を選択
⑧「支払金額」に 280 と記入
⑨「支払通貨」から「Japanesse Yen(￥)」を選択

・支払い完了後に表示されるページの設定
⑩「リターン URL」には支払い完了後に表示されるページのURLを記入します。例として以下があります
───────────────────
A・280円ページのURL
B・280円ページのひとつ前のページのURL
C・空欄ならトップページが表示される。
───────────────────
※有料にするページがひとつの場合はAがおすすめ。
※有料にするページが複数ある場合は

⑪「PayPal メール」に『⑦ 購入ページ：決済サービス（PayPal）の設定』で設定した「PeyPalに登録したメールアドレス」を記入

・購入ボタンの画像設定
⑫「ボタン画像 URL」は特にこだわりがなければ空欄で良い。空欄にすると【購入する】というボタンになる。
───────────────────
購入ボタンをカスタマイズ留守手順
「メディア」にボタンにしたい画像をアップロードする。⇨ アップロードした画像をクリックし添付ファイルの詳細を開く ⇨ 右欄の「ファイルの URL:」をコピーする ⇨ ⑫「ボタン画像 URL」に張り付ける
───────────────────

⑬「カスタムチェックアウトページのロゴ画像」は特にこだわりがなければ空欄で良い。
※こちらはPaypal チェックアウトページをロゴ/画像でカスタマイズする設定です。画像 URL を指定し設定します。 画像の URL は「https」である必要があります。
⑭「支払データ保存」
※購入ボタンが作成される