ドキュメント

プラグインのインストールと設定

1. プラグインをインストール

2. WordPress管理画面の「パーマリンク設定」で「変更を保存」をクリック

※パーマリンク構造は「基本」以外を選択する必要があります。

テーマへ組み込み

1. テーマへの追加ファイルをアップロードします。

雛形のダウンロードはこちら

追加ファイルの構成は以下の通りです。

auth
  ├ auth.css
  ├ login.php
  ├ lost-password-mailsent.php
  ├ lost-password.php
  ├ register-complete.php
  ├ register-mailsent.php
  ├ register-password.php
  ├ register.php
  ├ reset-password-complete.php
  └ reset-password.php
header-auth.php
footer-auth.php

2. CSSファイルの読み込み(functions.phpの編集)

以下を参考に、CSSファイル(auth/auth.css)を読み込むコードをfunctions.phpに追記します。

add_action( 'wp_enqueue_scripts', function() {
  if ( is_page( 'auth' ) ) {
    wp_enqueue_style( 'auth', get_theme_file_uri() . '/auth/auth.css', array(), '1.1.0');
  }
} );

他に、ログイン画面等で読み込んではいけないCSSやJavaScriptがある場合は、テーマに応じて適宜追記してください。

3. ログインページにアクセス

/login/ へアクセスし、正しく表示されるか確認します。
雛形のデザインをそのまま利用する場合は、以上で作業は完了となり、以降の手順は不要です。

4. 各ファイルの役割と編集方法

以下のファイルは、それぞれのURLに対応したテーマファイルです。
例えば /login/ ページを変更するには、login.php を編集します。

login.php
register.php
register-mailsent.php
register-password.php
register-complete.php
lost-password.php
lost-password-mailsent.php
reset-password.php
reset-password-complete.php

5. ログアウトされたことの検出方法

if (location.hash === '#just-logged-out') {
  alert('ログアウトしました。')
  history.pushState({}, '', location.pathname)
}

Melmiumの仕様について

Melmiumプラグインは、固定ページを自動で1ページ作成します。
作成した固定ページを利用して、ログイン画面や会員登録画面を表示します。

登録した会員は、WordPressのユーザーとして登録されます。
会員のユーザー権限グループは「閲覧者」です。