Code thêm thời gian đọc bài cho wordpress

Code thêm thời gian đọc bài cho wordpress

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

Code thêm thời gian đọc bài cho wordpress
Code thêm thời gian đọc bài cho wordpress

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é

// 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;
}

OK xong phần code tính toán , giờ chèn vào code là xong nhé

Code thêm thời gian đọc bài cho wordpress
Code thêm thời gian đọc bài cho wordpress

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 )

<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

Theo : Flatsome.xyz

5/5 - (5 bình chọn)

Trả lời

Email của bạn sẽ không được hiển thị công khai.

Gọi ngay

Facebook Chat

Zalo Chat