Nhiều lúc bạn lướt web nhất là mất trang nước ngoài thấy có thơi gian dự kiến đọc trang là bào nhiêu phút 🙂 thấy hay hay , Hôm nay tớ chỉ bạn cách chèn nó vào web mình như thế nào nhé
Code thêm thời gian đọc bài cho wordpress
khi chèn thời gian vào ngoài việc làm đẹp cho trang sing Post còn có tác dụng cho người đọc có thể đoan được nội dung trang dài – ngắn qua thời gian đọc bài
sau khi chèn vào ở trang bài viết nó hiện thị dòng thông báo như hình ảnh , OK bắt tay vào làm thôi
Code và cách chèn Code thêm thời gian đọc bài
trước hết ta chèn đoạn code sau vào file function của theme đang dùng nhé
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
// Thời gian đọc bài ước tính - Flatsome function vpsb_estimated_reading_time( $content = '') { $wpm = 200; // Word Per Minute (200 Average) $text_content = strip_shortcodes( $content ); // Remove Shortcodes $str_content = strip_tags( $text_content ); // Remove Tags $word_count = str_word_count( $str_content ); $readtime = ceil( $word_count / $wpm ); if ($readtime == 1) { $postfix = " Phút"; } else { $postfix = " Phút"; } $readingtime = $readtime . $postfix; return $readingtime; } |
Bạn chú ý nhé :
Đoạn mã trên đang sử dụng số từ mặc định mỗi phút là 200. Bạn có thể thay đổi con số này thành bất kỳ số nào bạn muốn. Ví dụ: nếu bạn muốn thay đổi phép tính từ mỗi phút thành 240, bạn sẽ thay đổi mã $wpm = 240;
OK xong phần code tính toán , giờ chèn vào code là xong nhé
Cách chèn Code thêm thời gian đọc bài
trong trang sing của theme bạn đang dùng chèn code sau vào ( nếu là Flatssome bạn nên chèn vào file này template-parts/posts/partials/entry-title.php )
|
1 |
<span class="time-left">Chỉ mất <?php echo vpsb_estimated_reading_time( get_the_content() ); ?> để đọc bài viết </span> |
OK bạn chỉ cần lưu lại và xem kết quả nào 🙂 đẹp đúng ko bạn
Nếu cần bạn có thể xem qua DEMO ở Sidebar nhé ( ah sẳn mình có bán theme đó nhé cần liên hệ tớ 🙂
nếu có gì thắc mắc liên hệ tớ nhé
Chúc bạn thành công
Pingback: Tặng Free domain.club hoàn toàn miễn phí - Xuân công Nghệ
Pingback: Tổng hợp hook trong wordpress – Vị trí hook trong single product woocommerce - FLATSOME - FREE EVERY THING
Pingback: Code thêm thời gian đọc bài cho wordpress - FLATSOME - FREE EVERY THING