วิธีเพิ่มปุ่มโหลดเพิ่มเติมสำหรับโพสต์ WordPress โดยใช้ PostX

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

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

ด้วยความพยายามเพียงเล็กน้อย เราจะรู้วิธีเพิ่มปุ่มโหลดบทความเพิ่มเติมด้วย PostX ไปยังไซต์ WordPress ของคุณ

แต่ก่อนอื่น มาทำความรู้จักกับพื้นฐานกันก่อน

เนื้อหา ซ่อน
1 WordPress Load More Button คืออะไร?
2 WordPress Pagination คืออะไร?
3 เพิ่มปุ่ม AJAX WordPress Load More เมื่อใดและทำไม
4 ข้อดีของ WordPress โหลดปุ่มเพิ่มเติม
5 เลื่อนไม่มีที่สิ้นสุดกับโหลดปุ่มเพิ่มเติม
6 วิธีเพิ่ม WordPress โหลดเพิ่มเติม
6.1 ติดตั้ง PostX Gutenberg Post Blocks
6.2 สร้างหน้าใหม่
6.3 เปิดการแบ่งหน้า
6.4 เลือกโหลดเพิ่มเติม
6.5 ประเภทของ PostX WordPress Pagination
6.6 โหลดการตั้งค่าเพิ่มเติม
6.7 ตัวเลือกการปรับแต่งโหลดเพิ่มเติม
7 บทสรุป

WordPress Load More Button คืออะไร?

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

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

WordPress Pagination คืออะไร?

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

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

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

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

เพิ่มปุ่ม AJAX WordPress Load More เมื่อใดและทำไม

การรักษาผู้ชมให้มีส่วนร่วมเป็นสิ่งสำคัญในการเพิ่มจำนวนการดูเพจและจำนวนผู้ติดตาม

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

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

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

ข้อดีของ WordPress โหลดปุ่มเพิ่มเติม

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

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

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

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

เลื่อนไม่มีที่สิ้นสุดกับโหลดปุ่มเพิ่มเติม

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

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

วิธีเพิ่ม WordPress โหลดเพิ่มเติม

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

ติดตั้ง PostX Gutenberg Post Blocks

Install PostX
ติดตั้ง PostX

เพียงไปที่หน้าปลั๊กอินในแดชบอร์ด WordPress เพื่อติดตั้งปลั๊กอินแล้วคลิกปุ่มเพิ่มใหม่ จากนั้นป้อน "PostX" ในช่องค้นหาและกด "ติดตั้ง" ปลั๊กอินจะเปิดใช้งานหลังจากที่คุณคลิกปุ่ม "ใช้งาน"

สร้างเพจใหม่

จำไว้ว่าคุณไม่สามารถเพิ่มการแบ่งหน้านี้ในโฮมเพจปกติของคุณได้ และคุณจะต้องสร้างโฮมเพจแบบกำหนดเองเพื่อใช้สิ่งนี้ ดังนั้น ไปและสร้างหน้าใหม่ แล้วนำรายการโพสต์หรือตาราง prst จาก PostX หลังจากนั้น ตั้งค่าเพจของคุณตามต้องการ

Create a New Page
สร้างเพจใหม่

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

  • ตัวกรองหมวดหมู่และแท็ก
  • Gutenberg Archive Builder
  • หมวดหมู่ตัวเลือกสีเฉพาะ
  • บล็อกโพสต์ Gutenberg ที่สร้างขึ้นอย่างสวยงาม
  • ตัวเลื่อนโพสต์
  • การออกแบบบล็อกสำเร็จรูป
  • ชุดเริ่มต้น
  • โพสต์กริดพร้อมตัวเลือกการปรับแต่ง
  • ตัวเลื่อนโพสต์แบบไดนามิกพร้อมแอนิเมชั่น
  • ตัวสร้างแบบสอบถามโพสต์ขั้นสูง
  • ตัวเลือกการสืบค้นข้อมูลด่วนขั้นสูง
  • โหลดเพิ่ม
  • การตั้งค่าที่ตอบสนอง
  • การควบคุมการพิมพ์ขั้นสูง
  • สนับสนุนแอนิเมชั่น
  • ตัวเลือก CSS ที่กำหนดเอง
  • ส่วนชื่อที่มีการออกแบบที่ตั้งไว้ล่วงหน้าจำนวนมาก
  • ความเข้ากันได้ของรหัสย่อ
  • แถบความคืบหน้า

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

