วิธีรับ WordPress Infinite Scroll บนไซต์ของคุณ

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

ต้องการเลื่อนไม่สิ้นสุดบนไซต์ WordPress ของคุณหรือไม่? ด้วยปลั๊กอิน WordPress infinite scroll ที่เหมาะสม มันจึงเป็นเรื่องง่าย มาเรียนรู้วิธีการกันเถอะ!

How to get WordPress Infinite Scroll on your site

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

ก่อนอื่น มากำหนดสิ่งที่เราหมายถึงโดย infinite scroll เป็นประสบการณ์การท่องเว็บที่ให้ผู้ใช้สามารถเลื่อนไปเรื่อย ๆ จนกว่าเนื้อหาจะหมด

แต่เนื้อหาประเภทใด? สำหรับคนส่วนใหญ่ที่ต้องการใช้การเลื่อนแบบไม่มีที่สิ้นสุดใน WordPress มีกรณีการใช้งานทั่วไปสามกรณี:

แบบฟอร์มที่น่าเกรงขามคือปลั๊กอิน WordPress Form Builder ที่ดีที่สุด รับฟรี!
  1. การโหลดโพสต์ไม่สิ้นสุด: เมื่อผู้ใช้เลื่อนดูรายการโพสต์ในบล็อก โพสต์จะปรากฏขึ้นมากขึ้น ฟังก์ชันนี้แทนที่ความจำเป็นในการโหลดปุ่มเพิ่ม
  2. โพสต์เดียวที่เลื่อนได้ไม่รู้จบ: เมื่อผู้ใช้เลื่อนไปที่จุดสิ้นสุดของโพสต์ในบล็อก โพสต์บล็อกอื่นจะโหลดขึ้น
  3. เนื้อหาที่กำหนดเองแบบเลื่อนได้ไม่จำกัด: อนุญาตให้ผู้ใช้เลื่อนเนื้อหาที่กำหนดเองได้ เช่น รายชื่ออสังหาริมทรัพย์ เป็นต้น

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

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

การเลื่อนไม่สิ้นสุดสำหรับโพสต์ WordPress เป็น ความคิดที่ดีหรือไม่?

มาถามตัวเองก่อนว่า: ทำไมเราถึงต้องการบล็อก WordPress ที่มีการเลื่อนไม่สิ้นสุด?

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

ดังนั้นใครควรเพิ่มตัวเลือกการเลื่อนที่ไม่สิ้นสุดในเว็บไซต์ของตน มีสองตัวเลือกที่ชัดเจน:

  • เว็บไซต์ที่มี ผู้ชมบนมือถือ เป็นส่วนใหญ่
  • ไซต์ใดๆ ที่ต้องการ ส่งเสริมการท่องเว็บ (อีคอมเมิร์ซ อสังหาริมทรัพย์ ไซต์รายชื่อ)

แต่มีข้อเสียในการเลื่อนแบบไม่สิ้นสุดหรือไม่? ใช่ - ตัวอย่างเช่น:

  1. อาจทำให้เกิดปัญหา SEO: ขึ้นอยู่กับประเภทของเนื้อหาที่คุณเลื่อนไปเรื่อย ๆ คุณอาจประสบปัญหาเกี่ยวกับ SEO ความจริงก็คือ Google ยังไม่แน่ใจว่าจะรวบรวมข้อมูลหน้าเหล่านี้อย่างไรอย่างถูกต้อง และมีคำแนะนำเกี่ยวกับวิธีการเขียนโค้ดไซต์ของคุณอย่างเหมาะสมเพื่อหลีกเลี่ยงปัญหา
  2. ส่วนท้ายของคุณจะไร้ประโยชน์: หากหน้าเว็บของคุณโหลดโพสต์มากขึ้นเรื่อย ๆ ส่วนท้ายของคุณจะไม่มีใครเห็นแน่นอน!
  3. อาจทำให้สับสนได้: บางครั้งผู้ใช้อาจไม่ทราบว่าโพสต์หนึ่งสิ้นสุดที่ใดและอีกโพสต์หนึ่งเริ่มต้นขึ้น ฟังดูง่าย แต่สิ่งนี้สามารถส่งผลกระทบต่อ UX บนไซต์ WordPress ของคุณได้จริงๆ
  4. การวิเคราะห์กลายเป็นเรื่องท้าทาย: แทนที่จะติดตามพฤติกรรมของผู้ใช้ทีละโพสต์ คุณจะติดตามพวกเขาผ่านการโหลดที่ไม่จำกัด การตั้งค่าการติดตามที่เหมาะสมนั้นยังไม่ง่ายนัก นอกจากนี้ คุณสนับสนุนให้ผู้ใช้เลื่อนดูไม่รู้จบ... ดังนั้นหากพวกเขาเลื่อนผ่านทั้งโพสต์ ข้อมูลของคุณจะไม่น่าเชื่อถือ

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

