Bạn có muốn thêm tính năng cuộn vô hạn trên WordPress không?

Có điều gì gây nghiện hơn nguồn cấp tin tức của Facebook không? Ý tôi là, tôi đang ngồi đây để viết hướng dẫn này, nhưng tính năng gây nghiện này cứ cuộn… lại… một lần nữa.

Đây là một tính năng mà Facebook sử dụng, được gọi là: " cuộn vô hạn "Hoặc" cuộn vô tận ", cho nguồn cấp tin tức. Thay vì phải nhấp vào nút hoặc " tiếp theo "Hoặc" Đọc Thêm ", Nội dung tiếp tục tải khi bạn cuộn xuống trang.

thêm cuộn vô hạn trên WordPress

Và đoán xem? Bạn có thể đạt được hiệu ứng tương tự trên blog WordPress của mình bằng cách thêm tính năng cuộn vô hạn.

Trong hướng dẫn này, tôi sẽ thảo luận về một số ưu và nhược điểm của việc cuộn vô hạn và sau đó tôi sẽ chỉ cho bạn cách thiết lập một cuộn vô hạn trên blog WordPress của bạn.

Nhưng trước đây, nếu bạn chưa bao giờ cài đặt WordPress khám phá Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn 

Sau đó trở lại lý do tại sao chúng ta ở đây.

Ưu điểm của cuộn vô hạn

Nhiều thương hiệu lớn đã thử nghiệm với tính năng cuộn vô hạn, điều này mang lại cho chúng tôi lợi thế khi có thể kiểm tra dữ liệu của họ. Dưới đây là một số lợi ích mà mạng xã hội đã trải qua:

Nhân tiện khám phá Cách tạo văn bản cuộn trên Divi

  • Xem thêm - NBC News nhận thấy rằng người dùng điện thoại cố định đã truy cập thêm 20% số trang mỗi lần truy cập với khả năng cuộn vô hạn. Tương tự, " Times "Cũng nhận thấy rằng 21% người dùng đã chọn phần còn lại của nội dung với tính năng cuộn vô hạn.
  • Tỷ lệ thoát rất thấp  - " Times Đồng thời giảm tỷ lệ thoát 15% của nó khi họ chọn cuộn vô hạn.
  • Cải thiện trải nghiệm người dùng - Với điều đó, mọi người đều đồng ý. Một số chuyên gia đã tuyên bố rằng cuộn vô hạn UX tăng cường hiển thị nội dung của người dùng, buộc người dùng nhấp ít hơn trong khi cung cấp trải nghiệm di động tốt hơn.

Tôi không thể nói chắc chắn rằng bạn sẽ nhận được kết quả tương tự như những thương hiệu lớn này, nhưng nếu bạn có nhiều bài đăng trên blog, thì việc cuộn trang chắc chắn sẽ là một lựa chọn tốt.

Khám phá Khi nào và làm thế nào để cài đặt WordPress trong thư mục con

Hầu hết các mạng xã hội dựa vào cuộn vô hạn vì những lý do tương tự.

Nhược điểm với cuộn vô hạn

Mọi thứ không phải lúc nào cũng màu hồng với cuộn vô hạn. Chắc chắn có một số điểm tiêu cực tiềm năng mà bạn nên xem xét:

  • Không có chân trang - bạn bị mất ở chân trang của mình, khi bạn chọn cuộn vô hạn. Sẽ là một điểm chấp lớn nếu bạn muốn cung cấp thêm thông tin ở phần footer. Ví dụ: nếu bạn đang sử dụng footer của mình để hiển thị thông tin đơn vị liên kết, bạn sẽ cần phải tìm một cách mới để hiển thị thông tin đó.
  • Thanh cuộn nảy gây ra trải nghiệm xấu  - Vì trang web vẫn đang tải nên rất có thể độ dài của các thanh tải sẽ thay đổi, có thể khiến bạn bị mất dấu khi đọc, dẫn đến trải nghiệm người dùng không tốt.
  • Không có cảm giác "hoàn thành" - Đây không phải là một lời ám chỉ. Các nhà nghiên cứu của Nielsen đã phát hiện ra rằng người dùng cảm thấy hoàn thành khi họ đến cuối trang. Cuộn vô hạn làm cho điều này không thể.

Ngoài ra, trong phần "Lợi ích", cuộn vô hạn rất tốt khi bạn có nhiều bài đăng trên blog quan trọng như nhau. Chà, điều ngược lại cũng đúng:

Xem thêm trong bài viết này Cách khắc phục lỗi "thiếu thư mục tạm thời" trên WordPress

