วิธีปรับปรุงเมนูนำทาง WordPress
เผยแพร่แล้ว: 2023-11-22เมนูนำทางที่มีโครงสร้างและจัดระเบียบอย่างดีถือเป็นสิ่งสำคัญสำหรับทุกเว็บไซต์ ช่วยให้ผู้เยี่ยมชมสามารถค้นหาเนื้อหาที่ต้องการได้อย่างรวดเร็ว ปรับปรุงประสบการณ์การท่องเว็บโดยรวม ในบทช่วยสอนนี้ เราจะพูดถึงเทคนิคต่างๆ เพื่อปรับปรุงและปรับปรุงเมนูนำทางของเว็บไซต์ WordPress ของคุณ
สารบัญ
1. ใช้เมนูกำหนดเองและหน้าจอเมนูลักษณะที่ปรากฏ
WordPress มีคุณสมบัติในตัวที่เรียกว่าเมนูแบบกำหนดเองและหน้าจอเมนูลักษณะที่ปรากฏซึ่งช่วยให้คุณสามารถกำหนดเมนูการนำทางบนไซต์ของคุณได้ คุณลักษณะนี้ใช้งานง่ายและช่วยให้คุณสร้างเมนูแบบกำหนดเองที่เชื่อมโยงไปยังหน้า โพสต์ หมวดหมู่ภายในไซต์ของคุณหรือเว็บไซต์ภายนอกอื่น ๆ ด้วยการใช้คุณสมบัตินี้ คุณสามารถควบคุมโครงสร้างและเนื้อหาของเมนูการนำทางของคุณได้อย่างเต็มที่
2. เพิ่ม Breadcrumbs ให้กับการนำทางของ WordPress
Breadcrumbs เป็นเครื่องมือนำทางที่มีประโยชน์ซึ่งให้เส้นทางสำหรับผู้ใช้เพื่อติดตามกลับไปยังจุดเริ่มต้นหรือจุดเริ่มต้นของเว็บไซต์ของคุณ โดยทั่วไปจะปรากฏในแนวนอนที่ด้านบนของหน้าเว็บ ใต้แถบชื่อเรื่องหรือส่วนหัว Breadcrumbs ประกอบด้วยลิงก์ที่แสดงโครงสร้างลำดับชั้นของเว็บไซต์ของคุณ
หากต้องการเพิ่ม breadcrumbs ให้กับการนำทาง WordPress คุณสามารถใช้ปลั๊กอินเช่น BreadCrumb NavXT หรือ Smart Breadcrumbs ปลั๊กอินเหล่านี้ช่วยให้คุณปรับแต่งรูปลักษณ์และการทำงานของ breadcrumbs บนไซต์ของคุณได้
3. ปรับแต่งลิงค์ถัดไปและก่อนหน้าของ WordPress
ตามค่าเริ่มต้น WordPress จะแสดงลิงก์ “<< ถัดไป” และ “ก่อนหน้า >>” ที่ด้านล่างของแต่ละหน้า อย่างไรก็ตาม วิธีการนำทางนี้อาจไม่มีประสิทธิภาพสำหรับผู้ใช้ เนื่องจากต้องคลิกหลายครั้งเพื่อเข้าถึงหน้าเว็บบางหน้า
เพื่อปรับปรุงการนำทางและมอบประสบการณ์ที่เป็นมิตรต่อผู้ใช้มากขึ้น คุณสามารถใช้ปลั๊กอิน เช่น WP-PageNavi หรือ WP-Page Numbers ปลั๊กอินเหล่านี้สร้างรายการเพจที่เชื่อมโยงพร้อมตัวเลือกในการข้ามไปยังหน้าใดหน้าหนึ่ง ทำให้ผู้เยี่ยมชมไปยังเนื้อหาของคุณได้ง่ายขึ้น
4. เพิ่มลิงก์ถัดไปและก่อนหน้าไปยังหน้าเดียวของ WordPress
แม้ว่าปลั๊กอินดังกล่าวจะปรับปรุงการนำทางสำหรับหลาย ๆ หน้า แต่ปลั๊กอินเหล่านี้อาจใช้ไม่ได้กับโพสต์เดียว อย่างไรก็ตาม คุณสามารถแก้ไขไฟล์ "single.php" ของธีมของคุณเพื่อแสดงชื่อที่เชื่อมโยงกับโพสต์ก่อนหน้าและโพสต์ถัดไปได้
ด้วยการเพิ่มโค้ดต่อไปนี้ลงในไฟล์ "single.php" ของคุณ คุณสามารถแสดงลิงก์ที่โดดเด่นไปยังโพสต์ก่อนหน้าและถัดไปได้:
<div> <div><?php previous_post_link('« Post before this: %link') ?><br /></div> <div><?php next_post_link('%link » Post After This') ?></div> <div></div> </div>
ปรับแต่งโค้ดตามการออกแบบธีมของคุณเพื่อทำให้ผู้เยี่ยมชมเห็นลิงก์โพสต์ก่อนหน้าและถัดไปมากขึ้น
5. จำกัดการเข้าถึงบางเพจตามบทบาทของผู้ใช้
หากคุณต้องการซ่อนหน้า โพสต์ ประเภทโพสต์ที่กำหนดเอง หรือหมวดหมู่เฉพาะตามบทบาทของผู้ใช้ คุณสามารถใช้ปลั๊กอิน “หน้าตามบทบาทผู้ใช้สำหรับ WordPress” ปลั๊กอินนี้ช่วยให้คุณสามารถจำกัดการเข้าถึงเนื้อหาโดยขึ้นอยู่กับบทบาทของผู้ใช้ โดยลบหน้าหรือหมวดหมู่ออกจากผลการค้นหาและเมนูเมื่อผู้ใช้ไม่ได้เข้าสู่ระบบ
ด้วยการใช้ปลั๊กอินนี้ คุณสามารถสร้างประสบการณ์การนำทางที่เป็นส่วนตัวและเป็นเป้าหมายมากขึ้นสำหรับบทบาทผู้ใช้ที่แตกต่างกัน
6. ปรับแต่งข้อความที่ตัดตอนมาสำหรับโฮมเพจและหน้าอื่น ๆ
ข้อความที่ตัดตอนมาคือบทสรุปสั้นๆ ของโพสต์ของคุณที่กระตุ้นให้ผู้อ่านคลิกลิงก์ "อ่านเพิ่มเติม" เพื่อเข้าถึงเนื้อหาทั้งหมด ตามค่าเริ่มต้น คุณสามารถเพิ่มข้อความที่ตัดตอนมาลงในช่อง "ข้อความที่ตัดตอนมา" ใต้ช่องเนื้อหาโพสต์ได้
หากต้องการสร้างข้อความที่ตัดตอนมาบนหน้าแรกของคุณ คุณสามารถใช้ปลั๊กอิน เช่น ข้อความที่ตัดตอนมาจากหน้าแรกได้ นอกจากนี้ คุณสามารถแก้ไข “the loop” ในธีมของคุณและเปลี่ยน “_content” เป็น “_excerpt” ในหน้าอื่นๆ ทั้งหมดได้
ด้วยการปรับแต่งการใช้ข้อความที่ตัดตอนมา คุณสามารถสร้างการนำทางที่น่าดึงดูดและให้ข้อมูลมากขึ้นสำหรับผู้เยี่ยมชมของคุณ
7. ใช้การนำทางแบบหลายเพจใน WordPress
สำหรับโพสต์หรือบทความที่ยาวขึ้น การแบ่งเนื้อหาออกเป็นหลายหน้าอาจเป็นประโยชน์ WordPress มีฟังก์ชันการสร้างโพสต์แบบหลายหน้าโดยใช้ปุ่มหน้าถัดไปหรือแท็กด่วน <!--nextpage-->
หากต้องการปรับปรุงการนำทางแบบหลายหน้า คุณสามารถใช้ปลั๊กอินชุดเครื่องมือแบบหลายหน้าได้ ปลั๊กอินนี้ขยายฟังก์ชันการทำงานของโพสต์แบบหลายหน้าโดยอนุญาตให้คุณตั้งชื่อสำหรับแต่ละหน้า มีตัวเลือกการแบ่งหน้าที่แตกต่างกัน (ลิงก์ก่อนหน้าและถัดไป ลิงก์ชื่อหน้า ลิงก์หมายเลข) และแสดงจำนวนหน้าทั้งหมดที่โพสต์มี
8. แสดงโพสต์ที่เกี่ยวข้องหลังเนื้อหา
การแสดงโพสต์ที่เกี่ยวข้องหลังเนื้อหาของโพสต์สามารถปรับปรุงการมีส่วนร่วมของผู้ใช้ได้อย่างมาก และกระตุ้นให้ผู้เยี่ยมชมสำรวจเนื้อหาของคุณมากขึ้น มีปลั๊กอินหลายตัวสำหรับการแทรกบล็อกโพสต์ที่เกี่ยวข้องโดยอัตโนมัติ
ปลั๊กอินเช่น "โพสต์ที่เกี่ยวข้องของฉัน" และ "ปลั๊กอินโพสต์ที่เกี่ยวข้องอีกรายการหนึ่ง (YARPP)" มีตัวเลือกในการแสดงโพสต์ที่เกี่ยวข้องตามเกณฑ์ต่างๆ และช่วยให้คุณสามารถปรับแต่งลักษณะที่ปรากฏของส่วนโพสต์ที่เกี่ยวข้องได้
9. แสดงโพสต์ยอดนิยมพร้อมการดูโพสต์
การแสดงโพสต์ยอดนิยมของคุณสามารถดึงดูดผู้เข้าชมและทำให้พวกเขามีส่วนร่วมกับเว็บไซต์ของคุณได้ ปลั๊กอิน “WP Post Views” มีวิดเจ็ตแถบด้านข้างที่แสดงโพสต์ที่มีคนดูมากที่สุด ด้วยการใช้ปลั๊กอินนี้ คุณสามารถแสดงเนื้อหาที่ดีที่สุดของคุณได้อย่างง่ายดายและกระตุ้นให้ผู้เยี่ยมชมสำรวจไซต์ของคุณเพิ่มเติม
10. ใช้ปลั๊กอินเพื่อขยายฟังก์ชันการนำทาง
WordPress มีปลั๊กอินมากมายที่สามารถปรับปรุงและขยายการทำงานของเมนูนำทางของคุณได้ ปลั๊กอินที่โดดเด่นบางตัว ได้แก่ :
- ConMe: ปลั๊กอินที่ช่วยให้คุณสร้างและจัดการกลุ่มเนื้อหา ช่วยให้จัดหมวดหมู่และจัดสไตล์เนื้อหา WordPress ของคุณได้ง่าย
- ประเภทเนื้อหาแบบกำหนดเองอย่างง่าย: ปลั๊กอินที่ช่วยลดความยุ่งยากในการสร้างประเภทโพสต์แบบกำหนดเอง อนุกรมวิธาน และเมตาบ็อกซ์ โดยไม่จำเป็นต้องเขียนโค้ดที่ซับซ้อน
- ตัวจัดการประเภทเนื้อหา WordPress: ปลั๊กอินที่ช่วยให้คุณสามารถสร้างประเภทโพสต์ที่กำหนดเอง การจัดหมวดหมู่ที่กำหนดเอง ฟิลด์ที่กำหนดเอง รหัสย่อที่กำหนดเอง และตัวเลือกธีมที่กำหนดเองได้อย่างง่ายดาย
- WP Pre-Advertisement: ปลั๊กอินที่ให้คุณแสดงโฆษณาก่อนที่จะแสดงเนื้อหาโพสต์จริง โดยให้ตัวเลือกการสร้างรายได้เพิ่มเติมสำหรับเว็บไซต์ของคุณ
- เครื่องมือตรวจสอบโพสต์: ปลั๊กอินที่ช่วยรับรองคุณภาพของโพสต์ของคุณโดยการตรวจสอบก่อนที่จะเผยแพร่ ซึ่งมีประโยชน์อย่างยิ่งสำหรับเว็บไซต์ที่มีผู้เขียนหลายคน
- ตัวเลื่อนโพสต์เด่นระดับพรีเมียม: ปลั๊กอินที่ช่วยให้คุณสร้างแถบเลื่อนที่แสดงเนื้อหาของคุณ พร้อมตัวเลือกเค้าโครงและการปรับแต่งที่หลากหลาย
11. ปรับปรุงการนำทางหมวดหมู่ด้วยรูปภาพ
การกำหนดรูปภาพให้กับชื่อหมวดหมู่สามารถเพิ่มความน่าสนใจให้กับเมนูนำทางของคุณได้ คุณสามารถแทนที่ข้อความด้วยรูปภาพหมวดหมู่เพื่อให้ผู้เข้าชมดูน่าดึงดูดยิ่งขึ้น ปลั๊กอิน เช่น ไอคอนหมวดหมู่ หรือ ไอคอนหมวดหมู่ Lite ช่วยให้คุณสามารถกำหนดไอคอนให้กับหมวดหมู่ ซึ่งจะแสดงถัดจากชื่อหมวดหมู่ในเมนูนำทาง
12. ปรับแต่งการนำทางแถบด้านข้าง
การปรับแต่งการนำทางของแถบด้านข้างสามารถเสนอองค์ประกอบการนำทางเพิ่มเติมและมอบประสบการณ์ผู้ใช้ที่ปรับแต่งมากขึ้น คุณสามารถสำรวจตัวเลือกต่างๆ ได้ เช่น การแสดงประเภทโพสต์แบบกำหนดเอง การสร้างเมนูแบบกำหนดเอง หรือใช้ปลั๊กอิน เช่น iFrameWidgets เพื่อปรับแต่งแถบด้านข้าง WordPress ของคุณ
13. ปรับแต่งเมนูผู้ดูแลระบบ WordPress
เมนูผู้ดูแลระบบ WordPress สามารถปรับแต่งได้เพื่อปรับปรุงประสบการณ์ผู้ใช้สำหรับผู้ดูแลระบบเว็บไซต์ ปลั๊กอินเช่น Friendly Admin Menu มอบอินเทอร์เฟซแบบแท็บที่สมเหตุสมผลและใช้งานง่ายพร้อมไอคอนขนาดใหญ่ ทำให้ง่ายต่อการใช้งานแดชบอร์ดผู้ดูแลระบบและเข้าถึงการตั้งค่าที่จำเป็น
บทสรุป
ด้วยการปฏิบัติตามเทคนิคเหล่านี้และใช้ปลั๊กอินที่แนะนำ คุณสามารถปรับปรุงเมนูการนำทางของเว็บไซต์ WordPress ของคุณได้อย่างมาก เมนูนำทางที่มีโครงสร้างดีและใช้งานง่ายช่วยปรับปรุงประสบการณ์การท่องเว็บโดยรวมสำหรับผู้เยี่ยมชมของคุณ ทำให้พวกเขามีส่วนร่วมและกระตุ้นให้พวกเขาสำรวจเนื้อหาของคุณมากขึ้น
คำถามที่พบบ่อย: การปรับปรุงเมนูการนำทาง
ฉันจะปรับแต่งเมนูการนำทางใน WordPress ได้อย่างไร
หากต้องการปรับแต่งเมนูการนำทางใน WordPress ให้ทำตามขั้นตอนเหล่านี้:
1. เข้าสู่แดชบอร์ดผู้ดูแลระบบ WordPress ของคุณ
2. ไปที่ "ลักษณะที่ปรากฏ" และเลือก "เมนู"
3. สร้างเมนูใหม่โดยคลิกที่ลิงก์ "สร้างเมนูใหม่"
4. ตั้งชื่อเมนูของคุณแล้วคลิกปุ่ม "สร้างเมนู"
5. หากต้องการเพิ่มรายการลงในเมนูของคุณ ให้เลือกหน้า โพสต์ หรือลิงก์ที่กำหนดเองที่ต้องการจากด้านซ้ายมือ และคลิกที่ปุ่ม "เพิ่มในเมนู"
6. จัดเรียงรายการเมนูโดยการลากและวางตามลำดับที่ต้องการ
7. หากต้องการสร้างเมนูย่อย ให้ลากรายการเมนูไปทางขวาเล็กน้อยใต้รายการอื่น นี่จะทำให้เป็นรายการเมนูย่อย
8. ปรับแต่งป้ายกำกับรายการเมนูโดยคลิกที่ลูกศรลงถัดจากแต่ละรายการและแก้ไขฟิลด์ "ป้ายกำกับการนำทาง"
9. ตั้งค่าตำแหน่งเมนูโดยทำเครื่องหมายที่ช่องถัดจากตำแหน่งที่ต้องการภายใต้ส่วน "การตั้งค่าเมนู"
10. บันทึกการเปลี่ยนแปลงของคุณโดยคลิกที่ปุ่ม "บันทึกเมนู"
แค่นั้นแหละ! เมนูการนำทางของคุณควรปรับแต่งตามความต้องการของคุณแล้ว
ฉันจะปรับปรุงแถบนำทางของฉันได้อย่างไร?
หากต้องการปรับปรุงแถบการนำทาง ให้พิจารณาขั้นตอนต่อไปนี้:
1. ทำให้ง่าย: จำกัดจำนวนรายการเมนูให้เหลือรายการที่สำคัญที่สุด แถบนำทางที่เกะกะอาจทำให้ผู้ใช้สับสนและทำให้พวกเขาค้นหาสิ่งที่ต้องการได้ยากขึ้น
2. ใช้ป้ายกำกับที่สื่อความหมาย: ตรวจสอบให้แน่ใจว่ารายการเมนูของคุณมีป้ายกำกับที่ชัดเจนและกระชับซึ่งแสดงถึงเนื้อหาหรือส่วนที่ลิงก์ไปอย่างถูกต้อง หลีกเลี่ยงป้ายกำกับทั่วไป เช่น "ผลิตภัณฑ์" หรือ "บริการ" และระบุให้เฉพาะเจาะจง
3. จัดลำดับความสำคัญของหน้าที่สำคัญ: วางหน้าหรือส่วนที่สำคัญที่สุดของคุณไว้ที่จุดเริ่มต้นของแถบนำทาง ผู้ใช้มักจะเน้นที่ด้านซ้ายของแถบนำทาง ดังนั้นรายการสำคัญจึงมีแนวโน้มที่จะถูกมองเห็นและคลิกมากกว่า
4. ตรวจสอบให้แน่ใจว่าเข้าถึงได้ง่าย: ตรวจสอบให้แน่ใจว่าแถบนำทางของคุณแสดงอย่างเด่นชัดและเข้าถึงได้ง่ายในทุกหน้าของเว็บไซต์ของคุณ โดยควรอยู่ที่ด้านบนสุดของหน้า ผู้ใช้ไม่ควรต้องค้นหาหรือเลื่อนเพื่อค้นหา
5. ปรับให้เหมาะสมสำหรับมือถือ: ตรวจสอบให้แน่ใจว่าแถบการนำทางของคุณตอบสนองและทำงานได้ดีบนอุปกรณ์มือถือ ลองใช้เมนูแฮมเบอร์เกอร์หรือรูปแบบการนำทางที่เหมาะกับอุปกรณ์เคลื่อนที่อื่นๆ เพื่อมอบประสบการณ์ผู้ใช้ที่ราบรื่นบนหน้าจอขนาดเล็ก
6. ใช้เมนูแบบเลื่อนลงเท่าที่จำเป็น: หากคุณมีหน้าย่อยหรือส่วนต่างๆ จำนวนมาก ให้ใช้เมนูแบบเลื่อนลงเพื่อจัดระเบียบ อย่างไรก็ตาม หลีกเลี่ยงการมีระดับที่ซ้อนกันมากเกินไป เนื่องจากอาจทำให้การนำทางซับซ้อนและล้นหลามได้
7. มีฟังก์ชันการค้นหา: ลองเพิ่มแถบค้นหาภายในแถบการนำทางของคุณ เพื่อให้ผู้ใช้สามารถค้นหาเนื้อหาที่ต้องการได้อย่างรวดเร็ว หากไม่พบเนื้อหาผ่านเมนู
8. ทดสอบและวิเคราะห์: ติดตามพฤติกรรมผู้ใช้อย่างต่อเนื่องและดำเนินการทดสอบ A/B เพื่อเพิ่มประสิทธิภาพแถบนำทางของคุณ ให้ความสนใจกับความคิดเห็นของผู้ใช้และทำการปรับเปลี่ยนตามนั้น
โปรดจำไว้ว่าแถบนำทางที่ออกแบบมาอย่างดีสามารถปรับปรุงประสบการณ์ผู้ใช้และปรับปรุงการใช้งานโดยรวมของเว็บไซต์ของคุณได้อย่างมาก
เมนูนำทางที่ดีมีอะไรบ้าง
เมนูการนำทางที่ดีควรเป็น:
– ชัดเจนและใช้งานง่าย: ตรวจสอบให้แน่ใจว่าป้ายกำกับเมนูมีคำอธิบายและเข้าใจง่าย ทำให้ผู้ใช้สามารถไปยังส่วนต่างๆ ของเว็บไซต์ของคุณได้อย่างรวดเร็ว
– กระชับ: รักษาจำนวนรายการเมนูให้น้อยที่สุด ซึ่งถ้าจะให้ดีควรน้อยกว่า 7 รายการ เพื่อหลีกเลี่ยงไม่ให้ผู้ใช้ล้นหลาม
– สอดคล้องกัน: รักษาโครงสร้างการนำทางเดียวกันในทุกหน้าของเว็บไซต์ของคุณเพื่อมอบประสบการณ์ผู้ใช้ที่สอดคล้องกัน
– มองเห็นได้: วางเมนูนำทางในตำแหน่งที่เห็นได้ชัดเจน เช่น ส่วนหัวหรือแถบด้านข้าง เพื่อให้สามารถเข้าถึงได้ง่ายในทุกหน้า
– เป็นมิตรกับมือถือ: เพิ่มประสิทธิภาพเมนูนำทางของคุณสำหรับอุปกรณ์มือถือโดยใช้การออกแบบที่ตอบสนองหรือใช้เมนูมือถือที่ใช้งานง่ายบนหน้าจอขนาดเล็ก
– เป็นมิตรกับเครื่องมือค้นหา: ใช้ลิงก์แบบข้อความแทน JavaScript หรือเมนูแบบ Flash เพื่อให้แน่ใจว่าเครื่องมือค้นหาสามารถรวบรวมข้อมูลและเข้าใจการนำทางของคุณได้
ฉันจะสร้างเมนูการนำทางแบบไดนามิกใน WordPress ได้อย่างไร
หากต้องการสร้างเมนูการนำทางแบบไดนามิกใน WordPress ให้ทำตามขั้นตอนเหล่านี้:
1. เข้าสู่แผงผู้ดูแลระบบ WordPress ของคุณ
2. ไปที่ “รูปลักษณ์” -> “เมนู”
3. คลิกที่ "สร้างเมนูใหม่" และตั้งชื่อ
4. เลือกเพจ หมวดหมู่ หรือลิงก์ที่กำหนดเองที่คุณต้องการเพิ่มลงในเมนูจากคอลัมน์ด้านซ้าย
5. ลากและวางรายการเพื่อจัดเรียงตามลำดับที่ต้องการ
6. หากต้องการทำให้เมนูเป็นแบบไดนามิก ให้เลือกตัวเลือก "เพิ่มหน้าระดับบนสุดใหม่โดยอัตโนมัติ" การดำเนินการนี้จะเพิ่มหน้าใหม่ลงในเมนูโดยอัตโนมัติเมื่อสร้างขึ้น
7. เมื่อคุณเพิ่มรายการทั้งหมดแล้ว ให้คลิกปุ่ม "บันทึกเมนู"
8. หากต้องการแสดงเมนูบนเว็บไซต์ของคุณ ให้ไปที่แท็บ "จัดการสถานที่"
9. เลือกเมนูที่ต้องการจากเมนูแบบเลื่อนลงสำหรับตำแหน่ง "เมนูหลัก"
10. คลิกปุ่ม “บันทึกการเปลี่ยนแปลง”
เมนูการนำทางแบบไดนามิกของคุณจะปรากฏบนเว็บไซต์ WordPress ของคุณ และหน้าระดับบนสุดใหม่ ๆ จะถูกเพิ่มลงในเมนูโดยอัตโนมัติ