Cách thêm thông báo bài viết cũ trên blog WordPress

5 tháng ago, WordPress Plugin, Views

Tại Sao Cần Thêm Thông Báo Bài Viết Cũ?

Trong thế giới blog, nội dung cũ có thể vẫn còn giá trị, nhưng đôi khi độc giả không nhận ra rằng họ đang đọc một bài viết đã lỗi thời. Việc thêm thông báo bài viết cũ giúp:

Cung cấp ngữ cảnh: Giúp độc giả hiểu rõ thời điểm bài viết được xuất bản và liệu thông tin có còn phù hợp hay không.
Quản lý kỳ vọng: Ngăn chặn sự thất vọng khi độc giả áp dụng các phương pháp hoặc thông tin đã lỗi thời.
Cải thiện trải nghiệm người dùng: Tạo sự minh bạch và giúp độc giả đưa ra quyết định sáng suốt hơn về việc họ có nên tin tưởng vào thông tin hay không.

Thông báo này đặc biệt quan trọng đối với các bài viết liên quan đến công nghệ, phần mềm, quy trình hoặc bất kỳ lĩnh vực nào thay đổi nhanh chóng. Nó cũng hữu ích cho các bài viết tin tức hoặc sự kiện thời sự.

Các Phương Pháp Thêm Thông Báo Bài Viết Cũ trên WordPress

Có nhiều cách để thêm thông báo bài viết cũ vào blog WordPress của bạn. Dưới đây là một số phương pháp phổ biến:

Sử dụng Plugin WordPress
Thêm Mã vào Theme (functions.php)
Sử dụng CSS và JavaScript

Sử Dụng Plugin WordPress

Đây là phương pháp đơn giản và dễ dàng nhất, đặc biệt đối với người dùng không quen thuộc với code. Có nhiều plugin WordPress miễn phí và trả phí giúp bạn thêm thông báo bài viết cũ một cách nhanh chóng.

Ví dụ về Plugin: “Old Post Notifier”

Plugin “Old Post Notifier” là một lựa chọn phổ biến. Nó cho phép bạn:

Đặt ngưỡng thời gian để xác định một bài viết là “cũ” (ví dụ: sau 6 tháng).
Tùy chỉnh văn bản thông báo.
Chọn vị trí hiển thị thông báo (ví dụ: đầu hoặc cuối bài viết).
Áp dụng thông báo cho tất cả các bài viết hoặc chỉ một số danh mục cụ thể.

Để sử dụng plugin này:

Truy cập “Plugins” -> “Add New” trong bảng điều khiển WordPress của bạn.
Tìm kiếm “Old Post Notifier” và cài đặt plugin.
Kích hoạt plugin.
Truy cập “Settings” -> “Old Post Notifier” để cấu hình các tùy chọn.

Thêm Mã vào Theme (functions.php)

Phương pháp này đòi hỏi một chút kiến thức về code, nhưng nó cho phép bạn kiểm soát hoàn toàn giao diện và chức năng của thông báo. Bạn sẽ chỉnh sửa tệp `functions.php` của theme WordPress đang sử dụng.

Lưu ý quan trọng: Trước khi chỉnh sửa `functions.php`, hãy tạo bản sao lưu của theme của bạn để tránh mất dữ liệu nếu có lỗi xảy ra. Bạn cũng nên sử dụng child theme để tránh mất các thay đổi khi theme được cập nhật.

Ví dụ đoạn code để thêm thông báo:


function old_post_message() {
  $post_age = time() - get_the_time('U');
  $age_in_days = floor($post_age / (60 * 60 * 24));

  if ($age_in_days > 365) { // Bài viết cũ hơn 1 năm
    $message = '<div class="old-post-notice">
                 Bài viết này đã được xuất bản hơn một năm trước. Một số thông tin có thể đã lỗi thời. Hãy cân nhắc trước khi áp dụng.</div>';
    echo $message;
  }
}

add_action('the_content', 'old_post_message');

Giải thích đoạn code:

`old_post_message()`: Hàm này chứa logic để kiểm tra tuổi của bài viết và hiển thị thông báo.
`time() – get_the_time(‘U’)`: Tính khoảng thời gian (tính bằng giây) giữa thời điểm hiện tại và thời điểm bài viết được xuất bản.
`$age_in_days = floor($post_age / (60 * 60 * 24))`: Chuyển đổi khoảng thời gian thành số ngày.
`if ($age_in_days > 365)`: Kiểm tra xem bài viết có cũ hơn 365 ngày (1 năm) hay không.
`$message = …`: Tạo HTML cho thông báo.
`echo $message`: Hiển thị thông báo.
`add_action(‘the_content’, ‘old_post_message’)`: Thêm hàm `old_post_message()` vào action hook `the_content`, có nghĩa là hàm sẽ được gọi trước khi nội dung của bài viết được hiển thị.

