【前置なし】ジャイアニズムでWordPressをGoogleログインできるようにする方法【2020年08月】

Gianism(ジャイアニズム)とは、WordPressをソーシャルログインできるようにするプラグインです。
この記事は、WordPressにGoogleアカウントでログインできるようにする方法です。

Googleコンソールでの作業 その1

ジャイアニズムでWordPressをGoogleアカウントでログインできるようにするためにGoogleコンソールでClient IDClient Secretを取得します。

Google Developer ConsoleにGoogleアカウントでログインします。
https://console.developers.google.com/

プロジェクト作成をクリックします。

 

新しいプロジェクトの作成

プロジェクト名は、「Gianism-Google-login」などわかりやすい名前を入力します。
場所は、「組織なし」で良いです。

作成をクリックします。

 

プロジェクト設定に移動をクリックします。

 

ライブラリをクリックします。

 

下にスクロールします。

 

Google+ APIをクリックします。

 

認証情報をクリック。

 

有効にするをクリック。

 

認証情報を作成

認証情報を作成をクリック。

 

使用するAPIは、Google+ APIを選択します。
必要な認証情報をクリック。

 

APIキーが表示されていることを確認します。

完了をクリックします。

 

APIキーの制限

「APIキー1」に黄色いビックリマークが表示されていることを確認します。

APIキー1をクリックします。

 

アプリケーションの制限は、HTTPリファラー(ウェブサイト)を選択します。

APIの制限を、キーを制限を選択すると、表示が変わり、ウェブサイト制限が表示されます。

ウェブサイト制限は、ジャイアニズム(Gianism)でGoogleログインするサイトを指定します。
指定方法は、画面右側にある「APIキーを特定のウェブサイトに制限するには」を参照。

 

APIの制限のキーを制限をGoogle+ APIを選択すると1個のAPIに表示が変わります。

保存をクリックします。

 

「APIキー1」に緑のチェックマークが表示されたことを確認します。

APIキーの制限ができました。

 

OAuthクライアントIDの作成

+認証情報を作成からOAuthクライアントIDクリックします。

 

アプリケーションの情報をクリックします。

 

ウェブアプリケーションを選択します。

 

認証済みのJavaScript生成元に、「APIの制限」の項目で指定したジャイアニズム(Gianism)でGoogleログインするサイトを指定します。

+URIを追加をクリックします。

 

OAuthクライアントIDが作成でき、クライアントID(Client ID)とクライアントシークレット(Client Secret)が取得できました。

 

WordPressでの作業

一般設定、メンパーシップの設定

「設定」の「一般」の「一般設定」の中にある「メンバーシップ」の項目の「だれでもユーザー登録ができるようにする」にチェックをいれる。

 

Gianism(ジャイアニズム)の設定

WordPressのジャイアニズム(Gianism)の「設定」タブを下にスクロールします。

 

Googleの設定画面項目の「Googleと接続」をONにします。

Googleコンソールでの作業で取得した「Client ID」と「Client Secret」を入力します。

Googleコンソールの画面で「リダイレクト URI」を入力するので、コピーをクリックして「リダイレクト URI」をコピーします。

 

Googleコンソールでの作業 その2

承認済みリダイレクト URIの設定

「認証情報」、「OAuth 2.0クライアントID」のウェブクライアント1をクリックします。

 

「承認済みリダイレクト URI」の「URI」の項目にコピーした「リダイレクト URI」を貼り付けます。

+URIを追加をクリックします。

保存をクリックします。

承認済みリダイレクト URIの設定ができました。

GoogleアカウントでWordPressにログイン

「Googleでログイン」が表示されます。

Googleでログインをクリックします。

 

過去にGoogleアカウントでログインしたことがあると、Googleアカウントの一覧が表示されます。

WordPressにログインしたいアカウントをクリックします。

 

Googleアカウントのパスワードを入力します。

次へをクリックします。

 

GoogleアカウントでWordPressにログインできました。

 

 

Gianismのインストール方法と設定画面の確認はこちら
【前置なし】WordPressでSNSログインするGianismのインストール方法【2020年08月】

 

Gianism(ジャイアニズム)を使って、FacebookアカウントでWordPressにログインできるようにする方法はこちら。
【前置なし】ジャイアニズムでWordPressをFacebookログインできるようにする方法【2020年08月】