0%

Programmingプログラミングナレッジ

Posted:2017.10.23

グーグルアカウントを使ってWordPressのログインを行う

先日のWordBenchのセミナーで取り扱ったテーマになるのですが、備忘録として残しておきたいと思います。(セミナーの記事はこちらからどうぞ。)

 

通常はWordPressユーザーのIDとパスワードを入力してWordPressのログインを行いますが、今回はグーグルのアカウントを使用してログインを行う方法になります。

 

実装手順としてはまず、グーグルアカウント認証のクライアントIDとクライアントシークレットというキー情報を取得します。そしてWordPress側で「Google Apps Login」というプラグインを導入し、先ほどのキー情報などを設定していくという2段階になります。

 

またこの機能実装にはグーグルアカウントが必要になるのであらかじめ用意しておきます。

 

1. Google Cloud Platformでクライアントキー情報を取得

まずは「Google Cloud Platform」と呼ばれるGoogleAppsの各種APIなどを管理するデベロッパー向けのサイトにアクセスします。

【Google Cloud Platform】
https://console.cloud.google.com/

 

サイトへアクセスすると「ダッシュボード」あるいは「リソースの管理」などが表示されるのでまずは新規プロジェクトを作成します。「プロジェクトを作成」をクリックします。

 

グーグルアカウントを使ってWordPressのログインを行う

 

任意のプロジェクト名を入力し作成します。

 

グーグルアカウントを使ってWordPressのログインを行う

 

ダッシュボードに画面が切り替わるので、プロジェクトを選択するところから先ほど作成したプロジェクトを選択します。

 

グーグルアカウントを使ってWordPressのログインを行う

 

再度ダッシュボードに戻り、サイドメニューから「APIとサービス」→「認証情報」を選択します。

 

グーグルアカウントを使ってWordPressのログインを行う

 

認証情報の詳細画面にて「OAuth同意画面」のタブを選択し、メールアドレスがグーグルアカウントで使用しているものかを確認し、任意のサービス名を入力し保存します。それ以外の項目は空欄でもOKです。

 

グーグルアカウントを使ってWordPressのログインを行う

 

次に「認証情報」のタブを選択し「認証情報を作成」メニューから「OAuthクライアントID」をクリックします。

 

グーグルアカウントを使ってWordPressのログインを行う

 

クライアントID作成画面で、アプリケーションの種類を「ウェブアプリケーション」に選択し、名前をサイト名などの任意のものを入力します。そして制限事項の項目にて「承認済みのJavascript生成元」にはサイトのホームURLを、「承認済みのリダイレクトURI」にはログインページのURLを入力して保存します。

 

グーグルアカウントを使ってWordPressのログインを行う

 

認証情報が保存されると、OAuthのクライアントIDのリストに追加されるので、サービス名をクリックすると詳細画面へ遷移し、「クライアントID」「クライアントシークレット」が作成されているのが確認できます。これらはあとで入力するのでコピーしておきます。

 

グーグルアカウントを使ってWordPressのログインを行う

グーグルアカウントを使ってWordPressのログインを行う

 

2. WordPress側でGoogle Apps APIのプラグイン設定

引き続き今度はWordPressでの作業になります。まずは今回使用する「Google Apps Login」というプラグインをインストールし有効化しておきます。

 

グーグルアカウントを使ってWordPressのログインを行う

 

プラグインの有効化が完了すると、サイドメニューの「設定」→「Google Apps Login」と追加されるので選択し、「Main Setup」タブの「Client ID」に先ほどコピーしたクライアントIDを、「Client Secret」にはクライアントシークレットの値を入力して保存します。

 

グーグルアカウントを使ってWordPressのログインを行う

 

次にグーグルアカウント認証の対象となるユーザーを選択しメールアドレスをグーグルアカウント認証で使っているものに変更します。

 

グーグルアカウントを使ってWordPressのログインを行う

 

以上で設定作業は完了で、ログイン画面にアクセスするとIDとパスワード入力欄に加えてグーグルアカウントでのログインボタンが追加されています。クリックするとグーグルのログイン画面に遷移し、もしグーグルアカウントでログインしている状態であればそのまま管理画面に入ることができます。

 

グーグルアカウントを使ってWordPressのログインを行う

グーグルアカウントを使ってWordPressのログインを行う

 

ちなみにですが、プラグイン設定の画面で「Advanced Options」を選択するとより細かな設定を行うことができます。

 

グーグルアカウントを使ってWordPressのログインを行う

 


 

いかがでしょうか、WordPressを頻繁に使う場合やログイン情報の管理が面倒、リスクが木になるという場合にはとても便利なのではないでしょうか。グーグルアカウントをお持ちの方はぜひ試してみてはいかがでしょうか。

author
この記事を書いた人オガワ シンヤ
FacebookTwitter

DesignSupply.代表 / ディレクター・ウェブデザイナー・フロントエンドエンジニアをやっています。「ウェブとデザインでヒト・モノ・サービスを繋げ新しい価値を生み出す」をコンセプトに日々奮闘中!制作中はチョコレートが欠かせない三十路Webクリエイター。

制作のご依頼やお問い合わせ・パートナー業務提携のご相談はこちら

デザインやウェブ制作についてのご依頼やご相談、その他お問い合わせなどもお気軽にご連絡ください。フットワークの軽さやレスポンスの早さ、また豊富な経験や知識、技術を活かした対応力といったフリーランスクリエイターの強みでクライアント様、パートナー企業様のお力になります。デザインからコーディングやWordPress実装といったウェブサイト構築はもちろん、写真撮影や動画編集、コンテンツ制作からサイト運用サポートまで一括してお任せください。

ホームページ制作のご検討やウェブ運用でお悩みの経営者様や企業のウェブ担当者様をはじめ、個人で店舗を営んでいらっしゃるオーナー様、フリーで活動されているビジネスオーナー様はもちろんのこと、リソース不足でお困りの制作会社様、またクリエイターをお探しの代理店様も大歓迎です。

コンタクトをご希望の方はお手数ですが、下記よりお問い合わせフォームのページへアクセスしていただき、必要事項を入力の上メッセージを送信してください。確認でき次第すぐに折り返しご連絡致します。

こんな記事も読まれています

コメントもお気軽にどうぞ

記事に関するご質問やご意見などありましたら下記のコメントフォームよりお気軽に投稿ください。なおメールアドレスは公開されませんのでご安心ください。また、* が付いている欄は必須項目となります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

CAPTCHA


ページトップへ
大阪市天王寺区のホームページ制作デザイン事務所(SOHO)DesignSupply.【デザインサプライ】