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

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

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

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

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

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

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

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

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

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

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

ข้อดีของการใช้สกรอลล์อนันต์

ข้อดีของการใช้การเลื่อนแบบไม่สิ้นสุดบนไซต์ของคุณคือ:

ข้อเสียของการใช้การเลื่อนแบบอนันต์

ข้อเสียของการใช้การเลื่อนแบบไม่สิ้นสุดบนไซต์ของคุณคือ:

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

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

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

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

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

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

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

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

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

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

จากนั้นไปที่ Appearance → Customize → Layout → Blog / Archive

เลื่อนลงไปที่ตัวเลือก การสั่งซื้อและเนื้อหา แล้วเลือก Infinite Scroll ภายใต้ Post Pagination

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

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

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

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

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

1. จับ Infinite Scroll
2. YITH เลื่อนอนันต์
3. Ajax Load More

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

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

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

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

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

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

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

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