Nếu các mặt hàng của bạn có tầm quan trọng không đồng đều (ví dụ: một số bài viết có tối đa các từ 2.000 và một số chỉ có các từ 300), vì vậy cuộn vô hạn, chắc chắn không phải là một ý tưởng tốt cho trang web của bạn.

Làm thế nào để thêm cuộn vô hạn trên WordPress

Để thêm cuộn vô hạn trên WordPress, bạn có thể sử dụng một plugin miễn phí có tên " Trình nạp Ajax Khác ". Plugin này cung cấp hàng tấn tiện ích mở rộng cao cấp có thể tăng cường chức năng của nó, nhưng phiên bản miễn phí phải đủ để chỉ cần thêm cuộn vô hạn vào trang web của bạn.

Đi xa hơn nữa bằng cách tư vấn Javascript trên WordPress: Trường hợp sử dụng AJAX

Plugin cơ bản hoạt động bằng cách tạo một shortcode mà bạn thêm vào một trang. Trang này sau đó hiển thị các bài đăng trên blog của bạn trong một cuộn vô hạn. Có một vài bước nhỏ khác mà bạn cũng sẽ cần phải hoàn thành trong suốt khóa học. Đây là cách đặt tất cả vào vị trí:

Cài đặt và cấu hình các plugin

Bạn có thể tìm thấy " Trình nạp Ajax Khác »Trên thư mục của plugin WordPress. Cài đặt và kích hoạt plugin như bất kỳ plugin nào khác.

Khi nó được kích hoạt, bạn sẽ thấy một tùy chọn hoàn toàn mới " Ajax Load More ". Đi đến " Ajax tải thêm> → Mẫu bộ lặp Để tạo mô hình của bạn.

« Mô hình của bạn> Bộ lặp Là mẫu xác định cách bài viết sẽ xuất hiện trong cuộn vô hạn. Bạn có thể thay đổi nó, nhưng bạn cần biết một chút PHP. Tuy nhiên, mẫu mặc định sẽ tốt cho hầu hết người dùng:

Xây dựng-dun-mô hình-wordpress

Điều quan trọng duy nhất cần lưu ý là mẫu “Bộ lặp lại” mặc định sẽ chỉ hiển thị các đoạn trích của bài viết, không phải toàn bộ bài báo. Muốn hiển thị đầy đủ các bài thì phải thay thế " the_excerpt () Bởi " Nội dung() '.

Nếu bạn biết PHP, bạn vẫn có thể tùy chỉnh mô hình này. Nếu không, tốt nhất là rời khỏi mô hình " Repeater Theo mặc định.

Đọc bài viết của chúng tôi về 9 plugin WordPress để tạo lưới giá trên blog

Có rất nhiều thứ bạn có thể cấu hình ở đây. Bạn có tùy chọn để thay đổi những gì sẽ hiển thị trong cuộn vô hạn và cách tất cả sẽ hoạt động.

Tôi không thể đặt tên cho tất cả các khả năng trong bài viết này, nhưng đây là một số hộp mà bạn chắc chắn sẽ muốn điền vào:

  • post_type - Mặc định là chỉ bao gồm các bài báo. Nhưng bạn cũng có thể bao gồm các trang tùy chỉnh hoặc định dạng bài đăng.
  • thể loại - Bạn chỉ có thể bao gồm một số danh mục nhất định hoặc bạn không thể loại trừ một số danh mục nhất định.
  • tác giả - Đây là một tính năng thú vị nơi bạn có thể thêm cuộn vô hạn cho một tác giả cụ thể.
  • bài viết_per_page - Xác định số lượng bài báo " Trình nạp Ajax Khác Nên sạc mỗi khi nó làm mới.
  • tạm dừng - Đó chắc chắn là một yếu tố quan trọng. Đối với cuộn vô hạn đúng, bạn nên đặt nó thành "false" ở đây. Nếu không, người dùng sẽ phải nhấp vào để hiển thị các bài viết khác.
  • di chuyển - Điều quan trọng là bạn kích hoạt tính năng này để các bài viết được tải tự động khi người dùng cuộn xuống trang.

Khám phá cũng của chúng tôi 5 chủ đề WordPress cho podcasters

Khi bạn đã cấu hình mọi thứ, hãy sao chép mã ngắn ở bên phải của trang:

bản sao-shortcode-ajax-loader-hơn

Tất cả những gì bạn cần làm là thêm shortcode này vào trang mà bạn muốn cuộn vô hạn của mình xuất hiện. Ví dụ: bạn có thể thêm nó vào một trang có tên " Blog Để làm cho nó trang blog mặc định của bạn.

Khám phá thêm một số plugin WordPress cao cấp  

Bạn có thể sử dụng cái khác plugin WordPress để tạo ra một giao diện hiện đại và để tối ưu hóa việc xử lý blog hoặc trang web của bạn.

