วิธีสร้าง Mega Menu ใน WordPress โดยไม่ต้องใช้ Plugin

เผยแพร่แล้ว: 2022-09-05

หากคุณต้องการสร้าง เมนูขนาดใหญ่ ใน WordPress โดยไม่ต้องใช้ปลั๊กอิน คุณจะต้องสร้างเมนูที่กำหนดเองก่อน ในการดำเนินการนี้ ให้ไปที่ ลักษณะที่ปรากฏ > เมนู แล้วคลิกปุ่ม "สร้างเมนูใหม่" เมื่อคุณสร้างเมนูที่กำหนดเองแล้ว คุณสามารถเพิ่มรายการได้โดยคลิกที่ปุ่ม "เพิ่มรายการ" ที่นี่ คุณสามารถเพิ่มลิงก์ไปยังหน้าหรือโพสต์ใดๆ บนไซต์ของคุณ รวมทั้งลิงก์ที่กำหนดเองได้ ในการสร้างเมนูขนาดใหญ่ ให้เพิ่มรายการ "หมวดหมู่" ใหม่ลงในเมนูของคุณ แล้วเพิ่มรายการย่อยลงไป ตัวอย่างเช่น หากคุณต้องการสร้างเมนูขนาดใหญ่ที่มีลิงก์ไปยังโพสต์บล็อกล่าสุดของคุณ ก่อนอื่นคุณต้องเพิ่มรายการ "หมวดหมู่" ลงในเมนูของคุณ จากนั้นจึงเพิ่มรายการย่อยสำหรับโพสต์บล็อกล่าสุดแต่ละรายการ เมื่อคุณสร้างเมนูเด่นแล้ว คุณสามารถเพิ่มลงในไซต์ของคุณได้โดยไปที่ ลักษณะที่ปรากฏ > วิดเจ็ต และเพิ่มวิดเจ็ต “เมนูแบบกำหนดเอง” ลงในแถบด้านข้างของคุณ

เมื่อใช้ WP Mega Menu คุณสามารถสร้างเมนูการนำทางที่น่าทึ่งและสมบูรณ์สำหรับเว็บไซต์ของคุณ คุณสามารถใช้เครื่องมือลากแล้ววางเพื่อปรับแต่งเมนูและธีมที่คุณสร้างขึ้นได้ เป็นไปได้ที่จะออกแบบเมนูแบบกำหนดเองด้วยความช่วยเหลือของสี แบบอักษร และแอตทริบิวต์ที่กำหนดเอง สามารถส่งรายงานข้อบกพร่องได้โดยตรงที่ฟอรัมสนับสนุนของเราหรือผ่านทางส่วนสนับสนุนของปลั๊กอิน URL แบบคงที่ของเมนู mega บนเซิร์ฟเวอร์ localhost ได้รับการแก้ไขแล้ว ตอนนี้รองรับธีมที่แตกต่างกันสิบแบบ: Astra, Divi, OceanWP, หน้าร้าน, GeneratePress, OnePress, StudioPress, Hestia, Heuman, Hello Elementor และอื่น ๆ อีกมากมาย เวอร์ชันใหม่ของธีมสีน้ำเงินและสีเข้มสุดคลาสสิกได้รับการเผยแพร่แล้ว

ปัญหาเกี่ยวกับลิงก์หมวดหมู่ Grid Post WooCommerce ได้รับการแก้ไขแล้ว เมื่ออัปโหลดสื่อ มีปัญหากับ URL อัปโหลดสื่อ [ 11 กรกฎาคม 2019] เพิ่มการรองรับ SSL สำหรับ 1.3.8 แล้ว [ 28 มิถุนายน 2019] UX ที่ปรับปรุงแล้วพร้อมให้ใช้งานแล้วสำหรับ คุณสมบัติเมนูเด่น

ฉันจะสร้างเมนูที่กำหนดเองใน WordPress โดยไม่ต้องใช้ปลั๊กอินได้อย่างไร

เครดิต: wpvivid.com

ในการสร้างเมนูที่กำหนดเองใน WordPress โดยไม่ต้องใช้ปลั๊กอิน คุณจะต้องเข้าถึงไฟล์ WordPress ของคุณผ่านไคลเอนต์ FTP หรือโดยตรงผ่านแผงควบคุมโฮสติ้งของคุณ เมื่อคุณเข้าถึงไฟล์ของคุณแล้ว คุณจะต้องแก้ไขไฟล์ header.php และเพิ่มโค้ดต่อไปนี้: 'primary', 'menu_class' => 'nav-menu' ) ); ? > รหัสนี้จะสร้าง เมนูใหม่ ในไซต์ WordPress ของคุณที่เรียกว่า "หลัก" ซึ่งคุณสามารถใส่ลิงก์ไปยังหน้าที่คุณต้องการได้

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

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

เมก้าเมนู WordPress

เครดิต: HubSpot

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

เมนูเด่นเป็นตัวอย่างของเมนูแบบเลื่อนลงหลายคอลัมน์ที่สามารถเพิ่มไปยังการนำทางของคุณได้ เจ้าของเว็บไซต์สามารถแสดงรายการเพิ่มเติมในเมนูด้านบนโดยแสดงให้บ่อยขึ้น เมนู Mega ถูกใช้บนเว็บไซต์เช่น BuzzFeed, The New York Times และ Starbucks มาดูวิธีการสร้างเมนูขนาดใหญ่บนไซต์ WordPress ของคุณแบบง่ายๆ กันดีกว่า ในลักษณะที่ปรากฏ บนหน้าเมนู จะต้องมีลิงค์ไปยังรายการระดับบนสุด คำแนะนำในการสร้าง เมนูการนำทางของ WordPress มีรายละเอียดอยู่ในคู่มือสำหรับผู้เริ่มต้นใช้งาน คุณยังสามารถเปลี่ยนการตั้งค่าวิดเจ็ตได้โดยคลิกที่ไอคอนเครื่องมือ เมนูเด่นของคุณควรมีวิดเจ็ตสำหรับแต่ละคอลัมน์ที่คุณต้องการแสดง

