เมนูขนาดใหญ่ช่วยให้ผู้ใช้สามารถดูลิงก์ได้มากขึ้นในคราวเดียวโดยไม่ต้องเลื่อน เลื่อนเมาส์และจดจำ เนื้อหา จากเมนูของคุณ วิธีที่ดีที่สุดในการคิดถึงเมนูเด่นคือเมนูแบบเลื่อนลงภายในเมนูแบบเลื่อนลง
ดังนั้นแทนที่จะเป็นเมนูแบบเลื่อนลงปกติของคุณซึ่งจะแสดงเมนูย่อยเมื่อคุณวางเมาส์เหนือลิงก์หลักของคุณในแถบนำทางเมนูขนาดใหญ่จะช่วยให้คุณมีลิงก์หลักและเมนูย่อยเพิ่มเติมในเมนูแบบเลื่อนลง
วิธีเพิ่มเมนูเมกะไปยังแถบนำทางของคุณ
เข้าสู่แผงควบคุม WordPress ของคุณและไปที่ ลักษณะ> เมนู .
สร้างเมนูที่มีลิงก์พาเรนต์สี่ลิงก์โดยแต่ละลิงก์พาเรนต์จะมีลิงก์เมนูย่อยของตัวเอง ในตัวอย่างด้านล่างฉันเพิ่มเมนูย่อยสามรายการภายใต้ลิงก์เมนูหลักทั้งสี่ลิงก์
สร้างลิงก์เพิ่มเติมเพื่อใช้เป็นลิงก์เมนูขนาดใหญ่ สำหรับตัวอย่างด้านล่างฉันเรียกลิงก์นี้ว่า "Main" จากนั้นลากลิงก์เมนูหลักสองลิงก์ (แต่ละลิงก์มีเมนูย่อย) ใต้ลิงก์หลัก
ตอนนี้ในการสร้าง Megamenu ของคุณคุณต้องเพิ่มคลาส CSS พิเศษที่ลิงค์หลักระดับบนสุดที่เรียกว่า "Main" คุณสามารถทำได้โดยคลิกที่ลิงค์ตัวเลือกหน้าจอที่ด้านบนสุดของหน้าและตรวจสอบให้แน่ใจว่าได้เลือกตัวเลือกคลาส CSS แล้ว
สุดท้ายคุณต้องเพิ่มคลาส CSS ในลิงก์ "หลัก" ที่คุณเพิ่งสร้างขึ้น คลิกลูกศรทางด้านขวาของรายการเมนู "หลัก" เพื่อสลับตัวเลือกการกำหนดค่าเพิ่มเติม ค้นหากล่องข้อความชื่อ CSS Classes และป้อนคลาส "mega-menu"
ตอนนี้เมื่อคุณโหลดหน้าเว็บของคุณใหม่คุณจะเห็นว่าเมนูก่อนหน้าทั้งหมดถูกวางไว้ในเมนูยักษ์ภายใต้ลิงค์นี้คือเมนู Mega
นั่นคือทั้งหมดสำหรับบทช่วยสอนนี้ ฉันหวังว่ามันจะช่วยให้คุณสร้างเมนูเด่นบน Divi ได้อย่างง่ายดาย
