วิธีเพิ่มเมนูนำทางใน WordPress (คู่มือผู้เริ่มต้นใช้)

คุณต้องการเพิ่มเมนูการนำทางไปยังไซต์ WordPress ของคุณหรือไม่?


WordPress มาพร้อมกับส่วนต่อประสานเมนูแบบลากและวางที่คุณสามารถใช้เพื่อสร้างเมนูส่วนหัวเมนูที่มีตัวเลือกแบบเลื่อนลงและอีกมากมาย.

ในคำแนะนำทีละขั้นตอนนี้เราจะแสดงวิธีเพิ่มเมนูการนำทางใน WordPress.

วิธีเพิ่มเมนูการนำทางใน WordPress

เมนูการนำทางคืออะไร?

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

เมนูการนำทางให้โครงสร้างเว็บไซต์ของคุณและช่วยให้ผู้เข้าชมค้นพบสิ่งที่ต้องการ นี่คือลักษณะเมนูนำทางบน WPBeginner:

เมนูการนำทาง WPBeginner

WordPress ทำให้การเพิ่มเมนูและเมนูย่อยเป็นเรื่องง่าย คุณสามารถเพิ่มลิงค์ไปยังหน้าที่สำคัญที่สุดหมวดหมู่หรือหัวข้อโพสต์บล็อกและแม้กระทั่งลิงก์ที่กำหนดเองเช่นโปรไฟล์โซเชียลมีเดียของคุณ.

ตำแหน่งที่แน่นอนของเมนูของคุณจะขึ้นอยู่กับธีม WordPress ของคุณ ชุดรูปแบบส่วนใหญ่จะมีหลายตัวเลือกดังนั้นคุณสามารถสร้างเมนูที่แตกต่างกันซึ่งสามารถแสดงในที่ต่าง ๆ ได้.

ตัวอย่างเช่นธีม WordPress ส่วนใหญ่มาพร้อมกับเมนูหลักที่ปรากฏด้านบน บางธีมอาจมีเมนูรองเมนูท้ายกระดาษหรือเมนูนำทางสำหรับมือถือเช่นกัน.

สร้างเมนูการนำทางที่กำหนดเองครั้งแรกของคุณ

ในการสร้างเมนูการนำทางคุณต้องไปที่ หน้าตา»เมนู หน้าในแดชบอร์ดผู้ดูแลระบบ WordPress ของคุณ.

สร้างเมนูใน WordPress

ก่อนอื่นคุณต้องระบุชื่อเมนูเช่น ‘เมนูการนำทางยอดนิยม’ จากนั้นคลิกปุ่ม ‘สร้างเมนู’ นี่จะเป็นการขยายพื้นที่เมนูและจะมีลักษณะดังนี้:

เมนูที่สร้างขึ้นใหม่ใน WordPress

ถัดไปคุณสามารถเลือกหน้าที่คุณต้องการเพิ่มลงในเมนู คุณสามารถเพิ่มหน้าระดับบนสุดใหม่ทั้งหมดโดยอัตโนมัติหรือคุณสามารถเลือกหน้าเฉพาะจากคอลัมน์ด้านซ้าย.

ขั้นแรกให้คลิกแท็บ ‘ดูทั้งหมด’ เพื่อดูหน้าเว็บไซต์ทั้งหมดของคุณ หลังจากนั้นคลิกที่ช่องถัดจากแต่ละหน้าที่คุณต้องการเพิ่มลงในเมนูของคุณแล้วคลิกที่ปุ่ม ‘เพิ่มลงในเมนู’.

การเพิ่มรายการในเมนูนำทาง

เมื่อเพิ่มหน้าของคุณแล้วคุณสามารถเลื่อนไปมาได้โดยการลากและวาง.

ลากและวางรายการเพื่อย้ายรายการในเมนู

บันทึก: เมนูทั้งหมดมีรายการของพวกเขาอยู่ในรายการแนวตั้ง (บนลงล่าง) ในตัวแก้ไขเมนู เมื่อคุณวางเมนูสดบนเว็บไซต์ของคุณมันจะแสดงทั้งแนวตั้งหรือแนวนอน (ซ้ายไปขวา) ขึ้นอยู่กับตำแหน่งที่คุณเลือก.

