Hiển thị tiến độ đọc bài viết (reading time, reading progress bar…) trong website WordPress.
Nếu bạn đang sở hữu một blog hoặc tạp chí điện tử thì chắc chắn việc tích hợp thêm tính năng hiển thị tiến độ đọc bài viết (reading progress bar) sẽ giúp cải thiện trải nghiệm đọc lên khá nhiều. Với reading progress bar, độc giả của bạn có thể dễ dàng xác định được số phần trăm đã đọc và ước lượng số phần trăm còn lại. Tôi thấy rất nhiều tạp chí của nước ngoài đang triển khai tính năng này và chúng nhìn rất chuyên nghiệp. Nếu bạn cũng đang có ý định làm điều tương tự cho website WordPress của mình thì ngay sau đây là hướng dẫn chi tiết.
Tham khảo thêm:
Tạo thanh tiến độ đọc bài viết trong WordPress
1. Đầu tiên, như thường lệ, các bạn cần phải cài đặt và kích hoạt một plugin có tên là Reading progressbar (download).
2. Tiếp theo, truy cập Settings => Reading progressbar. Tại đây, các bạn sẽ thấy một số thiết lập như sau:
Trong đó:
- Progressbar height (pixels): chiều cao của thanh tiến độ, tính bằng pixel.
- Foreground color: màu nền của phần nội dung đã đọc.
- Background color: màu nều của phần nội dung chưa đọc.
- Progressbar position: vị trí hiển thị thanh tiến độ. Các bạn nên chọn Top (trên cùng) hoặc Bottom (dưới cùng).
- Target fixed HTML element class/id to stick the bar on it’s bottom: bỏ trống mục này nếu các bạn chọn Top hoặc Bottom ở mục Progressbar position.
- Select templates to apply progressbar: chọn những template sẽ hiển thị thanh tiến độ. Thông thường, các bạn chỉ nên chọn Single post / page / custom post type.
- Select post types to apply progressbar: chọn những loại bài viết sẽ hiển thị thanh tiến độ. Thông thường, các bạn chỉ nên chọn Posts hoặc Posts + Pages.
Sau khi thiết lập xong, click vào nút Save Changes để lưu lại.
3. Xóa cache website (nếu có) và kiểm tra kết quả.
Thật đơn giản phải không nào? Chúc các bạn thành công!
Một số plugin khác
Ngoài Reading progressbar, các bạn có thể sử dụng một trong các plugin sau đây để tạo thanh tiến độ đọc bài viết trong website WordPress:
- Read Meter – Reading Time & Progress Bar: xem chi tiết
- Catch Scroll Progress Bar: xem chi tiết
- Worth The Read: xem chi tiết
- Progress Bar & Skill Bar: xem chi tiết
- WP Reading Progress: xem chi tiết
Bạn có đang tích hợp thanh hiển thị tiến độ đọc bài viết trên website WordPress của mình hay không? Bạn đã sử dụng phương pháp nào để làm điều đó? Hãy chia sẻ nó với chúng tôi thông qua khung bình luận bên dưới.
Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)
Để lại một bình luận