thêm ngày cập nhật mới nhất cho bài viết theme newspaper

Bạn đang cần thêm ngày cập nhật mới nhất cho bài viết Theme Newspaper ? Ở bài viết này mình sẽ hướng dẫn các bạn cách làm thủ công nhanh và đơn giản nhất.

Tại sao mình hướng dẫn cho Theme Newspaper ? Vì đơn giản blog của mình đang sử dụng theme này và tất cả các bài viết không có ngày cập nhật mới nhất.

Trên web của mình có rất nhiều bài viết được cập nhật thường xuyên thì việc không hiển thị ngày cập nhật mới nhất sẽ khiến các bạn không biết là bài viết này đã cập nhật chưa ?

Đó chính là lý do mình thực hiện bài viết này. Và trước khi bắt đầu mình sẽ nêu lên một số thông tin liên quan đến ngày cập nhật bài viết mới nhất.

Lợi ích của việc hiển thị ngày cập nhật bài viết mới nhất là gì ?

  • Khi bạn tìm kiếm trên Google kết quả trả về có ngày cập nhật của bài viết bạn sẽ biết được nó viết khi nào, có cập nhật lại nội dung mới cho bài viết hay không ?
  • Khi bạn có những bài viết chia sẻ theme, plugin,…và cần cập nhật nó thường xuyên thì người đọc sẽ quan tâm đến ngày cập nhật bài viết.
  • Bạn sẽ bị mất người dùng nếu bài viết không hiển thị ngày cập nhật mới nhất bài viết khi họ nghĩ nó đã cũ và không có giá trị.
  • Hiển thị khi tìm kiếm sẽ tăng kết quả click và giảm thời gian thoát khi xem bài viết nếu nó được update thường xuyên.

Thêm ngày cập nhật mới nhất cho bài viết Theme Newspaper

Bước 1: Truy cập vào hosting của website theo đường dẫn: /public_html/wp-content/themes/trinhcongtri-child/includes/wp_booster

Trong đó: trinhcongtri-child là tên theme WordPress bạn đang sử dụng.

Bước 2: Tìm và mở file td_module_single_base.php lên để chỉnh sửa.

thêm ngày cập nhật mới nhất cho bài viết theme Newspaper

Bạn tìm đến dòng code có cấu trúc như sau:

1
2
3
4
5
6
if (td_util::get_option('tds_p_show_date') != 'hide') {
                $td_article_date_unix = get_the_time('U', $this->post->ID);
                $buffy .= '<span class="td-post-date' . $td_post_date_no_dot . '">';
                $buffy .= '<time class="entry-date updated td-module-date' . $visibility_class . '" datetime="' . date(DATE_W3C, $td_article_date_unix) . '" >' . get_the_time(get_option('date_format'), $this->post->ID) . '</time>';
                $buffy .= '</span>';
            }

Lưu ý: Để nhanh bạn bấm Ctrl + F và tìm cụm từ “tds_p_show_date” cho nhanh. Hiện tại ở theme WordPress của minh là bắt đầu từ dòng code 302  của file. Theme Newspaper mình đang sử dụng là 9.2.2.

Bước 3: Thay đổi dòng code số 2 trong đoạn code trên với đoạn code dưới đây.

Dòng code #2:

1
$td_article_date_unix = get_the_time('U', $this->post->ID);

Thay bằng dòng code:

1
$td_article_date_unix = get_the_modified_time('U', $this->post->ID);

Ý nghĩa của dòng code là lấy ngày cập nhật mới nhất cho bài viết thay cho ngày đăng ban đầu

Bước 4: Thay đổi dòng code số 4 trong đoạn code trên với đoạn code dưới đây.

Dòng code #4:

1
$buffy .= '<time class="entry-date updated td-module-date' . $visibility_class . '" datetime="' . date(DATE_W3C, $td_article_date_unix) . '" >' . get_the_time(get_option('date_format'), $this->post->ID) . '</time>';

Thay bằng dòng code:

1
$buffy .= 'Last Updated: <time class="entry-date updated td-module-date' . $visibility_class . '" datetime="' . date(DATE_W3C, $td_article_date_unix) . '" >' . get_the_time(get_option('date_format'), $this->post->ID) . '</time>';

Trong đó: Last Update: bạn có thể thay đổi thành Tiếng Việt là Ngày cập nhật mới nhất:

Ý nghĩa của dòng code này là xuất thông tin hiển thị ngày cập nhật mới nhất cho bài viết ra website và thay cho ngày đăng bài viết đầu tiên

Đây là đoạn code hoàn chỉnh:

1
2
3
4
5
6
if (td_util::get_option('tds_p_show_date') != 'hide') {
                $td_article_date_unix = get_the_modified_time('U', $this->post->ID);
                $buffy .= '<span class="td-post-date' . $td_post_date_no_dot . '">';
$buffy .= 'Ngày cập nhật mới nhất: <time class="entry-date updated td-module-date' . $visibility_class . '" datetime="' . date(DATE_W3C, $td_article_date_unix) . '" >' . get_the_time(get_option('date_format'), $this->post->ID) . '</time>';
                $buffy .= '</span>';
            }

Sau khi thay đổi hoàn tất bạn lưu lại và đây là kết quả !

thêm ngày cập nhật mới nhất cho bài viết theme Newspaper

Lưu ý: Trường hợp bạn muốn giữ luôn cả ngày đăng bài viết cũ và bổ sung thêm ngày cập nhật bài viết mới nhất kế bên thì không cần thay dòng code mà thêm dòng code mới bên dưới tương ứng với 2 dòng code số 2 và 4 ở trên và lưu lại là xong.

Và đây là kết quả ! Quá tuyệt vời.

