วิธีเพิ่มลงในเว็บไซต์ของคุณ

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

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

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

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

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

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

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

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

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

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

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

ข้อดีของการใช้ infinite scroll บนไซต์ของคุณคือ:

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

ข้อเสียของการใช้ infinite scroll บนไซต์ของคุณคือ:

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

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

มีสองวิธีที่แตกต่างกันในการเพิ่มการเลื่อนแบบไม่สิ้นสุดไปยังไซต์ WordPress ของคุณ:

1. ใช้ธีม WordPress ที่รองรับการเลื่อนแบบไม่มีที่สิ้นสุด
2. ใช้ปลั๊กอินการเลื่อนที่ไม่มีที่สิ้นสุด

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

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

1. เพิ่มการเลื่อนแบบไม่มีที่สิ้นสุดโดยใช้ธีม WordPress (Neve)

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

การเปิดใช้งานการเลื่อนแบบไม่มีที่สิ้นสุดโดยใช้ Neve นั้นง่ายมาก

ติดตั้งและเปิดใช้งาน ธีมบนเว็บไซต์ WordPress ของคุณ

จากนั้นไปที่ ลักษณะ → ปรับแต่ง → เค้าโครง → บล็อก / คลังข้อมูล

เลื่อนลงไปที่ตัวเลือก Ordering and Content แล้วเลือก Infinite Scroll ภายใต้ Post Pagination

กดปุ่ม เผยแพร่ เพื่อบันทึกการตั้งค่าของคุณ

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

ในสองส่วนถัดไป เราจะแสดงวิธีใช้ปลั๊กอินเพื่อใช้การเลื่อนแบบไม่สิ้นสุด

2. ใช้ปลั๊กอินการเลื่อนที่ไม่มีที่สิ้นสุดของ WordPress

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

1. จับ Infinite Scroll
2. YITH การเลื่อนที่ไม่มีที่สิ้นสุด
3. อาแจ็กซ์ โหลดเพิ่มเติม

มาดูแต่ละปลั๊กอินอย่างรวดเร็วก่อนที่จะแสดงวิธีใช้งาน

จับ Infinite Scroll

Catch Infinite Scroll เป็นปลั๊กอินเลื่อนไม่จำกัดที่ง่ายและฟรีที่ให้คุณแสดงเนื้อหาของไซต์ของคุณในแนวนอนในหน้าเดียว

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

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

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

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

เมื่อไปที่ Catch Infinite Scroll บนแดชบอร์ด WordPress ของคุณ คุณสามารถอัปโหลดภาพการโหลดใหม่ และเปลี่ยนข้อความ Load More และข้อความที่จะปรากฏขึ้นเมื่อไม่มีเนื้อหาที่จะแสดงอีกต่อไป

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

YITH Infinite Scrolling เป็นปลั๊กอินฟรีและเช่นเดียวกับปลั๊กอินก่อนหน้า YITH Infinite Scrolling ยังมีตัวเลือกให้เลือกประเภทการแบ่งหน้าของคุณ เช่น การเลื่อนไม่สิ้นสุดหรือปุ่มโหลดเพิ่มเติม

คุณได้รับอนุญาตให้เปลี่ยนข้อความของปุ่มโหลดเพิ่มเติม เพิ่มคลาสพิเศษให้กับปุ่ม และแม้แต่ใช้แอนิเมชั่น (เช่น เฟดอิน สไลด์อิน) เพื่อโหลดเนื้อหาใหม่

มีรูปภาพโหลดให้เลือกมากมายพร้อมกับตัวเลือกในการอัปโหลดของคุณเอง

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

ด้วยปลั๊กอินเวอร์ชันฟรี คุณได้รับอนุญาตให้ทำเพียงสองสิ่ง:

1. อัปโหลดภาพโหลดที่กำหนดเอง
2. เปิดใช้งานการเลื่อนไม่สิ้นสุดในโพสต์ของคุณเท่านั้น

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

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

คุณสามารถไปที่ YITH → Infinite Scrolling เพื่อปรับแต่งการกำหนดค่าปลั๊กอิน แต่การตั้งค่าเริ่มต้นก็ใช้งานได้ดี

อาแจ็กซ์ โหลดเพิ่มเติม

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

เมื่อเทียบกับปลั๊กอินก่อนหน้านี้ Ajax Load More นั้นซับซ้อนกว่าเล็กน้อยในการตั้งค่า แม้ว่าคุณไม่จำเป็นต้องเป็นนักพัฒนาซอฟต์แวร์เพื่อใช้งาน แต่ผู้เริ่มต้นอาจต้องการใช้ปลั๊กอินตัวอื่น เพราะคุณจะต้องจัดการกับคำต่างๆ เช่น "พารามิเตอร์การค้นหา" และ "เทมเพลตตัวทำซ้ำ"

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

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

เริ่มต้นด้วยการเลื่อนไม่สิ้นสุดของ WordPress

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

แค่นี้แหละ! หากคุณมีคำถามใด ๆ เกี่ยวกับวิธีเพิ่ม infinite scroll บนไซต์ WordPress โปรดแจ้งให้เราทราบในความคิดเห็นด้านล่าง