รู้จัก Menu ระบบนำทางของเว็บไซต์

Menu คือระบบนำทางของเว็บไซต์ครับ เมื่อกดลิงก์ใน Header หรือ Footer เราก็จะเดินทางระหว่างหน้าต่างๆ ได้ Menu ที่ดีทำให้ผู้ใช้หาข้อมูลเจอเร็วขึ้นมากครับ

วิธีสร้าง Menu

  • ไปที่ Appearance → Menus
วิธีตั้งค่าเมนู WordPress
วิธีตั้งค่าเมนู WordPress
  • ตั้งชื่อ Menu แล้วกด Create Menu
    ตั้งชื่อว่า “Main Menu” หรืออะไรก็ได้ที่จำได้ง่าย แล้วกด Create Menu ครับ
ตั้งชื่อ Menu
ตั้งชื่อ Menu

เพิ่มรายการใน Menu

  • เลือก Page หรือ Post จากแผงด้านซ้าย
    ติ๊กเลือก Page หรือ Post ที่ต้องการ แล้วกด “Add to Menu”
วิธีเพิ่ม Page หรือ Post ในเมนู
วิธีเพิ่ม Page หรือ Post ในเมนู
  • ลากจัดลำดับที่ต้องการ
    ลาก Menu Item ขึ้นหรือลงได้ตามต้องการ เพื่อจัดลำดับการแสดงผลครับ
การจัดเรียงลำดับเมนู
การจัดเรียงลำดับเมนู
  • กด Save Menu

สร้าง Dropdown Menu (เมนูย่อย)

ถ้าต้องการทำเมนูย่อย (Dropdown) ให้ลาก Menu Item เข้าไปด้านในของ Item หลัก มันจะขยับเข้าไปทางขวา (indent) ซึ่งหมายความว่ามันเป็น Sub-item ของ Item ด้านบนครับ

วิธีสร้าง Sub Menu
วิธีสร้าง Sub Menu
ตัวอย่างการแสดงผล Sub Menu
ตัวอย่างการแสดงผล Sub Menu
ไม่ต้องมีเมนูเยอะเกินไป

เมนูหลักๆ ควรมีแค่ 5–7 รายการ ถ้าเยอะกว่านั้นให้รวมเป็น Dropdown ดีกว่าครับ ผู้ใช้จะได้ไม่งงและเว็บดูสะอาดขึ้น

กำหนดตำแหน่ง Menu

หลังสร้าง Menu แล้ว ต้องกำหนดว่าจะแสดงที่ไหนด้วยครับ ที่ส่วน Menu Settings → Display location

  • Primary Menu / Header Menu — แถบ Navigation บนสุดของเว็บ
  • Footer Menu — ส่วนล่างของเว็บ
  • Mobile Menu — สำหรับมือถือ (บาง Theme)
การกำหนดตำแหน่งการแสดงให้กับ Menu
การกำหนดตำแหน่งการแสดงให้กับ Menu
ถ้าสร้าง Menu แล้วไม่ขึ้นที่เว็บ

ตรวจสอบว่าได้ติ๊ก Display Location แล้วหรือยังครับ บางคนลืมขั้นตอนนี้ แล้วงงว่าทำไม Menu ไม่แสดง

เคล็ดลับการทำ Menu


เพิ่ม Custom Link ได้ด้วย

ไม่จำเป็นต้องเป็น Page หรือ Post เสมอไป เราสามารถเพิ่ม Custom Link เช่น ลิงก์ไปยัง Facebook หรือเว็บภายนอกได้เลยครับ เลือกจาก “Custom Links” ในแผงด้านซ้าย

วิธีสร้างเมนู Custom
วิธีสร้างเมนู Custom

สรุป

Menu คือระบบนำทางที่ช่วยให้ผู้ใช้เดินทางระหว่างหน้าต่างๆ ในเว็บได้สะดวก สร้าง Menu ได้ที่ Appearance → Menus แล้วเพิ่ม Page, Post หรือ Custom Link เข้าไปได้เลย ลากรายการขึ้นลงเพื่อจัดลำดับ หรือลากเข้าด้านในเพื่อทำ Dropdown Menu ได้ สิ่งที่หลายคนลืมคือต้องติ๊ก Display Location หลังสร้าง Menu ด้วย มิฉะนั้น Menu จะไม่แสดงบนเว็บ เมนูหลักควรมีแค่ 5–7 รายการ ถ้ามีหน้ามากกว่านั้นให้รวมเป็น Dropdown จะดูเรียบร้อยกว่า และสามารถเพิ่ม Custom Link ลิงก์ไปยัง Social Media หรือเว็บภายนอกได้ด้วยครับ

Hasan Luebaesa - ฮาซัน ลือแบซา

อยากมีเว็บไซต์ แต่ไม่รู้จะเริ่มยังไง?

หากเพื่อนๆ ลองทำตามแล้วติดขัด อยากปรึกษาผม หรืออยากให้ผมทำเว็บไซต์ WordPress ให้ สอบถามเข้ามาได้ครับ ยินดีให้คำปรึกษาครับ