機能: WordPress Paid Memberships Proの会員画面設定

WordPress/PMPro
概要

機能: WordPress Paid Memberships Proの会員レベル設定 | GNU social JP」に記した通り、PMProで会員レベルを設定しました。

今回は会員画面・会員ページの画面構成を設定します。「PMPro Initial Setup Step 2. Setting Up Pages」を参考にしました。

画面

[Memberships]-[Settings]-[Pages] でセットアップウィザードで自動生成された固定ページと実機能が対応付けられています。

各画面の意味は以下の表の通りです。

画面の意味
項目短絡コード内容
Account Pagepmpro_account会員購読の購読状況画面。
Billing Information Pagepmpro_billing会員購読の請求明細画面。
Cancel Pagepmpro_cancel会員購読の停止画面。
Checkout Pagepmpro_checkout会員購読の購入画面。
Confirmation Pagepmpro_confirmation会員購読の購入確認画面。
Invoice Pagepmpro_invoice会員購読の納品明細画面。
Levels Pagepmpro_levels会員購読の選択画面。
Log In Pagepmpro_loginログイン・ログアウト画面。
Member Profile Edit Pagepmpro_member_profile_editプロフィール (氏名/表示名/メールアドレス) の編集画面。

ショートコードを固定ページに配置して実現されています。

各画面の例を上から順番に以下に掲載します。なお、CheckoutとLevel以外は未ログイン状態だとLogin画面にリダイレクトされます。

新規ユーザーをLevel画面に誘導して、そこから会員レベルを選んでもらってCheckoutで購入してもらうというフローになります。

初回購入時にアカウントを作成することになります。

構成

デフォルトで自動生成されるページとそのURLパスは以下となっています。

自動生成画面の構成
項目ページ名パス
Account PageMembership Account/membership-account/
Billing Information PageMembership Billing/membership-account/membership-billing/
Cancel PageMembership Cancel/membership-account/membership-cancel/
Checkout PageMembership Checkout/membership-account/membership-checkout/
Confirmation PageMembership Confirmation/membership-account/membership-confirmation/
Invoice PageMembership Invoice/membership-account/membership-invoice/
Levels PageMembership Levels/membership-account/membership-levels/
Log In PageLog In/login/
Member Profile Edit PageYour Profile/membership-account/your-profile/

Login画面だけ別のパスになっていたり、ルートパスがmembership-accountと長く、ルートパスにアクセスしたら子画面一覧が表示されてほしいのですが、そうはなっていないなど不満があります。

そこで、以下のように、ページ名やパス (スラグ) を修正します。

自動生成画面の構成
項目ページ名パス
[Member]Member/member/
Account PageMember Account/member/account/
Billing Information PageMember Bill/member/bill/
Cancel PageMember Cancel/member/cancel/
Checkout PageMember Checkout/member/checkout/
Confirmation PageMember Confirm/member/confirm/
Invoice PageMember Invoice/member/invoice/
Levels PageMember Level/member/level/
Log In PageMember Login/member/login/
Member Profile Edit PageMember Profile/member/profile/

/member/の親ページを追加して、この画面にはCC Child Pagesプラグインなどで、子ページを一覧表示させます。これで会員ページ関係の画面が/member以下にまとまってわかりやすいと思います。

またページ名も名詞と動詞がごちゃ混ぜになっていたので、原形に統一しました。

メニュー

固定ページが用意できたので、最後にアクセスできるようにメニューに追加します。

[Appearance]-[Menus] を開いて、以下のように今回設定した固定ページを配置します。

[Add menu items]-[Paid Memberships Pro] があり、 [Log In] と [Log Out] の項目があります。これらを使うと、Login/Logoutの状況に応じて片方が自動的に非表示になるので、Loginの画面の代わりにこちらのメニューを配置しました。

その他、ユーザーが直接アクセスする必要のない [Checkout/Confirm] をメニューから除外し、[Member Level] がわかりにくいので [Register] にメニューだけ改名してLogin/Logoutのすぐ下に配置しました。

ついでに、Memberページも同様に [Checkout/Confirm] だけ除外しします。CC Child Pagesプラグインのショートコードで、以下のようにexcludeにCheckout/Confirmの投稿IDを指定して除外します。

child_pages hide_excerpt="true" exclude="6460,6463"

最終的に上記のようにメニューとMemberページが構成されます。必要な項目が一か所にまとまってすっきりしました。

結論

PMProの会員画面の設定でした。

ひとまず画面構成をきれいに整えて、アクセスできるようにしました。

デフォルトだと言語が英語になっていたり、レイアウトが場合によってはいまいちなこともあるので、ここは必要に応じてさらに修正も必要になるでしょう。

Comments

  1. This Article was mentioned on web.gnusocial.jp

Copied title and URL