thêm ngày cập nhật mới nhất cho bài viết theme Newspaper
Nãy giờ là mình đã thêm ngày cập nhật với trang chi tiết bài viết giờ thì mình thêm luôn cho trang chủ nhé.

Thêm ngày cập nhật mới nhất cho bài viết ở trang chủ Theme Newspaper

Tương tự bạn đang ở đường dẫn trên hosting là: /public_html/wp-content/themes/trinhcongtri-child/includes/wp_booster

Bước 1: Tìm và mở file td_module.php để chỉnh sửa.

thêm ngày cập nhật mới nhất cho bài viết theme Newspaper

Các bạn tìm tương tự đoạn code sau:

1
2
3
4
5
6
if (td_util::get_option('tds_m_show_date') != 'hide') {
                $td_article_date_unix = get_the_time('U', $this->post->ID);
                $buffy .= '<span class="td-post-date">';
                    $buffy .= '<time class="entry-date updated td-module-date' . $visibility_class . '" datetime="' . date(DATE_W3C, $td_article_date_unix) . '" >' . get_the_time(get_option('date_format'), $this->post->ID) . '</time>';
                $buffy .= '</span>';
            }

Tương tự cũng thay dòng code #2 và #4 trong đoạn code trên.

Dòng code số #2:

1
$td_article_date_unix = get_the_time('U', $this->post->ID);

Thay bằng dòng code:

1
$td_article_date_unix = get_the_modified_time('U', $this->post->ID);

Dòng code số #4:

1
$buffy .= '<time class="entry-date updated td-module-date' . $visibility_class . '" datetime="' . date(DATE_W3C, $td_article_date_unix) . '" >' . get_the_time(get_option('date_format'), $this->post->ID) . '</time>';

Thay bằng dòng code:

1
$buffy .= '<time class="entry-date updated td-module-date' . $visibility_class . '" datetime="' . date(DATE_W3C, $td_article_date_unix) . '" >' . get_the_modified_time(get_option('date_format'), $this->post->ID) . '</time>';

Và đây là đoạn code hoàn chỉnh:

1
2
3
4
5
6
if (td_util::get_option('tds_m_show_date') != 'hide') {
                $td_article_date_unix = get_the_modified_time('U', $this->post->ID);
                $buffy .= '<span class="td-post-date">';
                $buffy .= '<time class="entry-date updated td-module-date' . $visibility_class . '" datetime="' . date(DATE_W3C, $td_article_date_unix) . '" >' . get_the_modified_time(get_option('date_format'), $this->post->ID) . '</time>';
                $buffy .= '</span>';
            }

Sau khi chỉnh sửa hoàn tất > Lưu lại và kiểm tra kết quả. Khá tuyệt vời đấy.

thêm ngày cập nhật mới nhất cho bài viết theme Newspaper

Nếu các bạn muốn thêm icon biểu tượng phía trước như của mình thì làm như sau.

Bước 1: Tải về và cài đặt plugin Better Font Awesome Tại đây

Bước 2: Thay đoạn code trên bằng đoạn code hoàn chỉnh này là xong:

1
2
3
4
5
6
if (td_util::get_option('tds_m_show_date') != 'hide') {
                $td_article_date_unix = get_the_modified_time('U', $this->post->ID);
                $buffy .= '<span class="td-post-date">';
                $buffy .= '<i class="fa fa-clock-o" aria-hidden="true"></i><time class="entry-date updated td-module-date' . $visibility_class . '" datetime="' . date(DATE_W3C, $td_article_date_unix) . '" >' . get_the_modified_time(get_option('date_format'), $this->post->ID) . '</time>';
                $buffy .= '</span>';
            }

Và đây là đoạn code hoàn chỉnh có cả 2 icon  trước ngày đăng bài viết và  trước ngày cập nhật mới nhất trang chi tiết bài viết. Nếu bạn cần chỉ cần copy dán vào là xong. Ok you fine !

1
2
3
4
5
6
7
8
if (td_util::get_option('tds_p_show_date') != 'hide') {
                $td_article_date_unix = get_the_time('U', $this->post->ID);
$td_article_date_unix = get_the_modified_time('U', $this->post->ID);
                $buffy .= '<span class="td-post-date' . $td_post_date_no_dot . '">';
$buffy .= '<i class="fa fa-clock-o" aria-hidden="true"></i><time class="entry-date updated td-module-date' . $visibility_class . '" datetime="' . date(DATE_W3C, $td_article_date_unix) . '" >' . get_the_time(get_option('date_format'), $this->post->ID) . '</time>';
                $buffy .= '<i class="fa fa-refresh" aria-hidden="true"></i><time class="entry-date updated td-module-date' . $visibility_class . '" datetime="' . date(DATE_W3C, $td_article_date_unix) . '" >' . get_the_modified_time(get_option('date_format'), $this->post->ID) . '</time>';
                $buffy .= '</span>';
            }

Tóm tắt

Hi vọng với nội dung bài viết sẽ giúp bạn thêm ngày cập nhật mới nhất cho bài viết theme Newspaper nhanh chóng. Hoặc bạn cũng có thể giữ lại ngày đăng bài viết lúc đầu và chỉ cần bổ sung thêm ngày cập nhật mới nhất cho bài viết theme Newspaper. Thích thì có thể chèn thêm vài icon sinh động phía trước cho đẹp.

Nếu bạn thích bài viết này hãy đăng ký nhận thông báo về các bài viết mới khác từ blog của tôi.

Chúc các bạn thành công

Cảm ơn rất nhiều smile

Nguồn bài viết: https://trinhcongtri.com

0 0 vote
Article Rating

BÀI VIẾT LIÊN QUANXEM THÊM TỪ TÁC GIẢ

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments