วิธีตั้งค่าการแบ่งหน้าแบบกำหนดเองใน WordPress

เผยแพร่แล้ว: 2023-04-02

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

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

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

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

มาเริ่มกันเลย!

เลื่อนไปด้านบน

สารบัญ

การแบ่งหน้าใน WordPress คืออะไร?

การแบ่งหน้า WordPress คือกระบวนการแบ่งเนื้อหาออกเป็นหน้าแยกกัน โดยทั่วไปจะใช้ในบล็อกโพสต์ แต่ยังใช้ในเนื้อหาประเภทอื่นๆ เช่น ผลิตภัณฑ์และบทความข่าวได้ด้วย

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

นี่คือลักษณะการแบ่งหน้าใน WordPress:

WordPress Pagination
การแบ่งหน้า WordPress

อย่างที่คุณเห็นในภาพด้านบน แทนที่จะแสดงโพสต์ทั้งหมดในหน้าเดียว เจ้าของเว็บไซต์รายนี้ตัดสินใจแสดงโพสต์เพียงไม่กี่รายการในหน้าเดียว และแบ่งโพสต์ที่เหลือในหน้าอื่นๆ

เลื่อนไปด้านบน

ประโยชน์ของการแบ่งหน้า WordPress

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

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

1. ปรับปรุงประสบการณ์ผู้ใช้

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

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

นอกจากนี้ การแบ่งหน้าของ WordPress ยังช่วยลดความยุ่งเหยิงในหน้า ทำให้อ่านและนำทางได้ง่ายขึ้น

2. ปรับปรุงประสิทธิภาพ

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

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

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

อย่างไรก็ตาม หากคุณแบ่งรายการออกเป็น 10 หน้าๆ ละ 10 โพสต์ ทุกหน้าจะโหลดเร็วขึ้นมากเนื่องจากคุณลดจำนวนเนื้อหาในแต่ละหน้าลง

3. ปรับปรุง SEO

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

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

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

เลื่อนไปด้านบน

วิธีตั้งค่าการแบ่งหน้า WordPress ด้วยตนเอง

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

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

ก่อนเริ่มต้น คุณควรทราบว่าการแบ่งหน้ามี 2 ประเภท ได้แก่ ดูตัวอย่างโพสต์และโพสต์ถัดไป และหมายเลขหน้า เช่น (ก่อนหน้า 1 2 3 … 15 ถัดไป) มาเริ่มกันเลย!

Pagination Settings in WordPress
การตั้งค่าการแบ่งหน้าใน WordPress

ตามค่าเริ่มต้น WordPress เสนอการแบ่งหน้าให้กับแต่ละไซต์ นอกจากนี้ คุณสามารถควบคุมจำนวนบล็อกที่จะแสดงในแต่ละหน้า หากต้องการกำหนดการตั้งค่านี้ ให้ไปที่ “การตั้งค่า > การอ่าน” และป้อนจำนวนบล็อกที่จะแสดงภายใต้ “หน้าบล็อกที่แสดงมากที่สุด” ตามค่าเริ่มต้น WordPress จะแสดงโพสต์บล็อก 10 รายการในแต่ละหน้า

แบ่งบทความหรือหน้า WordPress ออกเป็นหลายหน้า

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

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

Page Break Block in Gutenberg
Page Break Block ใน Gutenberg

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

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

Pagination Preview
ดูตัวอย่างการแบ่งหน้า

ตอนนี้ ดูตัวอย่างโพสต์ของคุณเพื่อดูว่าตัวแบ่งหน้าทำงานหรือไม่ ในกรณีของฉัน มันทำงานได้อย่างสมบูรณ์ ดังที่คุณเห็นในภาพด้านบน

Pagination WordPress Code
รหัสการแบ่งหน้า WordPress

ตอนนี้ มาดูขั้นตอนเดียวกันหากคุณใช้โปรแกรมแก้ไขแบบคลาสสิก เปิดโพสต์หรือหน้า วางเคอร์เซอร์ของเมาส์ตรงตำแหน่งที่คุณต้องการแยกหน้า แล้วป้อน <!–nextpage–> ดังที่แสดงในภาพด้านบน

