วิธีสร้างเทมเพลตเมนูใน WordPress

เผยแพร่แล้ว: 2022-10-31

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

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

ฉันจะสร้างเมนูแบบกำหนดเองได้อย่างไร

รูปภาพโดย – pinimg.com

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

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

ประโยชน์ของเมนูที่ออกแบบมาอย่างดี

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

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

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

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

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

เมนูแสดงผลของ WordPress ในเทมเพลต

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

ฉันจะแสดงเมนูที่กำหนดเองใน WordPress ได้อย่างไร

ไปที่ ลักษณะที่ปรากฏ > เมนู และสร้างเมนูใหม่ ในส่วน "เมนูรอง" เลือก "เมนูกำหนดเองของฉัน" สำหรับตำแหน่งเฉพาะ จากนั้นคลิก "สร้างเมนู" จากนั้นคุณสามารถเพิ่มบางรายการลงในเมนู (เช่น รายการเมนู 1 รายการเมนู 2 และรายการเมนู 3) และบันทึกรายการเหล่านั้น

วิธีเพิ่มเมนูในลักษณะที่ปรากฏบน WordPress

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

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

คุณยังสามารถลากไปมาเพื่อให้เข้าที่ ลูกศรชี้ลงจะนำคุณไปยังหน้าจอแก้ไขสำหรับรายการเมนูใดๆ คุณยังสามารถทดลองกับไอคอนโซเชียลมีเดียต่างๆ ในเมนูของคุณได้อีกด้วย หากต้องการสร้าง เมนูการนำทาง ให้ไปที่ลักษณะที่ปรากฏ WordPress มีแดชบอร์ดที่คุณสามารถสร้างเนื้อหาได้ ธีม Twenty Twenty-Two สามารถปรับแต่งได้โดยคลิกที่ปุ่ม 'ปรับแต่ง' หากคุณต้องการเปลี่ยนเมนูหรือสร้างใหม่ คุณสามารถทำได้ด้วยตัวเลือก 'เลือกเมนู'

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

วิธีสร้างหลายเมนูใน WordPress

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

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

รายการตรวจสอบเมนูใหม่

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