آموزش ورود به وردپرس با گوگل موضوع بحث مقاله امروز ما در سایت کیت وردپرس است. شاید برای شما هم پیش اومده باشه که قصد ثبت نام و ورود به یک سایت رو داشته باشید اما رمز عبور خودتون رو فراموش کردید یا حوصله ندارید فیلد های فرم ثبت نام رو پر کنید و در همین لحظه با یک قابلیتی روبرو شدید که با دو کلیک تونستید داخل سایت مورد نظر لاگین کنید. اگر شما هم سایت دارید و دوست دارید این قابلیت رو به سایتتون اضافه کنید این مقاله همراه ما باشید.
عضویت و ورود به وردپرس با اکانت گوگل
امروزه تمامی افراد حوصله بسیار کمی دارند و همیشه دوست دارند در کمترین زمان ممکن به خواسته خودشون دست پیدا کنند اگر شما بتونید این موضوع رو در سایت خودتون پیاده کنید قطعاً کاربران زیادی رو خوشحال خواهید کرد چون کاربران اینترنت معمولاً به صورت روزانه یا هفتگی داخل چندین سایت عضو می شوند و نمی تونند تمام نام کاربری و رمز عبورهای که برای ثبت نام استفاده می کنند رو به خاطر بسپرند به همین دلیل استفاده کردن از عضویت و ورود به وردپرس با گوگل می تونه به کاربران برای سریع تر لاگین شدن در سایت شما کمک زیادی کنه
ورود به وردپرس با گوگل به وسیله افزونه Google Apps Login
برای ورود به وردپرس با گوگل افزونه های مختلفی وجود داره که ما در اینجا سه تا از این افزونه هارو معرفی خواهیم کرد اولین افزونه ای که برای ورود به وردپرس با اکانت گوگل به آن خواهیم پرداخت افزونه google apps login است این افزونه معروف ترین افزونه وردپرسی جهت این کار است یعنی دو افزونه بعدی که معرفی خواهیم کرد تعداد نصب و استفاده آن ها کمتر از این افزونه بوده است
برای نصب این افزونه کافیه وارد افزودن افزونه در پنل وردپرس شوید و عبارت google apps login رو جستجو کنید لوگوی این افزونه مشابه تصویر زیر است که باید روی دکمه هم اکنون نصب کلیک کنید.
بعد از اینکه افزونه Google Apps Login رو نصب کردید می تونید از بخش تنظیمات وردپرس و ورود از طریق حساب کاربری گوگل وارد تنظیمات این افزونه شوید
بعد از اینکه وارد صفحه تنظیمات این افزونه شدید با صفحه زیر روبرو می شوید که باید به یکی از سرویس های گوگل مراجعه کنید و دو مقدار Client ID و Client Secret رو دریافت کنید
برای دریافت Client ID و Client Secret کافیه به آدرس https://console.developers.google.com/apis/dashboard مراجعه کنید و طبق دستورات زیر یک اکانت برای خود ایجاد کنید.
ساخت Client ID و Client Secret برای ورود به وردپرس با گوگل
برای ساخت یک اکانت شما باید مانند تصویر زیر روی گزینه موردنظر کلیک کنید تا تمام اکانت هایی که تالان ایجاد کردید رو مشاهده کنید اگر تا الان داخل این سرویس گوگل ثبت نام نکردید باید روی گزینه New Project کلیک کنید
بعد از اینکه روی گزینه مشخص شده کلیک کردید صفحه زیر برای شما باز میشه که می تونید پروژه جدید خودتون رو ایجاد کنید
سپس بعد از کلیک کردن روی گزینه New Project صفحه زیر برای شما باز میشه که باید
در قسمت اطلاعات پروژه، شما باید دو مورد رو وارد کنید که دومی نیازی نیست یعنی بخش Location رو لازم نیست پر کنید اما Project name که نام پروژه شما می باشد رو حتما باید یک نام انتخاب کنید. بعد از اینکه روی CREATE کلیک کردید پروژه برای شما ساخته می شود و می تونید آن را انتخاب کنید تا داشبورد آن برای شما انتخاب شود.
اکنون روی منو همبرگری یا سه خط گوشه بالا سمت چپ کلیک کنید و ماوس رو روی APIs & Services قرار دهید و سپس روی OAuth consent screen کلیک کنید. زمانی که روی این گزینه کلیک می کنید ، وارد یک صفحه جدید می شوید.
در صفحه بعدی شما باید حالت کاربر خودتون رو انتخاب کنید که به صورت زیر است
- internal : با انتخاب این گزینه تنها برای افراد مجموعه یا شرکت خودتان فعال خواهد بود
- External : این گزینه حالت خارجی است یعنی هرکسی که دارای حساب کاربری گوگل است می تواند استفاده کند
در اینجا گزینه External رو انتخاب کنید و روی گزینه create کلیک کنید
در صفحه بعدی یک فرم ثبت نام برای شما ظاهر می شود که باید اطلاعات وبسایت خود را وارد کنید در تصویر زیر فرم ثبت نام و اطلاعات خواسته شده رو مشاهده می کنید که به صورت تک تک براتون توضیح خواهیم داد.
- App name : در این فیلد شما باید آدرس سایت خود را وارد کنید
- User support email : آدرس ایمیلی که با آن وارد شدید به صورت اتوماتیک در این بخش قرار می گیرد
- App logo : این بخش شما می تونید لوگوی سایت خود را قرار دهید
- Application home page : در این فیلد باید آدرس صفحه اصلی سایتتون رو تنظیم کنید
- Application Privacy policy link : در این فیلد لینک خط مشی های امنیتی سایت خود را درج نمایید اگر ندارید می تونید صفحه اصلی رو تنظیم کنید.
- Application terms of service link : این فیلد هم برای قوانین سایت است اگر صفحه قوانین سایت ندارید می تونید بازهم صفحه اصلی رو تنظیم کنید.
- Authorized domains : در این بخش همانند تصویر باید آدرس دامنه سایت خود را به صورت kitwp.com وارد کنید
- Developer contact information : و در نهایت ایمیلی که قصد دارید برای ارتباط توسعه دهنده شناخته شود را در این بخش وارد کنید.
بعد از پر کردن فرم روی گزینه ذخیره و ادامه کلیک کنید تا وارد مرحله دوم(Scopes) شوید در این مرحله محدوده ها مجوزهایی را که شما از کاربران می خواهید برای برنامه شما مجاز باشند بیان می کند و به پروژه شما اجازه می دهد از حساب Google خود به انواع خاصی از داده های کاربر خصوصی دسترسی پیدا کند. در این مرحله نیازی نیست کار خاصی انجام دهید روی گزینه save and continue کلیک کنید.
مرحله سوم(Test users) نیز کارخاصی نیاز نیست انجام دهید در واقع این بخش مربوط به اضافه کردن افراد به پروژه است یعنی چه اشخاصی می تونند به این پروژه دسترسی داشته باشند پس در این بخش هم روی گزینه save and continue کلیک می کنیم.
مرحله چهارم یا آخر بررسی تنظیمات یا summery است در این بخش اطلاعات خلاصه ای برای شما نمایش داده می شود تا بررسی کنید که اطلاعات رو درست وارد کردید یا خیر اگر قصد تغییر داشته باشید می تونید روی Edit یا تغییر کلیک کنید.
در نهایت روی گزینه Back to Dashboard کلیک کنید تا واردصفحه زیر شوید
خب الان نوبت این رسیده که Clinet id , Client Secret رو ایجاد کنیم برای اینکار از بخش Application type گزینه Web application رو انتخاب کنید تا زیر منوهای آن نمایش داده شود
- Name : در این فیلد شما باید یک نام برای وب کلاینت خود انتخاب کنید
- Authorized JavaScript origins : این بخش باید روی گزینه ADD URL کلیک کنید و آدرس وبسایت خود را اضافه کنید
- Authorized redirect URIs : این بخش نیز می تونید آدرس وبسایت خود را تنظیم کنید
در نهایت روی گزینه Create کلیک کنید تا باکس زیر برای شما نمایش داده شود و ID های شما ساخته شود
خب بعد از اینکه با این صفحه مواجه شدید هر دو آی دی رو کپی کنید و در افزونه ای که در اول آموزش توضیح دادیم قرار دهید
بعد از اینکه آی دی هارو کپی کردید می تونید داخل افزونه google apps login یا هر افزونه دیگری که مربوط به این کار است قرار دهید و تنظیمات رو ذخیره کنید سپس می تونید به بخش Advanced Options برید و تنظیمات مربوطه رو انجام دهید
شما از اینجا می تونید استایل نمایش داده شدن در صفحه لاگین و دیگر تنظیمات رو تغییر دهید بعد از اینکه تنظیمات رو انجام دادید می تونید در صفحه لاگین گزینه ورود به وردپرس با گوگل رو مانند زیر مشاهده کنید.
اضافه کردن ورود به وردپرس با گوگل در قالب و افزونه های مختلف
این کاری که ما انجام دادیم برای ورود به وردپرس از طریق فرم لاگین خود وردپرس هست اما اگر شما قصد داشته باشید در قالب یا افزونه های مختلفی که برای ورود به سایت طراحی شده اند این مورد رو اضافه کنید می تونید از آموزش زیر استفاده کنید https://developers.google.com/identity/sign-in/web/sign-in
خلاصه آموزش ورود به وردپرس با گوگل
همانطور که دیدید ما تونستیم برای ورود به وردپرس با گوگل تمام مراحل رو انجام دهیم و یک گزینه ورود به وردپرس با گوگل رو اضافه کنیم. برای این کار افزونه های دیگری نیز موجود است مثلا افزونه های Sign In With Google و افزونه Log in with Google دو نوع از افزونه های دیگری هستند که جهت این کار استفاده می شوند.