ทำระบบสมาชิกแบบง่ายๆ ใน WordPress !!

ทำระบบสมาชิกแบบง่ายๆ ใน Wordpress
https://www.youtube.com/embed/jhgfn15-pRo?feature=oembed&autoplay=1

ในวีดีโอนี้ ผมจะพูดถึงการทำระบบลงทะเบียน สมาชิกใน WordPress กันครับ ซึ่งเจ้าระบบสมาชิกแบบนี้มักจะใช้สำหรับ การซ่อนเนื้อหาบางส่วน เพื่อให้สมาชิกอ่านเท่านั้นครับ ว่าแล้ว เรามาลองทำระบบลงทะเบียนง่ายๆ กันได้เลยครับ

ติดตั้ง WordPress Plugin

เมื่อเราอยู่ที่ระบบหลังบ้านของ WordPress แล้ว ให้เราไปที่ Plugins แล้วก็ Add New ครับ จากนั้น ค้นหาคำว่า Simple Membership ได้เลยครับ แล้วก็คลิก Install Now ได้เลย เมื่อติดตั้งเสร็จแล้ว ก็อย่าลืม Activate ครับ

มาตั้งค่า WordPress Simple Membership กันก่อน

ขั้นแรกครับ ให้ไปที่ Membership Levels ก่อนครับ จากนั้น จะเห็นว่า เรายังไม่ได้มีการกำหนด ประเภทสมาชิกเลย ให้เราเริ่มกำหนดได้เลยที่นี่ครับ ให้เราเริ่มจาก กด Add Level จากนั้นจะเห็นว่ามี Membership Level Name ตรงนี้ให้กำหนดได้เลยครับ จากนั้น เราก็สามารถจับคู่กับ บทบาทของผู้ใช้ในระบบ WordPress ได้เลยครับ และตรงหมดอายุ เราก็สามารถตั้งค่าได้ครับ

ใน Level แรก ผมจะตั้งชื่อว่า Free แล้วกันครับ เป็นสมาชิกฟรีครับ และเป็น WordPress Subscriber ครับ ไม่มีวันหมดอายุ

ใน Level ถัดมาผมจะตั้งชื่อว่า premium แล้วกันครับ และให้เป็น WordPress Subscriber เหมือนกันครับ จากนั้นวันหมดอายุ ตั้งไว้ 365 วันก็แล้วกันครับ

ให้เราดูที่ ID ของ free level เอาไว้ให้ดีครับ เพราะเดี๋ยวเราจะเอาไปใช้ครับผม

จากนั้นให้ไปที่ WP Membership แล้วไปที่ Settings จากนั้นไปที่ Enable Free Membership คลิกติ๊กถูก จากนั้น ไปใส่ ID ให้ Free Membership ID ให้ใส่เป็น 2 จากนั้นกด Save หนึ่งครั้ง

มาทดสอบลงทะเบียนกันเถอะ

ก่อนที่เราจะทดสอบลงทะเบียน ให้เราไปเอาหน้าลงทะเบียน และ หน้าเข้าสู่ระบบมาเพิ่มลงไปในเมนูก่อนครับ

ให้เราไปที่เมนูครับ แล้วเพิ่มหน้าที่เจ้า Simple Membership Plugin สร้างมาให้เข้าไปเลยครับ แล้วเดี๋ยวเรามาปรับแต่งกันทีหลังครับ

เพิ่มลงเมนูแล้ว ก็อย่างลืมที่จะกด Save ครับ จากนั้นเราไปทดสอบที่หน้าเว็บไซต์ของเราได้เลยครับ

เริ่มจากหน้า Login หน้าลืม Password และ หน้า Profile จากนั้นไปดูที่หน้า Join Us ครับว่าเจ้า Plugin สร้างมาให้เราไว้อย่างไรบ้างครับ แล้วสุดท้ายเราไปดูหน้า Registration กันได้เลยครับ

มาถึงหน้านี้แล้ว ไม่ต้องรอช้าครับ กรอกข้อมูลเพื่อทดสอบกันได้เลย เมื่อกรอกข้อมูลเสร็จแล้ว เราก็จะได้รับข้อความว่า ลงทะเบียนเสร็จแล้ว ให้ Login ครับ เราก็ลองมา login กันเลยครับ

Login สำเร็จเรียบร้อยครับ ลองไปที่หน้า Profile ครับ ก็จะเห็นว่า เราสามารถ แก้ไขและอัพเดท Profile ของเราได้แล้วนะครับ

ซ่อน Admin Bar ของ WordPress

แต่สังเกตุอย่างหนึ่งไหมครับ สมาชิกของเรามองเห็น Admin Bar ของ WordPress อยู่ครับ มันดูไม่เท่ห์เท่าไรเลยครับ ตรงนี้เราสามารถ ตั้งค่าได้ครับ

ให้เราไปที่หลังบ้านครับ แล้วไปที่ WP Membership แล้วไปที่ Settings ครับ จากนั้นเลือก Hide Adminbar ก็คือซ่อน Adminbar นั่นเอง จากนั้นเลือก Show Adminbar to Admin ให้แสดงเจ้า Adminbar ให้ Admin เห็นเท่านั้นครับ และสุดท้ายครับ ไม่ให้สมาชิกทั่วไปเข้าที่หลังบ้านของเราได้ครับ Disable Access to WP Dashboard

จากนั้นกด Save ก็จะเห็นผลครับ

