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

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

Mega Menu ซึ่งไม่ใช่เมนูแบบเลื่อนลงมาตรฐาน ประกอบด้วยเมนูย่อยที่มีเนื้อหาแบบขยาย เมนูเมก้าสามารถแยกแยะได้ด้วยการใช้รูปภาพและไอคอน ซึ่งทำให้การนำทางง่ายขึ้น ในการสร้าง Mega Menu คุณจะต้องดาวน์โหลดและติดตั้งปลั๊กอิน Sweet Custom Menu คุณสามารถใช้คำบรรยายของฟิลด์ที่กำหนดเอง (ชื่อของฟิลด์ที่ปลั๊กอินให้มา) ในเมนูของคุณ ด้วยเมนูเมก้า คุณสามารถดูเนื้อหาของเว็บไซต์ได้อย่างรวดเร็ว จำเป็นต้องมีลิงก์ไปยังโครงสร้างเมนูเพื่อให้เมนู Mega ปรากฏขึ้น ในกรณีนี้ เขาจะใช้แท็ก HTML อย่างง่ายเพื่อตั้งชื่อที่ต้องการ แต่รวมเนื้อหาที่จะแสดงในเมนู

วิธีสร้างเมนูเมก้าแบบกำหนดเองใน WordPress

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

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

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

ตัวอย่างเมนู WordPress Mega

มีหลายวิธีในการสร้างเมนูเด่นบน WordPress ตัวอย่างหนึ่งคือการใช้ปลั๊กอินเช่น Mega Menu โดย WooThemes ปลั๊กอินนี้ช่วยให้คุณสร้างเมนูแบบกำหนดเองที่มีหลายคอลัมน์ จัดกลุ่มรายการ และเพิ่มรูปภาพและไอคอน อีกทางเลือกหนึ่งคือการใช้ธีมที่มีฟังก์ชันเมนูเด่นในตัว ตัวอย่างเช่น ธีม Total WordPress มี ระบบเมนูเด่นที่ คุณสามารถใช้สร้างเมนูแบบกำหนดเองได้มากถึง 6 คอลัมน์

ต่อไปนี้คือตัวอย่างบางส่วนของ WordPress Mega Menus หากคุณติดตั้งเมนู WordPress mega ร้านค้าออนไลน์ของคุณอาจปรากฏแตกต่างออกไป มีพื้นที่มากขึ้นเพื่อแนะนำหมวดหมู่ที่จำเป็นทั้งหมดในเมนูขนาดใหญ่ใน e-store ตัวอย่างเช่น สำหรับเว็บไซต์ที่มีคุณสมบัติที่ซับซ้อน เช่น ร้านค้าออนไลน์ เนื้อหาเพื่อการศึกษา และเนื้อหาที่สร้างสรรค์ เมนูเมก้าสามารถเปลี่ยนสิ่งต่างๆ ในช่องในชีวิตจริงยอดนิยมที่หลากหลาย ซึ่งเราได้เลือกให้คุณแล้ว ธีม WordPress ร้านขายเสื้อผ้า Laveri มีปลั๊กอิน WordPress Stratum Mega Menu ฟรี มันมาพร้อมกับตัวเลือกวิดเจ็ตมากมาย รวมถึง WooCommerce ที่ให้คุณเลือกสิ่งที่จะแสดงในเมนูของคุณ Chawk WooCommerce รวมอยู่ในเมนู ช่วยให้คุณสร้างเว็บไซต์ร้านค้าและบล็อกได้

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

" ปุ่ม. วิธีสร้างเมนูเมก้าใน WordPress