หากคุณพร้อมแล้ว ไปที่บทแนะนำการเลื่อนแบบไม่มีที่สิ้นสุดของ WordPress กันเลย!

โซลูชันการเลื่อนไม่สิ้นสุดของ WordPress ที่ดีที่สุด

เราจะแสดงตัวเลือกที่ดีที่สุดสำหรับโหมดการเลื่อนแบบไม่สิ้นสุดดังต่อไปนี้:

  1. WordPress เลื่อนดูโพสต์ได้ไม่สิ้นสุด (การเลื่อนดูโพสต์ เพิ่มเติม )
  2. โพสต์ WordPress เลื่อนไม่สิ้นสุด (การเลื่อนเผยให้เห็นโพสต์ ถัดไป )
  3. Custom WordPress Ajax เลื่อนไม่สิ้นสุด (การเลื่อนเผยให้เห็น เนื้อหาที่กำหนดเอง )

สองโหมดแรกนั้นค่อนข้างตรงไปตรงมาและสามารถใช้งานได้ผ่านปลั๊กอินและธีมของ WordPress

โหมดที่สามสามารถใช้งานได้ผ่านตัวสร้างแอปพลิเคชัน WordPress โค้ดต่ำของเรา: มุมมองที่น่าเกรงขาม

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

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

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

1. WordPress ไม่สิ้นสุด เลื่อนดูโพสต์

หากคุณกำลังมองหาวิธีที่จะอนุญาตให้ผู้ใช้โหลดบทความเพิ่มเติมเมื่อเลื่อนลงมา ไม่ต้องมองหาที่ไหนอีกแล้ว นี่เป็นทางออกที่ดี: ปลั๊กอิน Ajax Load More

ปลั๊กอิน Ajax Load More

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

  • ส่วนเสริม Elementor และ WooCommerce
  • ตัวสร้างรหัสย่อ
  • ลูกค้าประจำ
  • ขี้เกียจโหลดกระทู้

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

2. WordPress โพสต์การเลื่อนไม่สิ้นสุด

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

คาดเดาอะไร? มันคือ Ajax Load More Plugin อีกแล้ว!

แต่ความจริงมีบางคำกล่าวที่น่ายกย่อง:

  1. Catch Infinite Scroll: เราเห็นแนะนำปลั๊กอินฟรีนี้บ่อยครั้ง ดูเหมือนว่าจะทำงานได้ดี แต่ไม่ได้รับการอัปเดตในสามเดือน ณ เดือนมิถุนายน 2565
  2. YITH Infinite Scroll: นี่คือปลั๊กอินที่ออกแบบมาเฉพาะสำหรับผู้ใช้ WooCommerce มันค่อนข้างแพง แต่มีตัวเลือกเพิ่มเติมสำหรับใช้กับ WooCommerce

3. Custom WordPress Ajax เลื่อนไม่สิ้นสุด

สองโหมดข้างต้นค่อนข้างมาตรฐาน หากคุณใช้อินเทอร์เน็ตในช่วงสองสามปีที่ผ่านมา เป็นไปได้มากว่าคุณเคยใช้อินเทอร์เน็ตมาก่อน อาจเป็นสาเหตุที่คุณกำลังมองหาวิธีแก้ปัญหา!

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

เพิ่มการเลื่อนไม่จำกัดไปยังเนื้อหาที่กำหนดเอง เช่น รายชื่ออสังหาริมทรัพย์

ขั้นแรก ให้คิดว่าใครใช้ไซต์รายชื่ออสังหาริมทรัพย์:

  • ผู้ซื้อบ้าน (และตัวแทนของพวกเขา)
  • ตัวแทนขายอสังหาริมทรัพย์

ตอนนี้ ลองคิดดูว่าไซต์รายชื่ออสังหาริมทรัพย์ทำงานอย่างไร:

  1. ตัวแทนขายอัพโหลดข้อมูลรายการ (ผ่านแบบฟอร์ม WordPress)
  2. แบบฟอร์มสร้างหน้ารายชื่อที่กำหนดเองตามข้อมูลที่อัปโหลด
  3. หน้ารายการจะถูกเพิ่มลงในรายการ รายการปัจจุบันอื่น ๆ

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

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

เว็บไซต์รายชื่อร้านอาหารยังสามารถใช้การเลื่อนแบบไม่มีที่สิ้นสุด

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

ห่อ

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


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

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