เมนูเป็นส่วนประกอบที่สำคัญในหน้าเว็บไซต์ เมนูนั้นสามารถสร้างได้หลายตำแหน่ง เช่น Primary Menu, Secondary Menu หรือ Footer Menu โดยปกติเมนูแต่ละตำแหน่งก็จะมีแค่รูปแบบเดียว คือผู้ใช้ทุกคนก็จะเห็นเป็นรูปแบบเหมือนกันหมด เช่น Primary Menu มีเมนู Home, Product, Service, About, Contact ผู้ใช้ทุกคนก็จะเห็นแบบนี้
แต่เราต้องการแสดงเมนูให้แตกต่างตามระดับของผู้ใช้ เช่น ผู้ใช้ทั่วไปที่ไม่ได้เป็นสมาชิก จะเห็น Primary Menu แบบ A และผู้ใช้ที่เป็นสมาชิกและทำการล็อคอิน ให้เห็น Primary Menu แบบ B ล่ะ แบบนี้สามารถทำได้หรือไม่
คำตอบ คือ ได้ สามารถทำได้แบบไม่ยาก โดยใช้ปลั๊กอิน Conditional Menus จากค่าย Themify ผู้ผลิตธีม โดยปลั๊กอินตัวนี้จะช่วยให้เราสามารถแสดงเมนูตามเงื่อนไขที่ต้องการได้ เช่น ผู้ใช้ทั่วไปแสดงเมนูแบบ A, สมาชิกแสดงเมนูแบบ B เป็นต้น
การติดตั้งปลั๊กอิน Conditional Menus
ที่หลังบ้านคลิกที่ Plugins -> Add New Plugin
ช่อง Keyword ค้นหาจากคำว่า Conditional Menus
Install และ Activate ให้เรียบร้อย
เตรียมเมนูให้พร้อม
ก่อนอื่นต้องสร้างเมนูทั้งสองแบบไว้ก่อน ตัวอย่างนี้จะสร้าง Main Menu ไว้สองแบบ สำหรับผู้ใช้ทั่วไปและสมาชิก
main-menu-a สำหรับผู้ใช้ทั่วไป (ให้ติ๊กที่ Display location เป็น Primary Menu)
main-menu-b สำหรับสมาชิกที่ล็อกอิน และ admin ของเว็บ (ไม่ต้องติ๊กที่ Display location)
เพิ่มเงื่อนไขในการแสดงเมนู
ที่หน้า Menus ให้เลือกที่ Tab Manage Locations จะเห็นว่ามีข้อความ + Conditional Menu เพิ่มขึ้นมาในแต่ละตำแหน่งของเมนู
ให้คลิกที่ข้อความ + Conditional Menu ที่ Primary Menu แล้วเลือกเป็น main-menu-b
ตอนนี้ Primary Menu จะมีสองเมนุแล้ว สังเกตว่า main-menu-b ที่เพิ่มขึ้นมาจะมีไอคอนกากบาทที่หลัง + Condition ตรงนี้มีไว้เพื่อลบเมนูนี้ออก กรณีที่มีการปรับเปลี่ยนเงื่อนไขหรือเลิกใช้
ต่อมาให้คลิกที่ข้อความ + Condition หลัง main-menu-b เพื่อเข้าไปสร้างเงื่อนไข
จะมี Popup Condition ให้เลือกที่เมนู User Roles แล้วติ๊กเลือกระดับสมาชิกที่ต้องการให้หน้าเว็บแสดงเมนูนี้ (ในที่นี้จะเลือกทั้งหมด) เมื่อทำการล็อคอินเข้าสู่เว็บไซต์ จากนั้นคลิกที่ปุ่ม Save
ตรงส่วนนี้ถ้าเลือกที่เมนู General จะเลือกได้ว่าจะให้เมนูนี้แสดงเฉพาะหน้าใด้ หรือเมนู Post Types จะเลือกได้ว่าให้เมนูแสดงเฉพาะหน้า Post อะไร
จากนั้นคลิกที่ Save Changes
ทดลองเข้าเว็บไซต์
เมื่อเข้าเว็บไซต์แบบผู้ใช้ทั่วไป
เมื่อเข้าเว็บไซต์แบบสมาชิก หรือ Admin ระดับต่างๆ
สรุป
ปลั๊กอิน Conditional Menus ช่วยให้การสร้างเงื่อนไขเพื่อให้แสดงเมนูแตกต่างออกไปตามผู้ใช้งานทั่วไปหรือสมาชิก สามารถทำได้อย่างง่ายดาย นอกจากนี้ยังตั้งเงื่อนไขได้หลายแบบ เช่น แสดงเมนูตามหน้า Post หรือ หรือหน้า Product ก็สามารถทำได้แบบง่ายๆ
Related Posts