ชุดรูปแบบส่วนใหญ่มีหลายตำแหน่งที่คุณสามารถวางเมนูได้ ในตัวอย่างนี้เรากำลังใช้ธีมเริ่มต้น 2020 ซึ่งมีสถานที่ตั้ง 5 แห่งที่แตกต่างกัน.

หลังจากเพิ่มหน้าลงในเมนูให้เลือกตำแหน่งที่คุณต้องการแสดงเมนูและคลิกที่ปุ่ม ‘บันทึกเมนู’.

การเลือกตำแหน่งที่แสดงสำหรับเมนูของคุณ

เคล็ดลับ: หากคุณไม่แน่ใจว่าสถานที่แต่ละแห่งอยู่ให้ลองบันทึกเมนูในสถานที่ต่าง ๆ จากนั้นไปที่ไซต์ของคุณเพื่อดูว่ามีลักษณะอย่างไร คุณอาจไม่ต้องการใช้สถานที่ทั้งหมด แต่คุณอาจต้องการใช้มากกว่าหนึ่งแห่ง.

นี่คือเมนูเสร็จของเราบนเว็บไซต์:

เมนูการนำทางสดที่เสร็จสิ้นแล้ว

การสร้างเมนูแบบเลื่อนลงใน WordPress

เมนูแบบเลื่อนลงบางครั้งเรียกว่าเมนูซ้อนกันเป็นเมนูนำทางพร้อมรายการเมนูหลักและเมนูย่อย เมื่อคุณเลื่อนเคอร์เซอร์ไปที่รายการหลักรายการย่อยทั้งหมดจะปรากฏอยู่ด้านล่างในเมนูย่อย.

หากต้องการสร้างเมนูย่อยให้ลากรายการด้านล่างรายการหลักแล้วลากไปทางขวาเล็กน้อย เราได้ดำเนินการดังกล่าวแล้วโดยมี 3 รายการย่อยใต้ “บริการ” ในเมนูของเรา:

เพิ่มรายการเมนูเป็นรายการย่อย

นี่คือเมนูย่อยถ่ายทอดสดบนเว็บไซต์:

เมนูย่อยแบบเลื่อนลงในการนำทางของไซต์

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

ในตัวอย่างนี้คุณจะเห็นว่า “การออกแบบโลโก้” (รายการย่อยของ “บริการ”) มีรายการย่อยสองรายการเป็นของตนเอง.

เมนูแบบเลื่อนลงที่ซ้อนกัน

การเพิ่มหมวดหมู่ไปยังเมนู WordPress

หากคุณใช้ WordPress เพื่อเรียกใช้บล็อกคุณอาจต้องการเพิ่มหมวดหมู่บล็อกของคุณเป็นเมนูแบบเลื่อนลงในเมนู WordPress เราทำสิ่งนี้กับ WPBeginner:

เมนู WPBeginner แสดงหมวดหมู่แบบเลื่อนลง

คุณสามารถเพิ่มหมวดหมู่ในเมนูของคุณได้อย่างง่ายดายโดยคลิกที่แท็บหมวดหมู่ทางด้านซ้ายของหน้าจอเมนู คุณอาจต้องคลิกแท็บ “ดูทั้งหมด” เพื่อดูหมวดหมู่ทั้งหมดของคุณ.

เพียงเลือกหมวดหมู่ที่คุณต้องการเพิ่มลงในเมนูจากนั้นคลิกปุ่ม ‘เพิ่มในเมนู’.

การเพิ่มหมวดหมู่ไปยังเมนูของคุณ

หมวดหมู่จะปรากฏเป็นรายการเมนูปกติที่ด้านล่างของเมนูของคุณ คุณสามารถลากและวางลงในตำแหน่ง เราจะนำหมวดหมู่ทั้งหมดเหล่านี้ไว้ในรายการเมนูบล็อก.

วางหมวดหมู่ไว้ใต้รายการเมนู 'บล็อก'

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

การเพิ่มลิงค์ที่กำหนดเองไปยังเมนูนำทาง WordPress ของคุณ

