PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : ایجاد دکمه ورود از طریق حساب کاربری گوگل



vatan3da
April 9th, 2017, 14:18
سلام دوستان عزیز


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


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


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

در این پست نیز قصد معرفی افزونه‌ای کاربردی را داریم که امکان ورود با گوگل در وردپرس (https://wp97.ir/tag/%d9%88%d8%b1%d9%88%d8%af-%d8%a8%d8%a7-%da%af%d9%88%da%af%d9%84-%d8%af%d8%b1-%d9%88%d8%b1%d8%af%d9%be%d8%b1%d8%b3/) را فراهم میکند.


https://wp97.ir/wp-content/uploads/2017/04/2-128.png

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


https://wp97.ir/wp-content/uploads/2017/04/Google-Apps-Login-300x96.png

افزونه Google Apps Login

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

نام ورود از طریق حساب کاربری گوگل (https://wp97.ir/tag/%d9%88%d8%b1%d9%88%d8%af-%d8%a7%d8%b2-%d8%b7%d8%b1%db%8c%d9%82-%d8%ad%d8%b3%d8%a7%d8%a8-%da%a9%d8%a7%d8%b1%d8%a8%d8%b1%db%8c-%da%af%d9%88%da%af%d9%84/) افزوده خواهد شد، روی آن کلیک کنید تا به صفحه تنظیمات افزونه هدایت شوید.








https://wp97.ir/wp-content/uploads/2017/04/Google-Apps-Login-setting.png


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

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


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

https://wp97.ir/wp-content/uploads/2017/04/Google-Apps-Login-new-project-300x154.png
پس از اینکه پروژه شما ایجاد شد، مطابق تصویر زیر بر روی گزینه Credentials که در سمت چپ قرار دارد کلیک کنید


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

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



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

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








https://wp97.ir/wp-content/uploads/2017/04/Screenshot-146.png
پس از اینکه بر روی گزینه فوق کلیک کنید، صفحه‌ای برای شما باز خواهد شد.

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



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

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


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

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


دانلود افزونه Google Apps Login (https://wordpress.org/plugins/google-apps-login/)

ایجاد دکمه ورود از طریق حساب کاربری گوگل (https://wp97.ir/%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%d8%af%da%a9%d9%85%d9%87-%d9%88%d8%b1%d9%88%d8%af-%d8%b7%d8%b1%db%8c%d9%82-%d8%ad%d8%b3%d8%a7%d8%a8-%da%a9%d8%a7%d8%b1%d8%a8%d8%b1%db%8c-%da%af%d9%88%da%af/)