คุณต้องการเพิ่มการเลื่อนแบบไม่มีที่สิ้นสุดบน WordPress หรือไม่?

มีอะไรที่น่าติดตามกว่าฟีดข่าวของ Facebook หรือไม่? ฉันหมายถึง ฉันกำลังนั่งเขียนบทช่วยสอนนี้อยู่ แต่ฟีเจอร์ที่น่าติดตามนี้ก็แค่เลื่อนดูไปเรื่อยๆ...อีกครั้ง...อีกครั้ง

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

เพิ่มการเลื่อนที่ไม่มีที่สิ้นสุดบน WordPress

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

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

แต่ก่อนหน้านี้หากคุณไม่เคยติดตั้ง WordPress ให้ค้นพบ วิธีการติดตั้งขั้นตอน 7 บล็อก WordPress et วิธีการหาติดตั้งและเปิดใช้งานธีมเวิร์ดเพรสบนบล็อกของคุณ 

จากนั้นกลับไปที่สาเหตุที่เราอยู่ที่นี่

ข้อดีของการเลื่อนแบบไม่มีที่สิ้นสุด

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

โดยวิธีการค้นพบ วิธีสร้างข้อความเลื่อนบน Divi

  • มุมมองเพิ่มเติม - NBC News พบว่าผู้ใช้โทรศัพท์พื้นฐานเข้าชมหน้าเว็บเพิ่มขึ้น 20% ต่อการเข้าชมโดยมีการเลื่อนไม่สิ้นสุด เช่นเดียวกัน” ไทม์ส "พบว่า 21% ของผู้ใช้เลือกใช้เนื้อหาที่เหลือด้วยการเลื่อนแบบไม่สิ้นสุด
  • อัตราการตีกลับต่ำมาก  - " ไทม์ส ลดอัตราการตีกลับ 15% เมื่อเลือกใช้การเลื่อนแบบไม่ จำกัด
  • ปรับปรุงประสบการณ์ผู้ใช้ - ด้วยสิ่งนั้นทุกคนเห็นด้วย ผู้เชี่ยวชาญบางคนระบุว่า เลื่อนไม่มีที่สิ้นสุด UX ช่วยเพิ่มการเปิดเผยเนื้อหาของผู้ใช้บังคับให้ผู้ใช้คลิกน้อยลงในขณะที่มอบประสบการณ์มือถือที่ดีขึ้น

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

ค้นพบ เวลาและวิธีการติดตั้ง WordPress ในไดเรกทอรีย่อย

เครือข่ายโซเชียลส่วนใหญ่ใช้การเลื่อนแบบไม่ จำกัด ด้วยเหตุผลเดียวกันนี้

ข้อเสียของการเลื่อนแบบไม่มีที่สิ้นสุด

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

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

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

ดูเพิ่มเติมในบทความนี้ วิธีแก้ไขข้อผิดพลาด "โฟลเดอร์ชั่วคราวหายไป" บน WordPress

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

วิธีการเพิ่มการเลื่อนไม่สิ้นสุดบน WordPress

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

ไปไกลกว่านี้โดยการให้คำปรึกษา Javascript บน WordPress: กรณีใช้ AJAX

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

การติดตั้งและการตั้งค่าของปลั๊กอิน

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

เมื่อเปิดใช้งานคุณจะเห็นตัวเลือกใหม่ล่าสุด " อาแจ็กซ์โหลดเพิ่มเติม " ไปที่ " Ajax Load More> →เทมเพลต Repeater เพื่อสร้างแบบจำลองของคุณ

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

ก่อสร้างตาล-รุ่น WordPress

สิ่งเดียวที่สำคัญที่ควรทราบคือเทมเพลต“ Repeater” เริ่มต้นจะแสดงเฉพาะบทความที่ตัดตอนมาไม่ใช่บทความฉบับเต็ม หากคุณต้องการแสดงบทความทั้งหมดคุณต้องแทนที่ " the_excerpt () "ด้วย" หัวข้อ() '

ถ้าคุณรู้ PHP คุณยังสามารถปรับแต่งโมเดลนี้ได้ มิฉะนั้นจะเป็นการดีที่จะออกจากโมเดล " Repeater โดยค่าเริ่มต้น

อ่านบทความของเราเกี่ยวกับ 9 ปลั๊กอิน WordPress เพื่อสร้างกริดราคาในบล็อก

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

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

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

ค้นพบยังของเรา 5 ธีม WordPress สำหรับพอดคาสต์

เมื่อคุณกำหนดค่าทุกอย่างแล้วให้คัดลอก รหัสผู้ใช้ ทางด้านขวาของหน้า:

คัดลอกรหัส-อาแจ็กซ์โหลดมากขึ้น

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

ค้นพบปลั๊กอิน WordPress พรีเมียมบางอย่าง  

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

เราเสนอปลั๊กอิน WordPress พรีเมี่ยมให้คุณที่นี่ซึ่งจะช่วยคุณได้

1. Youtube และ Vimeo Pagination Gallery

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

ปลั๊กอินแกลเลอรีการแบ่งหน้า Youtube vimeo wordpress

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

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

2 Scroll WooCommerce ที่ไม่มีที่สิ้นสุดและ Ajax Pagination

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

WooCommerce Infinite เลื่อนและอาแจ็กซ์เลข

คุณยังสามารถเพิ่มปุ่ม“ โหลดเพิ่มเติม” แทนการเลื่อนแบบไม่ จำกัด หรือคุณสามารถใช้การแบ่งหน้าเริ่มต้นและแปลงเป็น Ajax Pagination

อ่าน: ปลั๊กอิน WordPress 5 เพื่อแทรกฟอร์มลงในเว็บไซต์ของคุณ

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

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

3. เลื่อนการปฏิวัติ

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

ปลั๊กอิน WordPress ตัวเลื่อนที่ดีที่สุด - การปฏิวัติตัวเลื่อน

เราขอเชิญคุณให้ค้นพบเรา ปลั๊กอินดาวน์โหลด 9 Easy Digital เพื่อจัดการดาวน์โหลดดิจิตอล

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

ดาวน์โหลด | สาธิตเว็บโฮสติ้ง

ทรัพยากรที่แนะนำ

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

สรุป

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

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

หากคุณมีข้อเสนอแนะหรือข้อสังเกตไว้ในส่วนของเรา ความเห็น.

...