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

ขอขอบคุณมา ณ ที่นี้ด้วยครับ *_*

ขอเริ่มแบบนี้ละกัน

ก่อนอื่นอยากให้ผู้อ่านไปอ่านหัวข้อ  “รู้จักโครงสร้างของ WordPress Theme” เพื่อทำความเข้าใจคร่าวๆ เกี่ยวกับโครงสร้างนิดนึงครับ

เมนูที่เห็นในแต่ละเว็บที่ทำด้วย WordPress เกิดขึ้นจากการสร้างเมนูขึ้นมาครับ

ตามภาพด้านล่าง ที่ขีดเส้นสีแดง คือเมนูที่ผมสร้างขึ้นมาครับ

How to create navigation menus for WordPress-1

และบาง Theme ก็เพิ่มให้เราเองโดยอัตโนมัติโดยเมื่อเราเขียนบทความในรูปแบบ หน้า (pages) เช่น หน้า About หรือหน้าอื่นๆ

step 1 รู้จักหัวข้อที่จะสร้างเมนูก่อน

– ที่หน้า admin หรือหน้า Dashboard ที่เมนูซ้ายมือของผู้อ่าน คลิกไปที่ Apperance >>> Menus

How to create navigation menus for WordPress-2

steps 2 เมนู นี้ท่านได้แต่ใดมา

How to create navigation menus for WordPress-3เมนูเกิดได้จาก 3 ที่ คือ

1. pages คือ เพิ่มจากบทความที่เขียนในรูปแบบหน้า (Pages) เช่น About , ติดต่อเรา เป็นต้น

เพิ่มได้โดยคลิกให้มีเครื่องหมายถูกที่หน้า ที่ต้องการ

How to create navigation menus for WordPress-4

2. Links คือ เราสามารถเพิ่ม Links จากที่ไหนก็ได้ Link อะไรก็ได้ อาจเป็น Link ไปเว็บบอร์ด

หรือเว็บอื่นๆ ที่มีประโยชน์หรือมีเนื้อหาเกี่ยวข้องกับเนื้อหาของเว็บที่เรากำลังทำ

จากภาพด้านล่าง ภายใต้หัวข้อ Links

URL คือเพิ่มที่อยู่ของเว็บปลายทางที่เราจะส่ง Links ไป (ใส่แบบเต็ม คือ ก๊อปมาทั้งหมด)

Link Text  หมายถึง ชื่อที่เราต้องการให้ปรากฏ บนหน้าเว็บ เช่น

URL = http://www.wpsmile.com/

Link Text = เว็บไซต์พื้นฐาน WordPress

เมนูจะได้เป็น เว็บไซต์พื้นฐาน WordPress  และเมื่อคลิกที่ข้อความ เว็บไซต์พื้นฐาน WordPress  จะ Link ไปยัง  http://www.wpsmile.com/

How to create navigation menus for WordPress-5

3. Categories คือ Link ที่เกิดจากการที่เราสร้างหมวดหมู่ โดยเมื่อคลิกที่ Link ประเภทนี้ จะ Link ไปที่หมวดหมู่บทความที่เราคลิก

How to create navigation menus for WordPress-6

Steps 3 จะสร้างเมนูได้อย่างไร

– คลิกไปที่ Apperance >>> Menus >>> create a new menu

How to create navigation menus for WordPress-7– ที่เมนู Menu Name ให้กรอกชื่อเมนูที่ต้องการลงในช่องว่าง เสร็จแล้วคลิก Create Menu ด้านขวา

How to create navigation menus for WordPress-8

– จะได้เมนูที่เราสามารถเพิ่มหัวข้อ หรือเมนูย่อย ต่างๆ เข้าไป ตามภาพด้านล่าง

และเราสามารถเพิ่มเมนูต่างๆ จากความรู้จาก steps 2 เมนู นี้ท่านได้แต่ใดมา   ได้เลย

How to create navigation menus for WordPress-9– เริ่มเพิ่มเมนูโดยคลิกช่องสี่เหลี่ยมให้มีเครื่องหมายถูกกำกับข้างหน้า เสร็จแล้วคลิก Add Menu ด้านล่าง

How to create navigation menus for WordPress-100– เมนูที่คลิก Add Menu แล้ว จะปรากฏทางด้านขวาของเรา โดยเราสามารถเคลื่อนย้ายลำดับเมนูได้โดยการคลิกซ้ายค้างไว้

และลากขึ้นลงตามต้องการ  เมื่อเสร็จแล้วคลิกที่ Save Menu ด้านขวา

How to create navigation menus for WordPress-11

Steps 4 วิธีแสดงเมนู

เมื่อสร้างเมนูเสร็จแล้ว เลื่อนลงมาด้านล่างจะเห็น ตำแหน่งที่สามารถเพิ่มได้ (ขึ้นอยู่กับ WordPress Theme ที่เลือกใช้

บาง Theme มี 1 ที่ บาง Theme อาจมี 2 หรือมากว่า)

– ที่เมนู Menu Settings จะมีตัวเลือกอยู่ 3 หัวข้อ (เพราะ Theme ที่ผมใช้อยู่ สามารถเพิ่มเมนูได้ 2 ที่ คือ เมนูหลัก (Main Menu) และ

เมนูบนสุด (Top Menu) ตัวอย่างผมเลือกเป็น Top Menu  เมื่อเสร็จแล้วคลิก Save Menu

How to create navigation menus for WordPress-13

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

How to create navigation menus for WordPress-14

 

– ถ้าต้องการเปลี่ยนไปใช้เมนูอื่นๆ แทนที่เมนูนี้ ก็เพียงคลิกที่ หัวข้อ Manage Locations  ตามภาพด้านล่าง และคลิกเปลี่ยนได้ตามต้องการ

(แล้วแต่ Theme ที่ใช้ว่าจะมีกี่เมนู)

How to create navigation menus for WordPress-15

 

Note : อีกวิธีที่สามารถแสดงเมนูได้คือ ให้แสดงที่ Widgets (Sidebar,ด้านข้าง)

How to create navigation menus for WordPress-18โดยไปที่ เมนู Appearance >>> Widgets

และคลิกซ้ายค้าง แล้วลากไปที่เมนู Sidebar ตามภาพและ Save เรียบร้อยแล้วครับ แล้วพบกันใหม่ครับ สวัสดี 😉