นอกเหนือจากหมวดหมู่และหน้า WordPress ยังทำให้การเพิ่มลิงค์ที่กำหนดเองในเมนูของคุณเป็นเรื่องง่าย คุณสามารถใช้มันเพื่อลิงค์ไปยังโปรไฟล์โซเชียลมีเดียร้านค้าออนไลน์ของคุณและ / หรือเว็บไซต์อื่น ๆ ที่คุณเป็นเจ้าของ.

คุณจะต้องใช้แท็บ ‘ลิงก์ที่กำหนดเอง’ บนหน้าจอเมนู เพียงเพิ่มลิงค์พร้อมกับข้อความที่คุณต้องการใช้ในเมนูของคุณ.

การเพิ่มลิงค์ที่กำหนดเองลงใน Twitter ไปที่เมนู

คุณสามารถสร้างสรรค์และเพิ่มไอคอนโซเชียลมีเดียในเมนูของคุณ.

เมนูโซเชียลมีเดีย

การแก้ไขหรือลบรายการเมนูในเมนูนำทางของ WordPress

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

รายการเมนูใด ๆ ที่สามารถแก้ไขได้โดยคลิกที่ลูกศรชี้ลงถัดจากมัน.

การขยายไอเท็มเมนูเพื่อแก้ไขชื่อ

คุณสามารถเปลี่ยนชื่อของรายการเมนูได้ที่นี่ นี่คือที่ซึ่งคุณสามารถคลิก “ลบ” เพื่อนำลิงก์ออกจากเมนูของคุณโดยสิ้นเชิง.

หากคุณกำลังดิ้นรนกับส่วนต่อประสานการลากและวางคุณสามารถย้ายรายการเมนูโดยคลิกที่ลิงก์ ‘ย้าย’ ที่เหมาะสม.

การเพิ่มเมนู WordPress ในแถบด้านข้างและท้ายกระดาษ

คุณไม่จำเป็นต้องยึดติดกับตำแหน่งที่แสดงสำหรับธีมของคุณ คุณสามารถเพิ่มเมนูการนำทางในพื้นที่ใด ๆ ที่ใช้วิดเจ็ตเช่นแถบด้านข้างหรือส่วนท้ายของคุณ.

เพียงไปที่ หน้าตา»วิดเจ็ต และเพิ่มวิดเจ็ต ‘เมนูนำทาง’ ​​ลงในแถบด้านข้างของคุณ ถัดไปเพิ่มชื่อสำหรับวิดเจ็ตและเลือกเมนูที่ถูกต้องจากรายการแบบเลื่อนลง ‘เลือกเมนู’.

การเพิ่มเมนูเป็นวิดเจ็ตแถบด้านข้าง

นี่คือตัวอย่างของเมนูส่วนท้าย WordPress ที่กำหนดเองซึ่งสร้างขึ้นบนเว็บไซต์ Syed Balkhi.

ตัวอย่างเมนู WordPress Footer - Syed Balkhi

ก้าวต่อไปด้วยเมนูนำทาง

หากคุณต้องการสร้างเมนูมหากาพย์อย่างแท้จริงพร้อมลิงค์มากมายเรามีการสอนเกี่ยวกับวิธีสร้างเมนูเด่นใน WordPress สิ่งนี้ช่วยให้คุณสร้างรายการแบบหล่นลงพร้อมกับรายการมากมายรวมถึงรูปภาพ.

ตัวอย่างเมนูเมกะ

เมนู Mega เป็นตัวเลือกที่ยอดเยี่ยมหากคุณมีเว็บไซต์ขนาดใหญ่เช่นร้านค้าออนไลน์หรือเว็บไซต์ข่าว เมนูประเภทนี้ใช้โดยไซต์เช่น Reuters, Buzzfeed, Starbucks เป็นต้น.

เราหวังว่าบทความนี้จะช่วยให้คุณเรียนรู้วิธีเพิ่มเมนูการนำทางใน WordPress คุณอาจต้องการตรวจสอบคำแนะนำของเราเกี่ยวกับวิธีจัดรูปแบบเมนูนำทางใน WordPress และวิธีสร้างเมนูนำทางแบบลอยตัวใน WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map