เรากลับไปหน้าสมาชิกของเราอีกทีครับ พอเรา refresh 1 ที เจ้า WordPress Adminbar หายไปแล้วครับ

Logout Link อยู่แห่งใด

สังเกตุไหมครับว่า เราไม่สามารถ ออกจากระบบได้ เพราะว่าไม่มี Logout Link มาให้นั่นเอง เราสามารถเพิ่มเป็นเมนูได้ครับ ให้เราไปที่เมนู Member Login ก่อนครับ จะเห็นว่ามี Link Logout อยู่ครับ ตรงนี้กดแล้วก็สามารถ Logout ได้เลย หรือเราจะเพิ่มเป็นเมนูทางด้านบนก็ได้ครับ วิธีการคือ ให้เราคลิกขวาที่ลิงค์ครับ แล้วเลือก Copy Link Address จากนั้นไปที่ระบบหลังบ้านครับ

เมื่ออยู่ที่ระบบหลังบ้านแล้ว ให้เราเลือก Custom Links ครับ แล้วคลิกขวาวางลิงค์ของเราลงไปครับ จากนั้นที่ Link Text เราก็ใส่เป็น ออกจากระบบก็ได้ครับ

ทำเสร็จแล้วกลับไปที่หน้าสมาชิกครับ ลอง refresh ดู 1 ครั้งเมนูออกจากระบบก็มาเรียบร้อยแล้วครับ ทดลองคลิกได้เลยครับ

พอคลิกปุ๊บ เรากด Login อีกหนึ่งครั้ง ก็จะกลายเป็บแบบฟอร์มแล้วครับ นั่นก็เพราะว่า เราออกจากระบบเรียบร้อยแล้วครับ

ตั้งค่าการลงทะเบียนให้ต้อง approve เองแบบ manual

ทีนี้เรามาดูกันต่อครับ เมื่อกี้เราลงทะเบียนแล้วเราสามารถ Login ได้เลย ถ้าเราตั้งค่าแบบนี้ บางทีมันง่ายเกินไปสำหรับการลงทะเบียนครับ อาจจะเจอ ผู้สมัครที่เป็นขยะได้ครับ

เราสามารถ ให้เค้าลงทะเบียน จากนั้นให้ WordPress ส่ง Email เพื่อ Confirm ได้ครับ ให้เราไปตั้งค่าที่ระบบหลังบ้านได้เลยครับ

ให้เราไปที่ WP Membership แล้วไปที่ Settings ครับ ตรง Default Account Status เลือกเป็น Pending แล้วกด Save ครับ

จากนั้นไปทดสอบได้เลยครับ

เมื่อเราพยายาม login นะครับ ก็จะเห็นได้ว่า ยังเข้าสู่ระบบไม่ได้ ทีนี้ลองมาดูที่ระบบหลังบ้านครับว่าเกิดอะไรขึ้น

ให้เราไปที่ WP Membership แล้วก็ไปที่ Members ครับ จะเห็นว่าชื่อผู้ใช้ที่ลงทะเบียนแล้ว มีสถานะเป็น pending ครับจึงยังใช้งานไม่ได้ แต่ถ้าเค้า Confirm แล้ว หรือ Admin กด Approve ก็จะสามารถ เข้าสู่ระบบได้ครับ

เดี๋ยวผมลองเข้าไปเปลี่ยน สถานะเป็น Active ดูครับ แล้วเราไปลอง Login กันดูครับ

ผลปรากฎว่า เข้าสู่ระบบเรียบร้อยแล้วครับ

สรุป

ในวีดีโอนี้เราก็สร้างระบบลงทะเบียน กันแบบง่ายๆ ได้แล้วนะครับ แต่เรื่องราวของการทำระบบสมาชิกยังไม่จบครับ ในวีดีโอหน้า เราจะมาดูกันในเรื่องของการ จำกัดสิทธิ์ ของสมาชิก และ คนที่ไม่ใช่สมาชิก ในการดูเนื้อหาบนเว็บไซต์ ของเราครับ

รับความรู้ก่อนใคร

รับความรู้ก่อนใครได้เลย เพียงแค่กรอกแบบฟอร์มสมัครสมาชิกรับข่าว ก็สามารถรับความรู้ดีๆ แบบฟรีๆ ได้ก่อนใครเลยครับ




8 thoughts on “ทำระบบสมาชิกแบบง่ายๆ ใน WordPress !!

  1. วิรินทร์ says:

    สามารถแก้ไขหน้า Registration ได้ไหมคะ พอดีมันต้องมีข้อมูลอื่น ให้ผู้สมัครกรอกด้วยค่ะ

  2. วิรินทร์ says:

    เราสามารถแก้ไขหน้า Registration ได้ไหมคะ พอดีต้องเพิ่มข้อมูล ที่ต้องให้สมาชิกใส่เพิ่มเติม จากฟอร์มเดิมที่มีมาให้

  3. ปอ says:

    สอบถามหน่อยค่ะ พอเราตั้งค่าว่า หน้า Conference ให้ต้องล็อกอินก่อนถึงจะดูข้อมูลได้ แล้วเมื่อ Preview ลองล็อคอินในหน้านั้นดู หากล็อคอินสำเร็จทำไมมันไม่โชว์ข้อมูลในหน้า Conference เลย แต่กลับเด้งไปหน้า Home แล้วต้องมากดที่หน้า Conference อีกทีถึงจะเจอข้อมูลในหน้านั้น

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องที่ต้องการถูกทำเครื่องหมาย *