Chúng tôi cung cấp cho bạn ở đây một số plugin WordPress cao cấp sẽ giúp bạn làm điều đó.

1. Thư viện phân trang Youtube & Vimeo

Plugin WordPress cao cấp này là một bộ sưu tập đáp ứng và di động với nhiều tính năng có thể cấu hình đầy đủ. Nó có thể hiển thị video từ danh sách phát YouTube, từ khóa hoặc tìm kiếm theo album, kênh, nhóm hoặc từ khóa từ Vimeo. Các lưới có thể được cá nhân hóa theo một số cách. Thư viện Lightbox có thể hiển thị trình phát với tất cả các chi tiết của video, bao gồm cả nhận xét.

Plugin thư viện phân trang vimeo trên Youtube wordpress

Plugin WordPress này có thể được sử dụng trong bất kỳ bài đăng hoặc khu vực trang nào bằng cách sử dụng mã ngắn hoặc trực tiếp trong các trang PHP. Tất cả những gì bạn cần là tạo một thư viện mới, thêm ID kênh YouTube chẳng hạn và tạo shortcode. Một số phòng trưng bày có thể được sử dụng trên cùng một trang.

Tải về | Bản demo | Web hosting

2. Vô hạn WooCommerce Di chuyển và Ajax Pagination

WooCommerce Infinite Scroll và Ajax Pagination là một Phần mở rộng WordPress (WooCommerce) cao cấp giúp chuyển đổi phân trang sản phẩm mặc định thành phân trang cuộn hoặc Ajax không giới hạn. Khi người dùng cuộn xuống trang, trang sản phẩm tiếp theo sẽ tự động được truy xuất và thêm vào. Điều này có nghĩa là anh ta không cần phải nhấp vào 'Trang tiếp theo'. 

WooCommerce Infinite Scroll và Ajax Pagination

Bạn cũng có thể thêm nút “Tải thêm” thay vì cuộn không giới hạn, hoặc bạn có thể giữ phân trang mặc định và chuyển nó thành Phân trang Ajax.

Đọc cũng: Các plugin 5 WordPress để chèn biểu mẫu vào trang web của bạn

Ngoài ra, bạn có thể đặt các loại phân trang khác nhau cho thiết bị di động, chẳng hạn như cuộn không giới hạn cho thiết bị màn hình lớn và nút “Tải thêm” cho thiết bị di động.

Tải về | Bản demo | Web hosting

3. Cách mạng Slider

Slider Revolution là một plugin băng chuyền WordPress sáng tạo và đáp ứng, hiển thị nội dung của bạn đẹp mắt. Cho dù đó là một thanh trượt hay băng chuyền, trình chỉnh sửa hình ảnh của mình kéo và thả sẽ cho phép bạn kể ví dụ về lịch sử của công ty bạn, để làm nổi bật các sản phẩm tốt nhất của bạn, các bài viết tốt nhất của bạn và nhiều hơn nữa

plugin WordPress sliders tốt nhất - Cuộc cách mạng về Slider

Chúng tôi cũng mời bạn khám phá Các plugin tải xuống kỹ thuật số dễ dàng 9 để quản lý tải xuống kỹ thuật số

Các tính năng của nó là: giao diện tạo slide tuyệt vời, thiết kế slide kéo và thả, bố cục đáp ứng đầy đủ, quản lý hoàn hảo nội dung đa phương tiện, tối ưu hóa hiệu suất, Hỗ trợ đa ngôn ngữ, được cung cấp với gần 340 yếu tố đồ họa, nhiều mẫu trình chiếu được cung cấp, khả năng tương thích với phần lớn Chủ đề WordPress, hỗ trợ khách hàng tuyệt vời, hỗ trợ cho màn hình cảm ứng, cập nhật miễn phí và thường xuyên, tài liệu và video hướng dẫn có sẵn và nhiều hơn nữa.

Tải về | Bản demoWeb hosting

Tài nguyên đề xuất

Tìm hiểu về các tài nguyên được đề xuất khác để giúp bạn xây dựng và quản lý trang web của mình.

Kết luận

Thế thôi! Đó là tất cả cho hướng dẫn này, bây giờ bạn có khả năng thiết lập một cuộn vô hạn trên blog WordPress của bạn. Đừng ngần ngại chia sẻ với bạn bè của bạn trên các mạng xã hội yêu thích của bạn

Tuy nhiên, bạn cũng sẽ có thể tham khảo ý kiến ​​của chúng tôi ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress.

Nếu bạn có đề xuất hoặc nhận xét, hãy để lại trong phần của chúng tôi ý kiến.

...