Customizable Settings
การตั้งค่าที่ปรับแต่งได้
  • ทั่วไป
  • แบบสอบถาม
  • หัวเรื่อง
  • ชื่อ
  • เมต้า
  • อนุกรมวิธาน / หมวดหมู่
  • ภาพ
  • เนื้อหาห่อ
  • กรอง
  • การแบ่งหน้า
  • ข้อความที่ตัดตอนมา
  • อ่านเพิ่มเติม
  • ตัวคั่น
  • ขั้นสูง

เมื่อคุณสร้างเพจเสร็จแล้ว คุณต้องเปิดการแบ่งหน้า

เปิดการแบ่งหน้า

Turn on Pagination
เปิดการแบ่งหน้า

ขั้นแรก คุณจะต้องเข้าสู่การตั้งค่าทั่วไปของ PostX และเปิดการแบ่งหน้าที่นั่น

เลือกโหลดเพิ่มเติม

Load More Setting
โหลดการตั้งค่าเพิ่มเติม

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

ประเภทของ PostX WordPress Pagination

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

Types of Pagination
ประเภทของการแบ่งหน้า

PostX ซึ่งเป็นหนึ่งใน Gutenberg Post Blocks ที่เพิ่มขึ้น มีตัวเลือกการแบ่งหน้า WordPress สามแบบ:

  • โหลดเพิ่ม
  • การนำทาง
  • การแบ่งหน้า

โหลดการตั้งค่าเพิ่มเติม

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

ตัวเลือกการปรับแต่งโหลดเพิ่มเติม

Load More Customization Settings
โหลดการตั้งค่าการปรับแต่งเพิ่มเติม

ข้อความเริ่มต้นของปุ่มคือ "โหลดเพิ่ม" แต่คุณสามารถเปลี่ยนเป็นอะไรก็ได้ที่คุณต้องการ

สามารถย้ายปุ่มไปที่ด้านซ้าย ขวา หรือตรงกลางของหน้าจอได้

คุณสามารถเปลี่ยนสีของข้อความ พื้นหลัง และสถานะโฮเวอร์ได้

นอกจากนี้ ระยะขอบ ช่องว่างภายใน และรัศมีเส้นขอบของปุ่มยังปรับแต่งได้อย่างเต็มที่อีกด้วย

คุณสามารถเปลี่ยนขนาดตัวอักษร แบบอักษร และระยะห่างระหว่างตัวอักษรของปุ่มได้

บทสรุป

WordPress load more เป็นคุณสมบัติที่สำคัญของ PostX the Gutenberg Post Blocks คุณลักษณะการแบ่งหน้าของ PostX ช่วยให้คุณสามารถออกแบบไซต์ของคุณด้วยการควบคุมที่สร้างสรรค์อย่างสมบูรณ์ และทำให้แน่ใจว่าแต่ละหน้าเข้ากับหน้าอื่นๆ และความสวยงามโดยรวมของไซต์ โหลด WordPress เป็นองค์ประกอบสำคัญของเว็บไซต์ที่โฮสต์เนื้อหาบล็อก

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

ชอบบทความนี้? กระจายคำ
  • WooCommerce Show Categories on Shop Page

    WooCommerce: แสดงหมวดหมู่ในหน้าร้านค้า!

  • WordPress Show Specific Category Posts on Page

    WordPress: แสดงโพสต์หมวดหมู่เฉพาะบนหน้า

  • Reading Progress Bar WordPress Plugin

    วิธีการใช้ปลั๊กอิน WordPress แถบความคืบหน้าในการอ่าน?

  • SEOPress_and_Squirrly_SEO_PostX_Addons

    ขอแนะนำส่วนเสริมคำอธิบายเมตา SEO ใหม่ [SEOPress และ Squirrly SEO 2021]