วิธีสร้างเมนูง่ายๆใน WordPress

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

Menu ใน WordPress คืออะไร ?

ในระบบ WordPress นั้นเราสามารถสร้างเมนูขึ้นมา และนำไปใส่ตามจุดต่างๆที่ธีม WordPress นั้นเตรียมไว้ให้ อาทิ เมนู Footer เมนู Header เมนู Sidebar เมนู Mobile โดยการสร้างเมนูนั้นเราสามารถเลือกลิงก์จาก Page, Categories, Posts, Custom Links มาสร้างเป็นเมนูบนเว็บไซต์เราได้

เข้าสู่เมนูตั้งค่า

สำหรับการตั้งค่าเมนูนั้นให้เราเข้าไปที่

  • (อังกฤษ) Appearance > menu
  • (ไทย) รูปแบบเว็บ > เมนู

แต่ในบทความนี้ผู้เขียนจะใช้เมนูหลังบ้านเป็นภาษาไทย เพื่อให้เข้าใจง่าย สำหรับใครที่ใช้ WordPress หลังบ้านเป็นภาษาอังกฤษสามารถดูรูปภาพตามได้เลย!

วิธีสร้างกลุ่มของเมนู

ก่อนทำการสร้างเมนูนั้นเราจำเป็นจะต้องสร้าง ชื่อกลุ่มเมนูก่อนเพื่อให้เวลาเราจะเรียกใช้งานเราสามารถเลือกจากชื่อกลุ่มของเมนูได้เลย

*สำหรับการตั้งชื่อต่างๆใน WordPress แนะนำให้ใช้ภาษาอังกฤษ เพราะระบบ WordPress มาจากต่างประเทศจะมีปัญหาจุกจิกเกี่ยวกับภาษาไทย

หน้าเมนู wordpress

ทำการสร้างชื่อเมนูในช่อง “ชื่อเมนู” ผมขอตั้งว่า Main menu หลังจากนั้นกดปุ่มสร้างเมนูได้เลย หลังจากสร้างเรียบร้อยเราจะได้หน้าตาประมานนี้

การตั้งชื่อเมนู

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

ในส่วนของกล่องด้านซ้ายมือเราจะเห็น Tabs ที่มีคำว่า หน้าให้เรากดไปที่คำว่า ดูทั้งหมด เราจะเห็นรายชื่อหน้าที่เราได้สร้างทั้งหมด ให้เรากดติ๊กถูกตรงหน้าที่เราต้องการเพิ่มแล้วกด เพิ่มลงเมนู

ด้านขวามือเราจะเห็นว่ามีเมนูถูกเพิ่มลงไปในรายการเราสามรถกดขยาย โดยการคลิกที่ลูกศร 1 ครั้งเราจะเห็นการตั้งค่าเมนู

การย่อขยายเมนู

ตรงส่วนของ ป้ายนำทางเราสามารถเปลี่ยนชื่อได้ตามใจชอบเลย

การเปลี่ยนข้อความเมนู

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

การเลือกเมนูเพื่อแสดงผล
เมนูที่ถูกสร้างทั้งหมด

วิธีเลื่อน/เรียงเมนู

เราสามารถเรียงเมนูโดยการนำเมาส์ไปวางที่แถบเมนูจะมีเครื่องหมายขึ้นมาเราสามารถกดคลิกค้างไว้แล้วลากขึ้นลงได้เลย

การจัดตำแหน่งเมนูใน wordpress

วิธีทำเมนูซ้อน (Sub Menu)

ให้เรานำเมาส์ไปวางไว้ที่แถบเมนู แล้วเลื่อนออกไปทางขวาเล็กน้อย และปล่อยเมาส์เราจะได้เมนูซ่อนเรียบร้อย

การทำ sub menu

วิธีทำลิงก์ไปเว็บไซต์อื่น

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

การเพิ่มลิงก์ไปเว็บไซต์อื่น

วิธีกำหนดเมนูให้แสดงไปยังส่วนต่างๆของเว็บไซต์

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

  • Desktop Horizontal Menu
  • Desktop Expanded Menu
  • Mobile Menu
  • Footer Menu
  • Social Menu

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

การกำหนดเมนูไปยังพื้นที่ต่างๆ

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

การแสดงผล sub menu

สรุป

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

Scroll to Top