WordPress Mega Menu Walker

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

ปลั๊กอินเมนู WordPress

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

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

เมนูตอบสนองมีตัวเลือกการปรับแต่งมากกว่า 150 แบบที่สามารถรวมกันเพื่อสร้างคุณสมบัติที่เหมาะกับคุณ คุณสามารถสร้างปลั๊กอินเมนูมือถือสำหรับบล็อก ไซต์อีคอมเมิร์ซ หรือเว็บไซต์ธุรกิจของคุณ คุณสามารถใช้ QuadMenu เพื่อเปลี่ยนรูปลักษณ์และการทำงานของไซต์ WordPress ของคุณโดยใช้คุณลักษณะและตัวกรอง สำหรับผู้ที่ต้องการเพิ่มประสิทธิภาพ เมนูเว็บไซต์ ในเวอร์ชันมือถือ WP Mobile Menu เป็นตัวเลือกที่ดีที่สุด นอกจากนี้ยังมีให้ใช้งานในรูปแบบฟรีพร้อมคุณสมบัติเพิ่มเติมมากมายและการสนับสนุนอย่างมืออาชีพ แต่ก็ยังมีให้ใช้งานในรุ่นโปรพร้อมคุณสมบัติเพิ่มเติม เมนูแถบด้านข้างขั้นสูงจะช่วยคุณในการจัดระเบียบเมนูของเว็บไซต์ของคุณ UberMenu เป็นปลั๊กอินสำหรับ WordPress 3.0 ขึ้นไปที่ใช้งานง่ายและมีอินเทอร์เฟซที่เรียบง่าย

มีคุณสมบัติที่น่าทึ่งมากมายใน Slick Menu ที่จะทำให้ใช้งานได้ง่ายขึ้น คุณสามารถตรวจสอบการเปลี่ยนแปลงที่คุณทำแบบเรียลไทม์ด้วย Live Customizer มีการสาธิตสดฟรีหลายรายการสำหรับ ปลั๊กอินเมนู เหล่านั้น โดยเฉพาะอย่างยิ่งที่ออกแบบมาสำหรับผู้ใช้ระดับพรีเมียม คุณสามารถมั่นใจได้ว่าปลั๊กอินนี้มีประโยชน์สำหรับคุณอย่างแท้จริง

เมนู WordPress Mega อันน่าทึ่ง

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

เมนูเมก้าเป็นรูปแบบการออกแบบยอดนิยมในไซต์ WordPress ขนาดใหญ่ เมนูเมก้าช่วยให้ผู้ใช้ค้นหาข้อมูลที่เกี่ยวข้องได้ง่ายขึ้นโดยจัดกลุ่มลิงก์ที่คล้ายกันไว้ด้วยกัน เมนูเมกะมักจะแสดงในเมนูโฮเวอร์ เจตนาโฮเวอร์ หรือคลิกเมนูในแถบแนวนอน เมนูเมก้าสามารถใช้งานได้โดยใช้ปลั๊กอินทั้งแบบฟรีและมีค่าใช้จ่าย ปลั๊กอินที่สร้างเมนูเมก้าเรียกว่า Max Mega Menu และสามารถใช้สร้างเมนูเมกะประเภทใดก็ได้ คุณลักษณะใหม่ใน WordPress 4.8 ช่วยให้คุณสามารถเพิ่มรูปภาพโดยใช้วิดเจ็ตรูปภาพ ในปลั๊กอิน คุณสามารถเพิ่มไอคอนเมนูได้เช่นกันโดยไปที่ส่วนไอคอน

เว็บไซต์เดียวต้องใช้รุ่น Pro ซึ่งมีค่าใช้จ่าย 23 เหรียญสำหรับรุ่น Pro UberMenu ให้การควบคุมเมนูเด่นที่ละเอียดกว่าเมนูอื่นๆ ปรับแต่ง รายการเมนูแต่ละรายการ ได้ ระบบมีสกินมากกว่า 20 แบบที่สามารถสร้างได้ เนื่องจากไม่มีการโฮเวอร์ เหตุการณ์เจตนาโฮเวอร์และโฮเวอร์จึงถูกจัดประเภทเป็นเหตุการณ์การคลิก เมื่อแตะรายการเมนูระดับบนสุด รายการนั้นจะเปิดเมนูย่อย ขณะที่เมื่อคุณแตะอีกครั้ง จะเป็นการเปิดหน้าใหม่ เมนูเหล่านี้สามารถใช้ได้อย่างมีประสิทธิภาพในอุตสาหกรรมเฉพาะ เช่น เหตุการณ์ปัจจุบัน การศึกษา และอีคอมเมิร์ซ แม้ว่าจะมีประโยชน์ แต่ก็ไม่เหมาะกับทุกเว็บไซต์ เมนูเมกะที่หายไปอย่างรวดเร็วเมื่อผู้ใช้พยายามโต้ตอบกับพวกเขาก็ไม่ยินดีต้อนรับเช่นกัน