{"id":2248,"date":"2020-06-29T09:15:07","date_gmt":"2020-06-29T00:15:07","guid":{"rendered":"https:\/\/hanami-web.tokyo.jp\/blog\/?p=2248"},"modified":"2022-08-10T08:30:09","modified_gmt":"2022-08-09T23:30:09","slug":"social-login-2","status":"publish","type":"post","link":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/member\/social-login-2\/","title":{"rendered":"[Diagram &amp; video explanation] Adding social account login function to WordPress login"},"content":{"rendered":"<p>A WordPress teacher will carefully explain how to add a social login function to your WordPress login!<\/p>\n\n\n\n<p>[<a rel=\"noreferrer noopener\" href=\"https:\/\/ja.wordpress.org\/plugins\/super-socializer\/\" target=\"_blank\" class=\"aioseop-link\">Super Socializer<\/a>] plugin enables social login.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"815\" height=\"326\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/15-4simplememberships.png\" alt=\"wordpress\u30ed\u30b0\u30a4\u30f3\u306b\u30bd\u30fc\u30b7\u30e3\u30eb\u30a2\u30ab\u30a6\u30f3\u30c8\u30ed\u30b0\u30a4\u30f3\u6a5f\u80fd\u8ffd\u52a0\" class=\"wp-image-2225\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/15-4simplememberships.png 815w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/15-4simplememberships-300x120.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/15-4simplememberships-768x307.png 768w\" sizes=\"(max-width: 815px) 100vw, 815px\" \/><\/figure>\n\n\n\n<p>You can log in with just one click, so you don&#039;t have to worry about forgetting your password, and depending on the membership site, you can even implement a social login function for members!<\/p>\n\n\n\n<p>For example, Simple Membership is a plugin for building membership sites.<\/p>\n\n\n\n<p><blockquote class=\"wp-embedded-content\" data-secret=\"W5WAfM3jFm\"><a href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/member\/social-login\/\">[Illustrated and video explanation] Simple Memberships membership registration plugin ~ How to set up social login ~<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"\u201c[Illustrated &amp; video explanation] Simple Memberships membership registration plugin ~ How to set up social login ~\u201d \u2014 How to create a homepage using WordPress\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/member\/social-login\/embed\/#?secret=plCoqn8aWn#?secret=W5WAfM3jFm\" data-secret=\"W5WAfM3jFm\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">table of contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #000000;color:#000000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #000000;color:#000000\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/member\/social-login-2\/#wordpress_social_share_social_login_and_social_comments_plugin_%e2%80%93_super_socializer%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e8%a8%ad%e5%ae%9a\" >WordPress Social Share, Social Login and Social Comments Plugin \u2013 Super Socializer Plugin Settings<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/member\/social-login-2\/#wordpress_social_share_social_login_and_social_comments_plugin_%e2%80%93_super_socializer%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%ae%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab%ef%bc%86%e6%9c%89%e5%8a%b9%e5%8c%96\" >WordPress Social Share, Social Login and Social Comments Plugin \u2013 Install and Activate the Super Socializer Plugin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/member\/social-login-2\/#%e3%80%90super_socializer%e3%80%91%3e%e3%80%90social_login%e3%80%91\" >[Super Socializer] &gt; [Social Login]<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/member\/social-login-2\/#%e3%82%bd%e3%83%bc%e3%82%b7%e3%83%a3%e3%83%ab%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3%e3%82%92%e6%9c%89%e5%8a%b9%e3%81%ab%e3%81%99%e3%82%8b\" >Enable social login<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/member\/social-login-2\/#google%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3%e8%a8%ad%e5%ae%9a\" >Google Login Settings<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/member\/social-login-2\/#api%e7%ae%a1%e7%90%86%e3%82%b3%e3%83%b3%e3%82%bd%e3%83%bc%e3%83%ab%e3%81%b8%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9\" >Access the API Management Console<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/member\/social-login-2\/#%e3%83%97%e3%83%ad%e3%82%b8%e3%82%a7%e3%82%af%e3%83%88%e3%82%92%e4%bd%9c%e6%88%90\" >Create a project<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/member\/social-login-2\/#%e5%a5%bd%e3%81%8d%e3%81%aa%e3%83%97%e3%83%ad%e3%82%b8%e3%82%a7%e3%82%af%e3%83%88%e5%90%8d%e3%82%92%e5%85%a5%e5%8a%9b\" >Enter your desired project name<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/member\/social-login-2\/#%e3%83%80%e3%83%83%e3%82%b7%e3%83%a5%e3%83%9c%e3%83%bc%e3%83%89%e3%81%b8%e7%a7%bb%e5%8b%95\" >Go to Dashboard<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/member\/social-login-2\/#oauth%e5%90%8c%e6%84%8f%e7%94%bb%e9%9d%a2\" >OAuth consent screen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/member\/social-login-2\/#oauth%e5%90%8c%e6%84%8f%e7%94%bb%e9%9d%a2-2\" >OAuth consent screen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/member\/social-login-2\/#%e8%aa%8d%e8%a8%bc%e6%83%85%e5%a0%b1\" >Authentication information<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/member\/social-login-2\/#oauth%e3%82%af%e3%83%a9%e3%82%a4%e3%82%a2%e3%83%b3%e3%83%88id%e3%82%92%e3%82%af%e3%83%aa%e3%83%83%e3%82%af\" >Click on OAuth Client ID<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/member\/social-login-2\/#%e3%82%a6%e3%82%a7%e3%83%96%e3%82%a2%e3%83%97%e3%83%aa%e3%82%b1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e9%81%b8%e6%8a%9e\" >Select Web Application<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/member\/social-login-2\/#%e8%a9%b3%e7%b4%b0%e8%a8%ad%e5%ae%9a\" >Advanced Setting<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/member\/social-login-2\/#%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3%e7%94%bb%e9%9d%a2%e3%81%abgoogle%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%81%8c%e5%87%ba%e3%82%8b\" >The Google icon appears on the login screen.<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"wordpress_social_share_social_login_and_social_comments_plugin_%e2%80%93_super_socializer%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e8%a8%ad%e5%ae%9a\"><\/span>WordPress Social Share, Social Login and Social Comments Plugin \u2013 Super Socializer Plugin Settings<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>The official name is WordPress Social Share, Social Login and Social Comments Plugin \u2013 Super Socializer. Use this to enable the social login function.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"wordpress_social_share_social_login_and_social_comments_plugin_%e2%80%93_super_socializer%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%ae%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab%ef%bc%86%e6%9c%89%e5%8a%b9%e5%8c%96\"><\/span>WordPress Social Share, Social Login and Social Comments Plugin \u2013 Install and Activate the Super Socializer Plugin<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>In WordPress plugin search<a aria-label=\"Super Socializer (opens in a new tab)\" href=\"https:\/\/ja.wordpress.org\/plugins\/super-socializer\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"aioseop-link\">Super Socializer<\/a>Check it out and install and activate the plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"815\" height=\"326\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/15-4simplememberships.png\" alt=\"wordpress\u30ed\u30b0\u30a4\u30f3\u306b\u30bd\u30fc\u30b7\u30e3\u30eb\u30a2\u30ab\u30a6\u30f3\u30c8\u30ed\u30b0\u30a4\u30f3\u6a5f\u80fd\u8ffd\u52a0\" class=\"wp-image-2225\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/15-4simplememberships.png 815w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/15-4simplememberships-300x120.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/15-4simplememberships-768x307.png 768w\" sizes=\"(max-width: 815px) 100vw, 815px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%80%90super_socializer%e3%80%91%3e%e3%80%90social_login%e3%80%91\"><\/span>[Super Socializer] &gt; [Social Login]<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>An item called [Super Socializer] will be added to the left sidebar, so click on [Social Login] inside it to proceed to the settings.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"188\" height=\"236\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/15-5simplememberships.png\" alt=\"wordpress\u30ed\u30b0\u30a4\u30f3\u306b\u30bd\u30fc\u30b7\u30e3\u30eb\u30a2\u30ab\u30a6\u30f3\u30c8\u30ed\u30b0\u30a4\u30f3\u6a5f\u80fd\u8ffd\u52a0\" class=\"wp-image-2226\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%82%bd%e3%83%bc%e3%82%b7%e3%83%a3%e3%83%ab%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3%e3%82%92%e6%9c%89%e5%8a%b9%e3%81%ab%e3%81%99%e3%82%8b\"><\/span>Enable social login<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Please check the box.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"921\" height=\"221\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/15-6simplememberships.png\" alt=\"wordpress\u30ed\u30b0\u30a4\u30f3\u306b\u30bd\u30fc\u30b7\u30e3\u30eb\u30a2\u30ab\u30a6\u30f3\u30c8\u30ed\u30b0\u30a4\u30f3\u6a5f\u80fd\u8ffd\u52a0\" class=\"wp-image-2227\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/15-6simplememberships.png 921w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/15-6simplememberships-300x72.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/15-6simplememberships-768x184.png 768w\" sizes=\"(max-width: 921px) 100vw, 921px\" \/><\/figure>\n\n\n\n<p>You will need the ID and secret key of the social site you want to use to log in. This time we will use google.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"616\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-10simplememberships-1-1024x616.png\" alt=\"wordpress\u30ed\u30b0\u30a4\u30f3\u306b\u30bd\u30fc\u30b7\u30e3\u30eb\u30a2\u30ab\u30a6\u30f3\u30c8\u30ed\u30b0\u30a4\u30f3\u6a5f\u80fd\u8ffd\u52a0\" class=\"wp-image-2239\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-10simplememberships-1-1024x616.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-10simplememberships-1-300x181.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-10simplememberships-1-768x462.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-10simplememberships-1.png 1155w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"google%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3%e8%a8%ad%e5%ae%9a\"><\/span>Google Login Settings<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"api%e7%ae%a1%e7%90%86%e3%82%b3%e3%83%b3%e3%82%bd%e3%83%bc%e3%83%ab%e3%81%b8%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9\"><\/span>Access the API Management Console<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><a href=\"https:\/\/console.developers.google.com\/dcredirect\/\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"aioseop-link\">https:\/\/console.developers.google.com\/dcredirect\/<\/a><\/p>\n\n\n\n<p>Go to the Google API management console from the above URL.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%83%97%e3%83%ad%e3%82%b8%e3%82%a7%e3%82%af%e3%83%88%e3%82%92%e4%bd%9c%e6%88%90\"><\/span>Create a project<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Click Create project<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"842\" height=\"93\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-11simplememberships.png\" alt=\"wordpress\u30ed\u30b0\u30a4\u30f3\u306b\u30bd\u30fc\u30b7\u30e3\u30eb\u30a2\u30ab\u30a6\u30f3\u30c8\u30ed\u30b0\u30a4\u30f3\u6a5f\u80fd\u8ffd\u52a0\" class=\"wp-image-2240\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-11simplememberships.png 842w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-11simplememberships-300x33.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-11simplememberships-768x85.png 768w\" sizes=\"(max-width: 842px) 100vw, 842px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e5%a5%bd%e3%81%8d%e3%81%aa%e3%83%97%e3%83%ad%e3%82%b8%e3%82%a7%e3%82%af%e3%83%88%e5%90%8d%e3%82%92%e5%85%a5%e5%8a%9b\"><\/span>Enter your desired project name<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Enter a project name of your choice and click [Create] without specifying an organization.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"696\" height=\"302\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-12simplememberships.png\" alt=\"wordpress\u30ed\u30b0\u30a4\u30f3\u306b\u30bd\u30fc\u30b7\u30e3\u30eb\u30a2\u30ab\u30a6\u30f3\u30c8\u30ed\u30b0\u30a4\u30f3\u6a5f\u80fd\u8ffd\u52a0\" class=\"wp-image-2241\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-12simplememberships.png 696w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-12simplememberships-300x130.png 300w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%83%80%e3%83%83%e3%82%b7%e3%83%a5%e3%83%9c%e3%83%bc%e3%83%89%e3%81%b8%e7%a7%bb%e5%8b%95\"><\/span>Go to Dashboard<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"577\" height=\"350\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-13simplememberships.png\" alt=\"wordpress\u30ed\u30b0\u30a4\u30f3\u306b\u30bd\u30fc\u30b7\u30e3\u30eb\u30a2\u30ab\u30a6\u30f3\u30c8\u30ed\u30b0\u30a4\u30f3\u6a5f\u80fd\u8ffd\u52a0\" class=\"wp-image-2242\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-13simplememberships.png 577w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-13simplememberships-300x182.png 300w\" sizes=\"(max-width: 577px) 100vw, 577px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"oauth%e5%90%8c%e6%84%8f%e7%94%bb%e9%9d%a2\"><\/span>OAuth consent screen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Select External and click Create.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-1simplememberships-1024x510.png\" alt=\"wordpress\u30ed\u30b0\u30a4\u30f3\u306b\u30bd\u30fc\u30b7\u30e3\u30eb\u30a2\u30ab\u30a6\u30f3\u30c8\u30ed\u30b0\u30a4\u30f3\u6a5f\u80fd\u8ffd\u52a0\" class=\"wp-image-2228\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-1simplememberships-1024x510.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-1simplememberships-300x149.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-1simplememberships-768x382.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-1simplememberships.png 1065w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"oauth%e5%90%8c%e6%84%8f%e7%94%bb%e9%9d%a2-2\"><\/span>OAuth consent screen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>The items to be set are<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Application Name<\/li><li>Accepted Domains<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"705\" height=\"817\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-2simplememberships.jpg\" alt=\"wordpress\u30ed\u30b0\u30a4\u30f3\u306b\u30bd\u30fc\u30b7\u30e3\u30eb\u30a2\u30ab\u30a6\u30f3\u30c8\u30ed\u30b0\u30a4\u30f3\u6a5f\u80fd\u8ffd\u52a0\" class=\"wp-image-2229\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-2simplememberships.jpg 705w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-2simplememberships-259x300.jpg 259w\" sizes=\"(max-width: 705px) 100vw, 705px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">1. Application name<\/h4>\n\n\n\n<p>Anything is fine, but we recommend using your website or company name.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">2. Approved Domains<\/h4>\n\n\n\n<p>Enter the domain of the site you will be using, such as \u25cf\u25cf\u25cf.com. There is no need to include &quot;https&quot; or similar.<\/p>\n\n\n\n<p><strong><span style=\"background-color:#7bdcb5\" class=\"tadv-background-color\">Don&#039;t forget to press enter after entering the domain, otherwise the domain you entered will not be confirmed.<\/span><\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">3. Finally, click the Save button.<\/h4>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e8%aa%8d%e8%a8%bc%e6%83%85%e5%a0%b1\"><\/span>Authentication information<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Click on [Credentials] in the left side menu and then click on [+Create Credentials].<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"368\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-3simplememberships-1024x368.png\" alt=\"wordpress\u30ed\u30b0\u30a4\u30f3\u306b\u30bd\u30fc\u30b7\u30e3\u30eb\u30a2\u30ab\u30a6\u30f3\u30c8\u30ed\u30b0\u30a4\u30f3\u6a5f\u80fd\u8ffd\u52a0\" class=\"wp-image-2231\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-3simplememberships-1024x368.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-3simplememberships-300x108.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-3simplememberships-768x276.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-3simplememberships-1536x552.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-3simplememberships.png 1676w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"oauth%e3%82%af%e3%83%a9%e3%82%a4%e3%82%a2%e3%83%b3%e3%83%88id%e3%82%92%e3%82%af%e3%83%aa%e3%83%83%e3%82%af\"><\/span>Click on OAuth Client ID<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"647\" height=\"357\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-4simplememberships.png\" alt=\"wordpress\u30ed\u30b0\u30a4\u30f3\u306b\u30bd\u30fc\u30b7\u30e3\u30eb\u30a2\u30ab\u30a6\u30f3\u30c8\u30ed\u30b0\u30a4\u30f3\u6a5f\u80fd\u8ffd\u52a0\" class=\"wp-image-2232\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-4simplememberships.png 647w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-4simplememberships-300x166.png 300w\" sizes=\"(max-width: 647px) 100vw, 647px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%82%a6%e3%82%a7%e3%83%96%e3%82%a2%e3%83%97%e3%83%aa%e3%82%b1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e9%81%b8%e6%8a%9e\"><\/span>Select Web Application<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"691\" height=\"435\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-5simplememberships.png\" alt=\"wordpress\u30ed\u30b0\u30a4\u30f3\u306b\u30bd\u30fc\u30b7\u30e3\u30eb\u30a2\u30ab\u30a6\u30f3\u30c8\u30ed\u30b0\u30a4\u30f3\u6a5f\u80fd\u8ffd\u52a0\" class=\"wp-image-2233\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-5simplememberships.png 691w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-5simplememberships-300x189.png 300w\" sizes=\"(max-width: 691px) 100vw, 691px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e8%a9%b3%e7%b4%b0%e8%a8%ad%e5%ae%9a\"><\/span>Advanced Setting<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>The items to be set are in the following two places:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>name<\/li><li>Approved Redirect URLs<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"675\" height=\"757\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-6simplememberships.png\" alt=\"wordpress\u30ed\u30b0\u30a4\u30f3\u306b\u30bd\u30fc\u30b7\u30e3\u30eb\u30a2\u30ab\u30a6\u30f3\u30c8\u30ed\u30b0\u30a4\u30f3\u6a5f\u80fd\u8ffd\u52a0\" class=\"wp-image-2234\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-6simplememberships.png 675w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-6simplememberships-268x300.png 268w\" sizes=\"(max-width: 675px) 100vw, 675px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">1. Name<\/h4>\n\n\n\n<p>Anything is fine, but we recommend your website or company name.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">2. Approved redirect URIs<\/h4>\n\n\n\n<p>Copy the website URL. This time, enter the official URL starting with https:\/\/.<\/p>\n\n\n\n<p><strong><span style=\"background-color:#7bdcb5\" class=\"tadv-background-color\">When you copy a URL, a \/ character may be added to the end, but be careful not to include this here.<\/span><\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">3. Click the Create button<\/h4>\n\n\n\n<p>Your client ID has been created. You can view your client ID and secret key by clicking the pencil icon.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"329\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-7simplememberships-1024x329.png\" alt=\"wordpress\u30ed\u30b0\u30a4\u30f3\u306b\u30bd\u30fc\u30b7\u30e3\u30eb\u30a2\u30ab\u30a6\u30f3\u30c8\u30ed\u30b0\u30a4\u30f3\u6a5f\u80fd\u8ffd\u52a0\" class=\"wp-image-2235\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-7simplememberships-1024x329.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-7simplememberships-300x96.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-7simplememberships-768x247.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-7simplememberships-1536x493.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-7simplememberships.png 1572w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Checking the Client ID and Client Secret<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-8simplememberships-1024x512.png\" alt=\"wordpress\u30ed\u30b0\u30a4\u30f3\u306b\u30bd\u30fc\u30b7\u30e3\u30eb\u30a2\u30ab\u30a6\u30f3\u30c8\u30ed\u30b0\u30a4\u30f3\u6a5f\u80fd\u8ffd\u52a0\" class=\"wp-image-2236\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-8simplememberships-1024x512.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-8simplememberships-300x150.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-8simplememberships-768x384.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-8simplememberships.png 1445w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3%e7%94%bb%e9%9d%a2%e3%81%abgoogle%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%81%8c%e5%87%ba%e3%82%8b\"><\/span>The Google icon appears on the login screen.<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>You can now log in to the admin panel by clicking the Google icon without having to enter your WordPress username and password!<\/p>\n\n\n\n<p><strong><span style=\"background-color:#7bdcb5\" class=\"tadv-background-color\">You must register as a user with a Google account (an email address registered with Gmail or Gsuite).<\/span><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"395\" height=\"408\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-15simplememberships.png\" alt=\"wordpress\u30ed\u30b0\u30a4\u30f3\u306b\u30bd\u30fc\u30b7\u30e3\u30eb\u30a2\u30ab\u30a6\u30f3\u30c8\u30ed\u30b0\u30a4\u30f3\u6a5f\u80fd\u8ffd\u52a0\" class=\"wp-image-2249\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-15simplememberships.png 395w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/16-15simplememberships-290x300.png 290w\" sizes=\"(max-width: 395px) 100vw, 395px\" \/><\/figure>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>wordpress\u306e\u30ed\u30b0\u30a4\u30f3\u306b\u30bd\u30fc\u30b7\u30e3\u30eb\u30ed\u30b0\u30a4\u30f3\u6a5f\u80fd\u3092\u8ffd\u52a0\u3059\u308b\u65b9\u6cd5\u3092wordpress\u306e\u5148\u751f\u304c\u4e01\u5be7\u306b\u89e3\u8aac\u3057\u307e\u3059\uff01 \u3010Super Socializer\u3011\u3068\u3044\u3046\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f7f\u3046\u4e8b\u3067\u30bd\u30fc\u30b7\u30e3\u30eb\u30ed\u30b0\u30a4\u30f3\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002 \u30ef\u30f3\u30af\u30ea [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9285,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[1442],"tags":[],"class_list":["post-2248","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-member"],"blocksy_meta":[],"aioseo_notices":[],"uagb_featured_image_src":{"full":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/thumnail-30-1.png",720,540,false],"thumbnail":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/thumnail-30-1-150x150.png",150,150,true],"medium":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/thumnail-30-1-300x225.png",300,225,true],"medium_large":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/thumnail-30-1.png",720,540,false],"large":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/thumnail-30-1.png",720,540,false],"1536x1536":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/thumnail-30-1.png",720,540,false],"2048x2048":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/thumnail-30-1.png",720,540,false],"trp-custom-language-flag":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2020\/06\/thumnail-30-1.png",16,12,false]},"uagb_author_info":{"display_name":"\u682a\u5f0f\u4f1a\u793eHanamiWEB \u4ee3\u8868\u53d6\u7de0\u5f79 \u677e\u6d66\u307f\u3055","author_link":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/author\/hanami\/"},"uagb_comment_info":0,"uagb_excerpt":"wordpress\u306e\u30ed\u30b0\u30a4\u30f3\u306b\u30bd\u30fc\u30b7\u30e3\u30eb\u30ed\u30b0\u30a4\u30f3\u6a5f\u80fd\u3092\u8ffd\u52a0\u3059\u308b\u65b9\u6cd5\u3092wordpress\u306e\u5148\u751f\u304c\u4e01\u5be7\u306b\u89e3\u8aac\u3057\u307e\u3059&hellip;","brizy_media":[],"_links":{"self":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts\/2248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/comments?post=2248"}],"version-history":[{"count":0,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts\/2248\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/media\/9285"}],"wp:attachment":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/media?parent=2248"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/categories?post=2248"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/tags?post=2248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}