ทำระบบสมาชิกแบบง่ายๆ ใน 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 กันดูครับ

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

สรุป

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


ช่วยแชร์ให้เพื่อน... สนับสนุนผู้เขียนครับ :)
ประชาสัมพันธ์
คอร์สเรียนออนไลน์
ทำ Blog ง่ายๆ ใครก็ทำได้

Blog คือ เครื่องมือที่ใช้สร้างโอกาส 

และ สร้างตัวตนได้ ทุกยุคทุกสมัย 

ราคาปกติ 3,990 บาท
Early Bird 1,990 บาท
(สำหรับ 50 ท่านแรก)

พลากร สอนสร้างเว็บ

รับเทคนิค ความรู้ ข่าวสาร การทำเว็บไซต์

จาก พลากร สอนสร้างเว็บ

เฉพาะ สมาชิกเท่านั้น

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

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

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

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

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

  3. ปอ says:

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

    • พลากร สอนสร้างเว็บ says:

      หมายถึง สมัครเข้ามาได้หรือยังครับ ดูในระบบหลังบ้านก่อนครับว่า สมาชิกคนนั้นอยู่ในระบบไหมครับ

  4. sirirat says:

    ในหน้า Registration ที่ให้สมัครสมาชิก พอสมัครแล้วมันไม่ขึ้นให้ลอคอินค่ะ เหมือนสมัครไม่ได้ profileก็ไม่มีข้อมูลผู้ใช้ที่สมัครค่ะ ทำไงค่ะ

    • พลากร สอนสร้างเว็บ says:

      ในระบบหลังบ้าน ไม่เห็นสมาชิกสมัครเข้ามาหรือครับ อันนี้ใช้แบบฟอร์มของ Simple Membership หรือเปล่าครับ

    • พลากร สอนสร้างเว็บ says:

      ได้ครับ Set Free Member ให้เป็น Premium แทนได้เลย ถ้าเราต้องการให้สมัครฟรี แล้ว Premium เลยครับ

  5. kannika says:

    สอบถามหน่อยค่ะ พอดีว่า ทำหน้าซ่อนแอดมินแล้ว มันหาย เข้าสู่ระบบไม่ได้ มีวิธีแก้ ไม่ค่ะ

    • พลากร สอนสร้างเว็บ says:

      FTP เข้าไปลบ Plugins Membership ที่ wp-contents/plugins ก่อนครับ แล้วเข้าสู่ระบบไปติดตั้ง membership และตั้งค่าใหม่ครับ

  6. My Deer says:

    สมาชิกที่สมัครเข้ามาผ่าน WP Membership เป็นสมาชิกชุดเดียวกันกับระบบสมาชิกของ WordPress ไหมครับ
    หากอยากให้สมาชิกที่สมัครเข้ามา อยู่ในกลุ่มที่สามารถเพิ่มเรื่องหรือเขียนบทความได้ ทำอย่างไรครับ

  7. pluk says:

    สอบถามครับตัวนี้สามารถทำแบบเข้าดูได้ทุกหน้าที่เราตั้วไว้ และแก้ไขข้อมุลได้บางหน้าไหมครับ

    • พลากร สอนสร้างเว็บ says:

      ตัวนี้เปิดปิดสิทธิ์ให้ดูเท่านั้นครับผม ถ้าต้องการให้แก้ไขได้ ต้องใช้ membership ตัวที่เก่งกว่านี้ครับผม 🙂

  8. pize says:

    เราจะทำให้สมาชิก login เข้ามาถึงจะสามารถเขียนโพส ในหน้าบทความโดยไม่ต้องไปในระบบหลังบ้านได้ยังไงครับ

  9. kittikarn says:

    พอดีเคยติดตั้งแล้วลบไป พอติดตั้งใหม่แล้วค่าเดิมของpluginนี้มันยังอยู่ มีวิธีreset ให้เป็นค่าเริ่มต้นไหมคะ

    • พลากร สอนสร้างเว็บ says:

      ตัว plugin ไม่มี option ให้ reset ครับ แต่ถ้าเป็นการสร้างหน้าต่างๆ ที่เคยสร้างไว้ตอนครั้งแรก สามารถเข้าไปทำที่ WP Membershoip >> Settings >> Tools >> Generate Required Page ได้ครับ

  10. Poh says:

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

  11. ทวีลักษณ์ says:

    เรียนถามค่ะ การทำ login เข้าไปดูเนื้อหาสำคัญบางส่วน ค่าใช้จ่ายประมาณเท่าไรค่ะ

  12. กอล์ฟ​ says:

    WordPress สามารถสร้างหน้าเว็ปให้กับคนอื่นต้องใช้ Plugin อะไรครับ เพื่อเปลี่ยนเฉพาะ ชื่อ เบอร์โทร ลิ้งไลน์ ให้เป็นของคนอื่น

    • พลากร สอนสร้างเว็บ says:

      แนะนำให้ใช้วิธี clone หน้าเว็บง่ายที่สุดครับ ถ้าต้องการสร้าง template ต้องเข้าใจเรื่องการทำ custom post type ครับ

  13. Pu says:

    สามารถจะติดตั้ง reCAPTCHA ให้มาใช้งานกับSimple Membership ได้หรือไม่อย่างไรคะ เนื่องจากของใช้ Simple Membership แล้วมี Email Spam จำนวนมากเลยคะ ขอบคุณค่ะ

ส่งความเห็นที่ พลากร สอนสร้างเว็บ ยกเลิกการตอบ

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