เลื่อนไปด้านบน

วิธีตั้งค่าการแบ่งหน้า WordPress โดยใช้ปลั๊กอิน

หนึ่งในวิธีที่ง่ายที่สุดในการตั้งค่าการแบ่งหน้า WordPress คือการใช้ปลั๊กอิน WP-PageNavi เป็นปลั๊กอินที่ยอดเยี่ยมที่ช่วยให้คุณเพิ่มเลขหน้าในเว็บไซต์ของคุณได้อย่างง่ายดาย

WP-PageNavi Plugin
ปลั๊กอิน WP-PageNavi

ในการติดตั้งปลั๊กอินนี้ ให้ไปที่ “ปลั๊กอิน > เพิ่มใหม่” และค้นหา “WP-PageNavi” ในช่องค้นหาดังที่แสดงในภาพด้านบน หลังจากนั้นให้ติดตั้งและเปิดใช้งานปลั๊กอิน

creating wordpress pagination, custom wordpress pagination, wordpress pagination
การตั้งค่า PageNavi

ถัดไป คุณต้องกำหนดค่าการแบ่งหน้าบนไซต์ของคุณโดยไปที่ “การตั้งค่า > PageNavi” ในหน้าจอถัดไป คุณจะเห็นการตั้งค่าบางอย่างที่ให้คุณเปลี่ยนข้อความที่แสดงบนหน้าทั้งหมด หน้าปัจจุบัน หน้าแรก หน้าสุดท้าย และอื่นๆ

PageNavi Navigation Settings
การตั้งค่าการนำทาง PageNavi

ยิ่งกว่านั้น ปลั๊กอินนี้ยังให้คุณเปลี่ยนสไตล์ของเลขหน้าของคุณ ในการทำเช่นนี้ คุณสามารถเลือก "ใช่" ใต้ "ใช้เลขหน้า-css.css" นอกจากนี้คุณยังเลือกรูปแบบการแบ่งหน้าจากตัวเลือก ปกติ หรือ รายการแบบหล่นลง คุณสามารถคงการตั้งค่าที่เหลือไว้ตามเดิม

เลื่อนไปด้านบน

ปลั๊กอินสำรองเพื่อตั้งค่าการแบ่งหน้า WordPress

WP-PageNavi ไม่ใช่ปลั๊กอินเดียวที่ช่วยคุณตั้งค่าเลขหน้าใน WordPress มีปลั๊กอินอื่นๆ อีกสองสามตัวที่มาพร้อมกับการตั้งค่าเพิ่มเติมและให้การควบคุมเลขหน้ามากขึ้น ต่อไปนี้คือตัวเลือกบางประการ:

  • WP-Paginate : เป็นปลั๊กอินง่ายๆ ที่ให้คุณเพิ่มเลขหน้าลงในไซต์ด้วยการกำหนดค่าเพียงเล็กน้อย นอกจากนี้ยังมีคุณสมบัติการปรับแต่งต่างๆ เช่น การเปลี่ยนสีปุ่มเลขหน้า การเพิ่มข้อความที่กำหนดเอง และอื่นๆ
  • การแบ่งหน้าโดย BestWebSoft : ปลั๊กอินนี้อนุญาตให้คุณเพิ่มการแบ่งหน้าในบล็อก ผลการค้นหา หมวดหมู่ แท็ก ไฟล์เก็บถาวร และหน้าผู้เขียน คุณยังสามารถเลือกตำแหน่งเลขหน้าต่างๆ ยิ่งไปกว่านั้น เปลี่ยนสีโฮเวอร์ สีพื้นหลัง สีข้อความ สีเส้นขอบ และอื่นๆ อีกมากมาย
  • การแบ่งหน้าตามตัวอักษร : ปลั๊กอินนี้ช่วยให้คุณสามารถเพิ่มการแบ่งหน้าด้วยตัวอักษรเช่น A, B, C และอื่น ๆ อนุญาตให้คุณเปิดใช้การแบ่งหน้าในโพสต์ เพจ และอนุกรมวิธาน

ห่อ!

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

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