วิธีย้ายเมนู WordPress ของคุณในสี่ธีมยอดนิยม

เผยแพร่แล้ว: 2022-11-01

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

ฉันจะลากและวางเมนูใน WordPress ได้อย่างไร

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

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

วิธีเพิ่มเมนูแบบเลื่อนลงในเว็บไซต์ WordPress ของคุณ

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

ฉันจะจัดระเบียบเมนูของฉันใน WordPress ได้อย่างไร

ภาพโดย – https://winningwp.com/after-installing-wordpress/

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

เพจต้องได้รับการจัดระเบียบในลักษณะที่ไม่ซ้ำใครสำหรับคุณหรือองค์กร ตรวจสอบให้แน่ใจว่าผู้เยี่ยมชมของคุณมองเห็นเพจที่เขียวชอุ่มตลอดเวลา เช่น หน้าเกี่ยวกับหรือพันธกิจทางธุรกิจ เมื่อคลิกปุ่มเมนูเพิ่มในไซต์ของฉัน คุณจะปรับแต่งเมนูได้ ในการสร้างเมนูใหม่ ให้เลือก Create New Menu จากการเลือกเมนู คุณสามารถใช้วลีที่เป็นตัวหนาหรือผิดปรกติหรือธีมที่ครอบคลุมโดยอิงตามผู้ชมของคุณเพื่อทำให้ป้ายกำกับเมนูของคุณโดดเด่น คุณสามารถเปลี่ยนลำดับของรายการเมนูบนไซต์ของคุณ เพื่อให้แท็บต่างๆ อยู่ในตำแหน่งที่คุณต้องการ Tandem Trekking เป็นเว็บไซต์ธุรกิจ WordPress.com

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

วิธีเปลี่ยนรูปแบบเมนูใน WordPress

ในการเริ่มต้น ให้ไปที่ลักษณะที่ปรากฏ ไปที่เมนูและคลิกที่ปุ่มตัวเลือกหน้าจอที่ด้านบนขวา เมื่อคุณคลิกที่นี่ คุณจะเข้าสู่เมนูแบบเลื่อนลงพร้อมตัวเลือก 'คลาส CSS' คุณต้องเลื่อนรายการเมนูที่คุณต้องการแก้ไขและคลิกที่ปุ่มขยายเพื่อให้ใหญ่ขึ้น

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

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

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

วิธีเพิ่มรายการเมนูในเมนูแบบกำหนดเอง

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

WordPress เมนูนำทาง Css

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

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

วิธีเปลี่ยนรูปแบบเมนูในธีมของคุณ

หากต้องการเปลี่ยน รูปแบบเมนู คุณต้องเปิดฟังก์ชันก่อน สร้างไฟล์ php ใหม่สำหรับธีมของคุณและวางบรรทัดต่อไปนี้: ตัวกรอง ('style_menu,'style_custom_menu');br> จากนั้น คุณต้องส่งพารามิเตอร์ต่อไปนี้ไปยัง style_custom_menu(): *br 'CSS' หมายถึงพาธ ไปยังไฟล์ css ที่จะแก้ไข นอกจากนี้ 'br' ยังหมายถึงเส้นทางไปยังชื่อไฟล์ ชื่อของรายการเมนูคือคำที่อ้างอิงถึงชื่อรายการ 'Undertitle' – ชื่อของรายการเมนู รหัสที่ปรากฏใต้รายการในเมนู เส้นทางไปยังไฟล์รูปภาพที่จะทำหน้าที่เป็นไอคอนรายการเมนู 'ไอคอน' หมายถึงพาธของไฟล์รูปภาพ ตำแหน่งของรายการเมนู สามารถพบได้ที่ด้านขวามือของหน้า 'น้ำหนัก' คือปริมาณน้ำหนักที่รายการเมนูต้องการ 'ประเภท' คือประเภทของรายการเมนู