Cách thêm code vào `functions.php`:

Truy cập “Appearance” -> “Theme Editor” trong bảng điều khiển WordPress của bạn.
Tìm tệp `functions.php` trong danh sách các tệp theme.
Dán đoạn code trên vào cuối tệp `functions.php` (trước thẻ đóng `?>` nếu có).
Nhấp vào nút “Update File”.

Sau khi thêm code, bạn cần thêm CSS để định dạng thông báo. Bạn có thể thêm CSS vào tệp `style.css` của theme (hoặc tốt hơn là child theme).

Ví dụ CSS:


.old-post-notice {
  background-color: #ffcccc;
  border: 1px solid #ff0000;
  padding: 10px;
  margin-bottom: 20px;
  text-align: center;
  color: #000;
}

Sử dụng CSS và JavaScript

Phương pháp này cho phép bạn kiểm soát nhiều hơn về cách thông báo hiển thị và tương tác với người dùng. Bạn có thể tạo hiệu ứng động, thay đổi màu sắc dựa trên thời gian, hoặc thậm chí ẩn thông báo sau một khoảng thời gian nhất định.

Lưu ý: Phương pháp này đòi hỏi kiến thức vững chắc về CSS và JavaScript.

Dưới đây là một phác thảo về cách bạn có thể thực hiện điều này:

Thêm HTML vào bài viết: Bạn có thể thêm một đoạn HTML ẩn vào cuối mỗi bài viết (hoặc sử dụng một shortcode). Đoạn HTML này sẽ chứa thông tin về ngày xuất bản của bài viết.
Sử dụng JavaScript để đọc ngày xuất bản: Sử dụng JavaScript để lấy ngày xuất bản từ đoạn HTML ẩn.
Tính toán tuổi của bài viết: Sử dụng JavaScript để tính toán số ngày đã trôi qua kể từ ngày xuất bản.
Hiển thị thông báo (nếu cần): Nếu tuổi của bài viết vượt quá một ngưỡng nhất định, hãy hiển thị thông báo bằng JavaScript.
Sử dụng CSS để định dạng thông báo: Sử dụng CSS để tạo kiểu cho thông báo.

Ví dụ, bạn có thể thêm đoạn HTML sau vào cuối mỗi bài viết:


<div class="post-date" style="display:none;"><?php echo get_the_date('Y-m-d'); ?></div>

Sau đó, bạn có thể sử dụng JavaScript để lấy ngày xuất bản và hiển thị thông báo:


document.addEventListener('DOMContentLoaded', function() {
  var postDateElement = document.querySelector('.post-date');
  if (postDateElement) {
    var postDate = new Date(postDateElement.textContent);
    var now = new Date();
    var ageInDays = Math.floor((now - postDate) / (1000 * 60 * 60 * 24));

    if (ageInDays > 365) {
      var notice = document.createElement('div');
      notice.className = 'old-post-notice';
      notice.textContent = 'Bài viết này đã cũ. Hãy cẩn thận với thông tin.';
      document.querySelector('.entry-content').insertBefore(notice, document.querySelector('.entry-content').firstChild);
    }
  }
});

Lựa Chọn Phương Pháp Phù Hợp

Việc lựa chọn phương pháp nào phụ thuộc vào kỹ năng kỹ thuật của bạn và mức độ tùy chỉnh bạn mong muốn.

Người dùng mới bắt đầu: Nên sử dụng plugin WordPress để dễ dàng cài đặt và cấu hình.
Người dùng có kinh nghiệm code: Có thể sử dụng phương pháp thêm code vào theme (functions.php) để kiểm soát giao diện và chức năng.
Người dùng muốn tùy chỉnh cao: Nên sử dụng CSS và JavaScript để tạo hiệu ứng động và tương tác với người dùng.

Kết Luận

Thêm thông báo bài viết cũ là một cách tuyệt vời để cải thiện trải nghiệm người dùng và đảm bảo độc giả luôn có thông tin chính xác. Hãy chọn phương pháp phù hợp với kỹ năng của bạn và tùy chỉnh thông báo để phù hợp với phong cách blog của bạn.

#ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li.active::before { background-color: #ededed; } aa