เป็นแพลตฟอร์มเว็บไซต์ยอดนิยมสำหรับการสร้างเว็บไซต์ เนื่องจากมีคุณสมบัติมากมาย จึงไม่น่าแปลกใจที่เจ้าของเว็บไซต์จำนวนมากใช้เพื่อสร้างหน้าเว็บของตน เมนูเมก้าเป็นหนึ่งในคุณสมบัติขั้นสูงมากมายที่ WordPress มีให้ เมนูเด่นตามชื่อคือเมนูประเภทที่ขยายได้ซึ่งแสดงตัวเลือกต่างๆ ในเมนูดรอปดาวน์แบบสองมิติ เป็นตัวเลือกที่ยอดเยี่ยมสำหรับการรองรับตัวเลือกจำนวนมาก เช่นเดียวกับการแสดงหน้าระดับล่างในลักษณะที่เรียบร้อยและเรียบร้อย มักพบเมนูเด่นบนเว็บไซต์ที่มีเนื้อหามากมาย ตัวอย่างเมก้าเมนูบนเว็บไซต์ที่เกี่ยวข้องกับการเดินทาง ในเมนูนี้ คุณจะมีตัวเลือกมากมาย รวมทั้งเที่ยวบิน โรงแรม บริการรถเช่า และอื่นๆ เมนูเมก้าถูกใช้ในเว็บไซต์อีคอมเมิร์ซเช่นกัน ลูกค้าสามารถได้รับประโยชน์จากการนำเสนอผลิตภัณฑ์ที่หลากหลายผ่านวิธีการนี้ เมนูเด่นสามารถใช้บนเว็บไซต์ที่มีหน้าต่างๆ มากมาย ตัวอย่างเช่น เว็บไซต์ที่เน้นแฟชั่นอาจมีเมนูเสื้อผ้าขนาดต่างๆ มากมาย ในการสร้างเมนูเด่น คุณจะต้องรู้บางสิ่ง ก่อนอื่นคุณต้องไปที่ Appearance * Menus ในแดชบอร์ด WordPress ของคุณ สามารถเลือกส่วนหัวได้โดยใส่ไว้ในเมนู โดยทั่วไปจะเป็นเมนูเริ่มต้น (เช่น ได้เลือกไว้แล้ว) โดยมีพื้นที่แสดงผลชื่อ "เมนูหลัก" "เมนูด้านบน" "ด้านบน" เป็นต้น เมื่อคุณเลือกตำแหน่งของเมนูเด่นได้แล้ว คุณสามารถเลือกได้ว่าจะเป็นสไตล์ใด เมนูเมก้าแบ่งออกได้เป็น 3 ประเภท ได้แก่ แนวนอน แนวตั้ง และกริด เมนูเมก้ามักจะออกแบบจากซ้ายไปขวาและเป็นเมนูที่ใช้กันทั่วไปมากที่สุด ตรงกันข้ามกับเมนูเมกะกริดซึ่งแสดงในรูปแบบคล้ายกริด เมนูเมกะแนวตั้ง จะแสดงในรูปแบบกริดจากบนลงล่าง คุณต้องตัดสินใจว่าเมนูเมก้าจะมีหน้าตาเป็นอย่างไรก่อนที่คุณจะเริ่มออกแบบ เมนูเมกะของคุณสามารถปรับแต่งได้โดยการเพิ่มสี ฟอนต์ และรูปภาพต่างๆ ลงไป คุณยังสามารถใส่ส่วนท้ายและส่วนหัวในเมนูเด่นของคุณได้ เพื่อให้แน่ใจว่าการออกแบบเมนูเมก้าของคุณเป็นไปตามที่คุณต้องการ คุณต้องทำการทดสอบหลายชุด เมื่อคลิก "แสดงตัวอย่าง" คุณสามารถเพิ่มรายการใหม่ลงในเมนูของคุณและดูตัวอย่างได้

WordPress Mega Menu ไม่มีปลั๊กอิน

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

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

เมนูของเว็บไซต์ของคุณควรทำหน้าที่เป็นแผนที่ออนไลน์ เพื่อนำทางผู้เยี่ยมชมไปยังเนื้อหาที่พวกเขากำลังมองหา เมื่อคลิกไอคอน ลักษณะที่ปรากฏ ถัดจากแท็บ ลักษณะที่ปรากฏ คุณสามารถเปลี่ยนลักษณะที่ปรากฏของเมนูได้ เมนูหลักและเมนูรองสามารถพบได้ในพื้นที่เดียวกัน สามารถสร้างส่วนท้ายและส่วนหัวที่แตกต่างจากเมนูเริ่มต้นได้โดยใช้หนึ่งในธีมที่มี เมนู WordPress mega คือชุดของคอลัมน์ข้อมูล เมื่อมีการเพิ่มหมวดหมู่ลงในเว็บไซต์ คุณสามารถเพิ่มหมวดหมู่เหล่านั้นใน e-stores เนื้อหาเพื่อการศึกษา และเนื้อหาที่สร้างสรรค์ได้ ต้องเพิ่มลิงก์ไปยังรูปภาพที่คุณร้องขอให้แสดง เมนูขนาดใหญ่ ในเมนูหลัก

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

วิธีปิดการใช้งาน Max Mega Menu

หากต้องการปิดใช้งาน Max Mega Menu ได้ทุกเมื่อ ให้ยกเลิกการเลือกช่อง "เปิดใช้งาน" แล้วคลิก "บันทึก"

เมนูเมกะไม่ทำงาน WordPress

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

มีปัญหากับปลั๊กอิน WP Mega Menu Pro เมื่อฉันเปิดใช้งานมันไม่เปิดขึ้น เราไม่สามารถทำอะไรกับมันได้โดยไม่มีรูปภาพ ฉันจะส่งรูปให้คุณโดยเร็วที่สุด คุณลิงก์ฉันไปยังเพจที่เป็นปัญหาได้ไหม ฉันไม่สามารถใช้ Generatepress 2…0 ใน 2.0.2 มาระยะหนึ่งแล้ว โครงสร้างเมนูของ GP 2.0 ยังคงไม่เปลี่ยนแปลง

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