คู่มือ WordPress

ใบความรู้ หน้าท่ี
วิชา สรา้ งเว็บไซต์ eLearning ดว้ ย WordPress เร่อื ง การสร้างระบบ Social

Login
5.ต่อมาใหค้ ลิกไปทล่ี ิงก์ console.developers.google.com

ใบความรู้ หนา้ ท่ี
วชิ า สรา้ งเว็บไซต์ eLearning ด้วย WordPress เรื่อง การสร้างระบบ Social

Login
6.ตอ่ มาใหค้ ลิกไปท่ี CREATE PROJECT

7.ตอ่ มาตัง้ ชอื่ ในชอ่ ง Project name ท่เี ก่ียวขอ้ งกบั เนื้อหา

8.เมอ่ื ตัง้ ชื่อเสร็จส้นิ ตอ่ มาให้คลิกท่ี CREATE

ใบความรู้ หนา้ ท่ี
วิชา สรา้ งเวบ็ ไซต์ eLearning ด้วย WordPress เรื่อง การสรา้ งระบบ Social

Login
9.ตอ่ มาใหค้ ลกิ ที่แถบเมนูดา้ นซ้าย

10.ต่อมาให้เลือกไปที่ APIs & Services แล้วเลอื ก Credentials

ใบความรู้ หน้าท่ี
วิชา สรา้ งเว็บไซต์ eLearning ด้วย WordPress เร่อื ง การสรา้ งระบบ Social

Login
11.ต่อมาให้คลกิ ท่ี CREATE CREDENTIALS

12.ต่อมาให้คลกิ ไปท่ี OAuth Client ID

ใบความรู้ หนา้ ที่
วิชา สรา้ งเว็บไซต์ eLearning ด้วย WordPress เรือ่ ง การสรา้ งระบบ Social

Login
13.ตอ่ มาคลกิ ท่ี CONFIGURE CONSENT SCREEN

14. ตอ่ มาให้เลอื กที่ External แล้วคลกิ ที่ CREATE

1.เลือก External

2.คลิก CREATE

15.ตั้งชอื่ ในชอ่ ง App name และเลอื ก Email

ใบความรู้

วชิ า สรา้ งเวบ็ ไซต์ eLearning ด้วย WordPress เรื่อง การสร้างระบบ Social หน้าท่ี

Login

16.เลอื่ นลงมาจะเจอกับ Develper contact information ใหท้ ำการใส่ Email ที่สามารถติดต่อไดจ้ รงิ

(เป็น Email ของอะไรกไ็ ด้ ทส่ี ะดวกทสี่ ุด)

17.ต่อมาคลกิ ท่ี SAVE AND CONTINUE
18.ตอ่ มาคลกิ ท่ี ADD OR REMOVE SCOPES
19.เลือกที่ 2 อนั บนสุด คือ .../auth/userinfo.email และ .../auth/userinfo.profile

20.เลอื่ นลงมาจะเจอคำวา่ UPDATE ใหค้ ลกิ ได้เลย
21.ต่อมาคลกิ ที่ SAVE AND CONTINUE 2 ครัง้

ใบความรู้ หนา้ ท่ี
วิชา สรา้ งเวบ็ ไซต์ eLearning ดว้ ย WordPress เร่อื ง การสรา้ งระบบ Social

Login
22.ตอ่ มาคลกิ ท่ี Credentials

23.ต่อมาใหค้ ลกิ ที่ CREATE CREDENTIALS

ใบความรู้ หนา้ ท่ี
วิชา สรา้ งเว็บไซต์ eLearning ดว้ ย WordPress เรอื่ ง การสรา้ งระบบ Social

Login
24.ต่อมาให้คลิกไปท่ี OAuth Client ID

25.คลิกทช่ี อ่ ง Application type แลว้ เลือก Web application

ใบความรู้ หนา้ ท่ี
วชิ า สรา้ งเว็บไซต์ eLearning ด้วย WordPress เรอื่ ง การสร้างระบบ Social

Login
26.เมื่อเลือกเสรจ็ สนิ้ แล้ว ให้ทำการตง้ั ช่อื ในชอ่ ง Name

27.ต่อมาให้กลบั ไปทห่ี นา้ ของ WordPress แล้วดูท่ีขอ้ 10 แลว้ กด
28.แลว้ มาคลิกที่ ADD URl ในหนา้ ของ Google Cloud Platform

29.ตอ่ มาทำการ Paste ในชอ่ งของ URl 1

30.เมื่อทำเสรจ็ ส้ินแล้ว ใหค้ ลกิ ท่ี CREATE

ใบความรู้ หน้าท่ี
วชิ า สรา้ งเวบ็ ไซต์ eLearning ดว้ ย WordPress เรื่อง การสร้างระบบ Social

Login
31.เมอ่ื เสร็จสน้ิ แล้ว ก็จะมหี น้าต่างเด้งขน้ึ มาดังรูปขา้ งล่าง

32.ทำการคลิก ทช่ี ่องของ Your Client ID แล้วนำไปวางไวท้ ี่
33.ทำการคลิก ท่ชี อ่ งของ Your Client Secret แลว้ นำไปวางไวท้ ่ี
34.เมอ่ื วางเสรจ็ แล้ว ให้ทำการคลกิ Save & Test Configuration

ใบความรู้ หนา้ ท่ี
วชิ า สรา้ งเว็บไซต์ eLearning ด้วย WordPress เรอ่ื ง การสรา้ งระบบ Social

Login
35. กจ็ ะขนึ้ หน้าตา่ งให้ลองลงชื่อเขา้ ใชด้ ้วย Google

36.เมื่อทำการเลอื กบัญชี Google เสรจ็ แล้ว ก็จะเสรจ็ สิน้ การตัง้ คา่ Google

ใบความรู้ หนา้ ท่ี
วิชา สรา้ งเว็บไซต์ eLearning ด้วย WordPress เรอื่ ง การสรา้ งระบบ Social

Login

การเรยี กใช้ Plugins

1.คลกิ ไปท่ี

2.ทำการเลอื กรปู แบบท่ีต้องการและคลิก ในชอ่ งท่เี ลือก

3.เม่อื เลอื กเสรจ็ แล้วให้ไปหน้า Pages

ใบความรู้ หนา้ ท่ี
วิชา สรา้ งเว็บไซต์ eLearning ด้วย WordPress เรื่อง การสรา้ งระบบ Social

Login
4.คลิกท่ี Add New

5.พมิ พค์ ำว่า Login

6.คลกิ ท่ี แลว้ พิมพ์คำวา่ shortcode และคลกิ เลือกมาไดเ้ ลย

7.เมื่อเลอื กเสรจ็ สน้ิ แลว้ ก็จะขน้ึ แบบนดี้ งั รูป

8.ให้ทำการกด Paste ในช่องไดเ้ ลย

9.คลิกท่ี ด้านบนขวาได้เลย
10.คลิกท่ี อีก 1 ครง้ั