Nextend Social Login and Register:SNSアカウントでログインできる
ソーシャルアカウントでメンバー登録&ログインができる WordPress 用プラグインの紹介です。
それは「Nextend Social Login and Register」です。
その導入手順から日本語化・使い方と設定などを解説していきます。
Nextend Social Login and Register
Nextend Social Login and Register は、ソーシャルアカウントでメンバー登録&ログインができます。
既存のユーザーは、WordPress のプロフィールページでソーシャルアカウントの追加または削除ができます。
下記のソーシャルアカウントをサポートしています。
WordPress 標準のメンバー登録とログインフォームに、
ソーシャルアカウントのリンクとログインのボタンを追加します。
いずれかのソーシャルアカウントを使用して、
登録後(最初のログイン時)のリダイレクト先の URL を設定できます。
また、有効なソーシャルアカウントでログインした際のリダイレクト先の URL を設定可。
Facebook、Google、Twitter のプロフィール写真を WordPress のアバターとして表示可。
ショートコードとログインウィジェットを使用しての設置も可能。
記事を作成もしくは更新時点でのバージョン:3.0.20
マルチサイトでの利用:可
Gutenberg エディターでの動作
Gutenberg エディターに追加される機能は無いので、気にする必要は無いです。
インストール手順
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
Nextend Social Login and Register – WordPress.org
もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。
ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Nextend Social Login and Register」と入力します。
検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。
プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。
WordPressプラグインのインストール手順を解説 – WordPress活用術
日本語化
Nextend Social Login and Register を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。
WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。
※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。
日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。
WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術
専用メニュー
ダッシュボードの「設定」メニューの中に追加されています。
使い方
ユーザーがサイトに登録してログインするために使用できるサービスを有効にします。
接続を有効にするには「Getting Started」ボタンをクリックします。
設定手順などが記載されています。
設定
App ID – (Required)
App Secret – (Required)
Facebook の開発者ページで取得できるアプリケーション ID と App Secret を入力します。
上記項目は必須項目です。
Username prefix on register:
メンバー登録時にユーザーネームにプレフィックスを設定したい場合に使用します。
Fallback username prefix on register:
メンバー登録時にフォールバックするユーザーネームプレフィックスを設定します。
ユーザー名が無効または保存されていない場合に使用します。
ボタン
Login label:
Link label:
Unlink label
ボタンで使用するラベルをカスタマイズできます。
Default button:
ボタン自体のカスタマイズができます。
使用方法
使用できるショートコード・リンク・ボタンのコードが表示されています。
接続を有効にするには「Getting Started」ボタンをクリックします。
設定手順などが記載されています。
設定
Client ID – (Required)
Client Secret – (Required)
Google のクライアント ID と App Secret を入力します。
上記項目は必須項目です。
Username prefix on register:
メンバー登録時にユーザーネームにプレフィックスを設定したい場合に使用します。
Fallback username prefix on register:
メンバー登録時にフォールバックするユーザーネームプレフィックスを設定します。
ユーザー名が無効または保存されていない場合に使用します。
ボタン
Button skin:
ボタンに適用するスキンテーマを選択します。
Login label:
Link label:
Unlink label:
ボタンで使用するラベルをカスタマイズできます。
Default button:
ボタン自体のカスタマイズができます。
使用方法
使用できるショートコード・リンク・ボタンのコードが表示されています。
接続を有効にするには「Getting Started」ボタンをクリックします。
設定手順などが記載されています。
設定
API Key – (Required)
API secret key
Twitter のアプリケーション API Key と API secret キーを入力します。
API Key だけ必須項目です。
Username prefix on register:
メンバー登録時にユーザーネームにプレフィックスを設定したい場合に使用します。
Fallback username prefix on register:
メンバー登録時にフォールバックするユーザーネームプレフィックスを設定します。
ユーザー名が無効または保存されていない場合に使用します。
Profile image size:
プロフィール画像のサイズを選択します。
ボタン
Login label:
Link label:
Unlink label
ボタンで使用するラベルをカスタマイズできます。
Default button:
ボタン自体のカスタマイズができます。
使用方法
使用できるショートコード・リンク・ボタンのコードが表示されています。
全般設定(Global Settings)
一般(General)
Debug mode:
デバッグモードを有効にするかどうか。
Page for register flow:
ユーザーに追加のデータを要求したり、利用規約を表示したい場合に使用します。
ショートコード [nextend_social_login_register_flow] を記述したページを指定します。
OAuth redirect uri proxy page:
リダイレクト先のページを指定します。
wp-login.php ページで OAuth フローを処理できない場合に使用できます。
Prevent external redirect overrides:
外部リダイレクトを無効にするかどうか。
Default redirect url:
どこでデフォルトの リダイレクト URL を使用するかどうか。
Fixed redirect url:
ログインもしくは登録フォームで使用する リダイレクト URL を設定できます。
チェックを付けると URL を指定できるようになります。
Blacklisted redirects
リダイレクト URL のパラメーターをブラックリストに登録できます。
パラメータを 1 行に 1 パターン入力します。
Support login restrictions:
ログイン制限を有効にするかどうか。
有効にすると、メンバー登録で管理者の承認またはメールでの検証を必須にしていると、
ユーザーはソーシャルアカウントでログインできません。
Display avatars in “All media items":
有効にすると、メディアライブラリーの「グリッドビュー」での画像読み込みを高速化できます。
Membership:
ソーシャルアカウントでの登録を許可するかどうか。
プライバシー(Privacy)
Terms and conditions:
利用規約を表示するかどうか。
有効にすると、利用規約を入力するフィールドが表示されます。
Store First and last name:
姓と名を保存するかどうか。
有効にしないと、ユーザーネームがランダムで生成されます。
Store Email:
メールアドレスを保存するかどうか
有効にしないと、メールアドレスは空になります。。
Store Avatar:
アバターを保存するかどうか。
Store Access token:
アクセストークンを保存するかどうか。
ログインフォーム(Login Form)
Login Form:
ログインフォームでソーシャルログインボタンを表示するかどうか。
Registration Form:
メンバー登録フォームでソーシャルログインボタンを表示するかどうか。
Embedded login form:
埋め込みログインフォームでソーシャルログインボタンを表示するかどうか。
Button alignment
ボタンの位置揃えを選択します。
専用ウィジェット
ソーシャルログインボタンを表示するウィジェット。