การทำระบบสมาชิก WordPress ตอนที่ 3

WordPress and Digital marketing

การใช้ Simple Membership

มาถึงตอนสุดท้ายของการทำระบบสมาชิกด้วย WordPress แล้วครับ ตอนนี้อาจจะตรงกับความต้องการของบางเว็บที่ต้องการแสดงข้อมูลบางอย่างเฉพาะสมาชิก ซึ่งปลั๊กอิน Simple Membership มีความสามารถนี้อยู่ในตัวแล้ว เริ่มเลยนะครับ

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

เริ่มโดยใช้ Simple Membership

ก่อนอื่นคุณต้องติดตั้งปลั๊กอินเสริมอีกตัวในเครือเดียวกับ Simple Membership คือ SWPM Partial Protection แล้วสมมติว่าเราสร้างระดับสมาชิกไว้สองระดับ

สอน wordpress ระดับสมาชิก
เราเซตสมาชิกไว้สองระดับคือ Dealer กับ Distributor

สมมติว่าเรามีสินค้าที่มีสามระดับราคาซึ่งเขียนไว้ในโพสต์หรือเพจใดก็ได้ที่คุณต้องการ ตามรูป(ผมใช้ King composer) ของคุณอาจจะเป็นโพสต์หรือเพจของ WordPress ธรรมดาหรือ composer ที่คุณเลือกใช้

สอน wordpress การใส่ code เพื่อปิดข้อความ
ข้อความที่เตรียมไว้ก่อนที่จะใส่ code

ผมต้องการให้ผู้เข้าเว็บไซต์ทั่วไปเห็น คำว่า

เครื่องปั๊มน้ำ

ราคา 20000 บาท

สมาชิกระดับ dealer เห็นคำว่า

เครื่องปั๊มน้ำ

สำหรับ dealer ราคา 18000 บาท

สมาชิกระดับ distributor เห็นคำว่า

เครื่องปั๊มน้ำ

สำหรับ distributor ราคา 18000 บาท

ง่ายๆเลยให้ใส่ code ตามรูปนี้ครับ

สอน wordpress การทำระบบสมาชิก
การใส่ code คร่อมข้อมูลที่ต้องการให้เห็นเฉพาะกลุ่มสมาชิก

เห็นทั่วไปที่เข้าเว็บจะเห็นแบบนี้

สอน wordpress การซ่อนข้อมูล
ข้อมูลสำหรับผู้ชมเว็บไซต์ทั่วไป

สมาชิกที่ล็อกอินเข้ามาและมีระดับสมาชิกเป็น dealer จะเห็นแบบนี้

สอน wordpress การซ่อนข้อมูล
ข้อมูลสำหรับ dealer

สมาชิกที่ล็อกอินเข้ามาและมีระดับสมาชิกเป็น distribution จะเห็นแบบนี้

สอน wordpress การซ่อนข้อมูล
ข้อมูลสำหรับ distributor

แถบสีที่ดูรกตารวมทั้งข้อความ Your membership level …

ลบออกได้ ทำตามนี้ครับ ไปที่เมนูธีม->ปรับแต่ง หาเมนูที่ชื่อ Additional CSS คลิกแล้วจะขึ้น

สอน wordpress การซ่อนข้อมูล
การปิดบางส่วนด้วย css

กดปุ่ม Close แล้วใช้ Inspect Element ของ browser แล้วหาชื่อ class ที่คร่อมข้อความนั้น แล้วใส่ display:none เข้าไป เป็นอันเสร็จ