Mục lục nội dung
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.
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>'; } |
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); |
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:
Đâ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ả !
Và đây là kết quả ! Quá tuyệt vời.
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.
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.
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
Nguồn bài viết: https://trinhcongtri.com