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

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

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

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

การเพิ่มเลขหน้าให้กับ WordPress

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

การแบ่งหน้าบล็อกใน WordPress

การแบ่งหน้ามักใช้ในส่วนบล็อกของเว็บไซต์ WordPress สามารถใช้กับแต่ละโพสต์หรือใช้เป็นวิธีรวมหน้าหมวดหมู่บล็อก:

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

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

ปลั๊กอินการแบ่งหน้า

วิธีที่ง่ายที่สุดในการใช้เลขหน้าใน WordPress คือการใช้ปลั๊กอินการแบ่งหน้า มีตัวเลือกมากมาย แต่ลองมาดูวิธีแก้ปัญหายอดนิยมบางส่วนอย่างใกล้ชิด

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

นอกจากนี้ WP-Paginate ยังช่วยให้คุณสามารถปรับแต่งปุ่มหน้าและแม้แต่ค่าเฉพาะ (เช่น Page Range และ Page Gap ) ซึ่งหมายความว่าคุณสามารถควบคุมองค์ประกอบหลักของการแบ่งหน้าได้

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

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

การแบ่งหน้า Ajax ใน WordPress

Asynchronous JavaScript And XML (AJAX) เป็นชุดของเทคนิคการเขียนโปรแกรมที่ช่วยให้นักพัฒนาสามารถสร้างเว็บแอปพลิเคชันแบบอะซิงโครนัส กล่าวโดยย่อ Ajax ส่งและดึงข้อมูลจากเซิร์ฟเวอร์โดยไม่รบกวนการปรากฏของเพจ เนื่องจากรันอยู่เบื้องหลัง Ajax ใช้เพื่อเปลี่ยนเนื้อหาของหน้าไดนามิกโดยไม่ต้องโหลดซ้ำทั้งหน้า สิ่งนี้เห็นได้ทั่วไปด้วยการเลื่อนไม่สิ้นสุด แต่ยังใช้กับเลขหน้าด้วย

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

การแบ่งหน้า Ajax โดยไม่มีปลั๊กอิน

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

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

เมื่อตั้งค่าธีมลูกแล้ว มีสามขั้นตอนหลักในการเพิ่มเลขหน้าในไซต์ของคุณ นี่คือภาพรวมของกระบวนการ:

1. สร้างกิจกรรม นี่คือที่ที่คุณตัดสินใจว่าการกระทำใดบนเว็บไซต์ของคุณ (เช่น การคลิกหมายเลขหน้า) จะเรียกใช้ส่วน JavaScript ของกระบวนการ
2. สร้างการโทร Ajax เมื่อ JavaScript 'เปิดใช้งาน' คำขอข้อมูลจะถูกส่งไปยังเว็บเซิร์ฟเวอร์
3. สื่อสารกับ WordPress สุดท้าย การตอบสนองของเซิร์ฟเวอร์จะเป็นตัวกำหนดการทำงานของ WordPress ในกรณีนี้ จะเรียกเนื้อหาหน้าใหม่โดยไม่ต้องโหลดซ้ำทั้งหน้า

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

การแบ่งหน้าแบบกำหนดเอง

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

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

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

หากคุณเป็นผู้ใช้ขั้นสูง คุณยังสามารถทดลองกับ CSS (ภายในไฟล์ style.css ) เพื่อปรับแต่งเลขหน้าของคุณเพิ่มเติมได้ คุณสามารถเปลี่ยนองค์ประกอบต่างๆ เช่น พื้นหลังและสีฟอนต์ องค์ประกอบการเติม และเอฟเฟกต์โฮเวอร์ ด้วยการทำงานเพียงเล็กน้อย คุณสามารถตั้งค่าเลขหน้าของไซต์ของคุณได้ตามที่คุณต้องการ!

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