Tác giả: Bùi Mạnh Đức 
0 
44 
Copy Link
Bookmark
Trên kho của WordPress hiện nay có rất nhiều Plugin tạo chức năng Xem thêm Ajax, thế nhưng lựa chọn được một Plugin vừa nhẹ vừa gọn mà chỉ cần đúng chức năng tạo nút Xem thêm Ajax thì lại chưa Plugin nào làm được.
Do đó Mạnh Đức có viết 1 Plugin tạo nút Viewmore để bạn có thể dễ dàng sử dụng cho website WordPress của mình mà lại rất nhẹ.
Mình có để đường link Download miễn phí ở dưới cùng của bài viết này. Bạn hãy tải về và thử trải nghiệm nhé !
ViewMore AJAX là gì?
ViewMore AJAX là một plugin hỗ trợ tải nội dung theo yêu cầu bằng AJAX, giúp người dùng có thể xem thêm nội dung trên website mà không cần tải lại trang. Plugin này đặc biệt hữu ích cho blog, trang tin tức, danh mục sản phẩm WooCommerce, danh sách bài viết, portfolio hoặc bất kỳ nội dung nào có số lượng lớn cần hiển thị theo từng phần.
Lợi ích khi sử dụng ViewMore AJAX
Tăng tốc độ tải trang và cải thiện trải nghiệm người dùng
Thay vì tải toàn bộ nội dung cùng lúc, ViewMore AJAX chỉ tải nội dung khi người dùng nhấn “Xem thêm”, giúp website hoạt động nhanh hơn.
Tăng tương tác và giữ chân người dùng lâu hơn
Việc hiển thị nội dung từng phần giúp người dùng khám phá thêm nội dung một cách tự nhiên, giảm tỷ lệ thoát trang.
Giảm tải cho máy chủ
Do chỉ tải nội dung cần thiết khi có yêu cầu, plugin giúp giảm băng thông, tiết kiệm tài nguyên server, đặc biệt hữu ích với website có nhiều hình ảnh hoặc nội dung nặng.
Tối ưu SEO, không ảnh hưởng đến việc index nội dung
Nội dung vẫn có thể được index bởi Google nhờ cách tải dữ liệu thông minh, giúp SEO không bị ảnh hưởng.
Tính năng nổi bật của ViewMore AJAX
1. Tải nội dung động không cần tải lại trang
- Nội dung được tải khi người dùng nhấn “Xem thêm”, giúp trang web gọn gàng hơn.
- Hỗ trợ tải bài viết, sản phẩm WooCommerce, danh sách video, hình ảnh, portfolio….
2. Hỗ trợ nhiều hiệu ứng tải đẹp mắt
- Hiệu ứng loading mượt mà, có thể tùy chỉnh theo thiết kế website.
- Hỗ trợ spinner, fade-in, slide-up… để tăng trải nghiệm người dùng.
3. Tích hợp tốt với WordPress và WooCommerce
- Hỗ trợ hiển thị bài viết, danh mục sản phẩm, bình luận, testimonial… theo cách chuyên nghiệp.
- Hoạt động tốt với các theme phổ biến và trình dựng trang như Elementor, WPBakery.
4. Tùy chỉnh số lượng nội dung hiển thị
- Có thể thiết lập số lượng bài viết hoặc sản phẩm hiển thị ban đầu và số lượng tải thêm mỗi lần nhấn.
- Hỗ trợ tải nội dung theo danh mục hoặc thẻ tag.
5. Hỗ trợ AJAX & Lazy Load
- Tích hợp Lazy Load giúp tải hình ảnh chỉ khi cần, giảm thời gian tải trang ban đầu.
- AJAX xử lý mượt mà, không gây giật lag khi tải nội dung mới.
6. Tùy chỉnh nút “Xem thêm” linh hoạt
- Có thể thay đổi văn bản, màu sắc, kiểu dáng nút “Xem thêm” theo ý muốn.
- Hỗ trợ thêm icon loading, hiệu ứng hover đẹp mắt.
7. Tích hợp Scroll Load – Tải khi cuộn trang
- Nếu muốn tự động tải nội dung khi người dùng cuộn xuống, có thể bật Scroll Load để hiển thị nội dung mới mà không cần nhấn nút.
Hướng dẫn cài đặt và sử dụng ViewMore AJAX
Bước 1: Cài đặt plugin
- Truy cập Plugins > Add New, tìm kiếm ViewMore AJAX và nhấn Install Now.
- Nhấn Activate để kích hoạt plugin.
Bước 2: Cấu hình plugin
- Truy cập Settings > ViewMore AJAX để thiết lập số lượng nội dung hiển thị và hiệu ứng tải.
- Tùy chỉnh nút “Xem thêm”, chọn kiểu tải AJAX hoặc Scroll Load.
Bước 3: Thêm ViewMore AJAX vào danh sách bài viết hoặc sản phẩm
- Nếu dùng shortcode, chèn
[viewmore_ajax]vào nơi muốn hiển thị danh sách tải nội dung. - Nếu dùng Elementor hoặc WPBakery, có thể kéo-thả widget ViewMore AJAX vào giao diện trang.
Bước 4: Kiểm tra và tối ưu
- Truy cập trang web và thử nhấn “Xem thêm” để kiểm tra tính năng hoạt động mượt mà.
- Kiểm tra trên các thiết bị khác nhau để đảm bảo tương thích.
So sánh ViewMore AJAX với các phương thức tải nội dung khác
| Phương thức | ViewMore AJAX | Pagination truyền thống | Infinite Scroll |
|---|---|---|---|
| Tốc độ tải trang | Nhanh, chỉ tải khi cần | Tải tất cả nội dung cùng lúc | Có thể làm chậm trang nếu nội dung quá nhiều |
| Trải nghiệm người dùng | Mượt mà, dễ thao tác | Cần chuyển trang, gián đoạn trải nghiệm | Không có nút điều hướng rõ ràng |
| Hỗ trợ WooCommerce | Có | Có | Có |
| Tích hợp với Lazy Load | Có | Không | Có |
| Ảnh hưởng đến SEO | Không ảnh hưởng | Tốt | Có thể gặp lỗi index nội dung |
👉 ViewMore AJAX là giải pháp tối ưu cho website cần tải nội dung linh hoạt mà vẫn giữ tốc độ nhanh.
Có thể bạn quan tâm các dịch vụ tại AZWEB:
Mẹo tối ưu khi sử dụng ViewMore AJAX
Tùy chỉnh giao diện nút “Xem thêm” để tăng tỷ lệ nhấp
- Thay đổi màu sắc và font chữ để hút mắt người dùng.
- Thêm hiệu ứng hover hoặc animation nhẹ để làm cho nút nổi bật hơn.
Kết hợp với Lazy Load để tăng tốc độ tải
- Kích hoạt Lazy Load cho hình ảnh và video để chỉ tải khi cần thiết.
- Giảm thời gian tải trang ban đầu, đặc biệt với website có nhiều hình ảnh.
Chọn số lượng nội dung hiển thị hợp lý
- Nếu hiển thị bài viết blog, nên hiển thị 6-9 bài ban đầu để không làm trang quá dài.
- Nếu hiển thị sản phẩm WooCommerce, nên hiển thị 8-12 sản phẩm trước khi tải thêm.
Dùng kết hợp với Scroll Load nếu nội dung cần hiển thị dài
- Nếu website có danh sách dài (ví dụ: blog, trang tin tức), nên bật Scroll Load để nội dung tải tự động khi cuộn trang.
- Nếu là danh sách sản phẩm WooCommerce, nên giữ nút “Xem thêm” để khách hàng có thể chủ động lựa chọn.
Kết luận
ViewMore AJAX là một plugin tối ưu giúp tải nội dung động nhanh chóng, tăng tốc độ website và cải thiện trải nghiệm người dùng. Nếu bạn muốn giữ cho trang web nhẹ, mượt mà và giúp khách hàng dễ dàng khám phá nội dung hơn, đây là plugin không thể thiếu cho website WordPress! 🚀🔥
