رفتن به مطلب

ایجاد دکمه ورود از طریق حساب کاربری گوگل


parsa61

پست های پیشنهاد شده

سلام دوستان عزیز

 

چند وقتی هست که گوگل واقعا داره امکانات عالی ورایگانی در اختیار ما وبمستر ها میزاره!ولی ما زیاد پیگیر ی نمیکنیم

 

امروز میخوایم با استفاده از از پلتفرم گوگل به سایت وردپرسی خود یک صفحه اضافه کنیم که خیلی کاربرد دارد

 

همانطور که در بسیاری از وبسایت‌ها مشاهده کرده‌اید، کاربران در بخش ثبت نام قادر خواهند بود تا از طریق گوگل در سایت مورد نظر عضو شده و با چند کلیک ساده و بدون نیاز به پر کردن فرم ثبت نام به جمع کاربران آن سایت بپیوندند.

در این پست نیز قصد معرفی افزونه‌ای کاربردی را داریم که امکان لینک ها تنها برای اعضای سایت قابل نمایش است. را فراهم میکند.

 

2-128.png


ایجاد دکمه ورود از طریق حساب کاربری گوگل در وردپرس با Google Apps Login
 

Google-Apps-Login-300x96.png


افزونه Google Apps Login

پس از نصب و فعال سازی افزونه مطابق تصویر، منویی در بخش تنظیمات پیشخوان سایت وردپرسی شما با

نام لینک ها تنها برای اعضای سایت قابل نمایش است. افزوده خواهد شد، روی آن کلیک کنید تا به صفحه تنظیمات افزونه هدایت شوید.
 

   
Google-Apps-Login-setting.png

 

برای راه‌اندازی لازم به یک Client ID و Client Secret دارید. لذا برای دریافت آنها لازم است تا به آدرس console.developers.google.com مراجعه کنید.(***** شکن روشن کنید)

پس از اینکه به آدرس فوق مراجعه کردید با کلیک بر روی گزینه create project یک پروژه جدید بسازید.

 

در پنجره باز شده مشابه تصویر زیر نام پروژه خود را وارد کرده و بر روی
گزینه create کلیک کنید و منتظر بمانید تا پروژه شما ایجاد شود.

Google-Apps-Login-new-project-300x154.pn
پس از اینکه پروژه شما ایجاد شد، مطابق تصویر زیر بر روی گزینه Credentials که در سمت چپ قرار دارد کلیک کنید


و سپس به تب ۰Auth consent screen کلیک کرده و به ترتیب ایمیل، نام برند، آدرس سایت، لوگوی سایت در

حداکثر اندازه ۱۲۰*۱۲۰، لینک حریم خصوصی کاربران در سایت و در نهایت لینک قوانین سایت را وارد کرده و ذخیره کنید

 

حال لازم است تا به تب Credentials در همین بخش مراجعه کرده و مشابه تصویر با کلیک بر روی ۰Auth client ID

یک web application ایجاد نمایید.

 

   
Screenshot-146.png
پس از اینکه بر روی گزینه فوق کلیک کنید، صفحه‌ای برای شما باز خواهد شد.

ابتدا در آن گزینه web application را
انتخاب کنید. سپس به ترتیب نام، Authorised JavaScript origins
و Authorised redirect URIs را وارد کنید.(نام سایت-ادرس سایت-ادرس صفحه
ورود وردپرس)

 

پس از اینکه فیلدهای مورد نظر را به درستی وارد کردید و خطایی در آن برای شما نمایش داده نشد بر روی create کلیک کنید

و منتظر بمانید تا client ID و client secret برای شما ایجاد شده و مطابق تصویر آنها را کپی و در تنظیمات افزونه وارد کنید.

 

دقت نمایید که در بخش Authorised JavaScript origins صرفا نام دامنه به همراه http یا https را وارد کرده

و در بخش Authorised redirect URIs آدرس صفحه ورود سایت وردپرسی خود را وارد کنید

 

لینک ها تنها برای اعضای سایت قابل نمایش است.
لینک ها تنها برای اعضای سایت قابل نمایش است.
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • 5 هفته پیش...

بایگانی شده

این موضوع بایگانی و قفل شده و دیگر امکان ارسال پاسخ نیست.

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...