見出し画像

WordPressにSNSログインを導入する〜プラグイン〜

monkish

WordPressで作成したサイトに、SNSでログインできる機能を追加しました。
使用したプラグインは「Nextend Social Login」というものです。


参考にしたサイトはこちらです。

Facebookログイン機能

Facebook開発者（Meta for Developers）から進めていくと、最後の連携のところでプラグインからの情報が必要になってきます。

  • Facebook開発者として登録し、アプリを作成する

  • Nextend Social Loginプラグインで連携の設定をする

2021年7月16日以降、Facebookの仕様変更で以下の設定が必要でした。

  • public_profile のアクセス許可設定を「Advanced Access」に

  • アプリケーションを「ライブモード」に

Googleアカウントでのログイン連携

  • Google Cloudでプロジェクト＆アプリを作成

  • Nextend Social Loginプラグインで連携の設定をする

リンクボタンのテキスト変更

ボタンに表示されるテキストは、プラグインの各SNSにある[設定]から変更できます。
ボタンの見た目もいくつか用意されていますし、カスタムボタンを使用することもできます。

ログイン時のエラー

実際にログインしようとすると、以下のようなエラーが出ることがあります。

ログイン画面でのエラー表示

WordPressの管理画面に戻って、設定 > 一般 から「だれでもユーザー登録できるようにする」のチェックを入れると解決します。

通常は管理者がユーザを登録するのですが、今回の場合は「ユーザ自身が登録」できるようにしないといけないので、このチェックが必要でした。

ふりかえり

以前、別のサービスを開発する際にGoogle Cloudを使用したことがあったので、そちらは5分もかからずスムーズにできました。
Facebookとの連携は初めての挑戦で、Meta for Developersというものを知りました。
どちらも普通にGoogleやFacebookを使用している状況では触れる機会もないですが、アプリ開発していると「開発者画面」というものに出会います。
一度触れると割りと慣れる感じで、さほど難しいものでもないです。

画面レイアウトなどを自分でカスタマイズするために、以下のような方法もありました。

この記事が気に入ったらサポートをしてみませんか？