Cách Hiển Thị Mốc Thời Gian Tương Đối Trên WordPress

Bạn có muốn hiển thị mốc thời gian tương đối trên trang WordPress của mình không? Mố c thời gian tương đối được sử dụng trên rất nhiều các trang mạng xã hội nổi tiếng như Twitter hay Facebook. Thay vì hiển thị chính xác thời gian đăng bài, các trang web này hiển thị xem bài viết đó đã được đăng bao lâu. Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách hiển thị thời gian tương đối trên WordPress nhé.

mốc thời gian tương đối

Vì sao và khi nào cần sử dụng  mốc thời gian tương đối trên WordPress?

Nếu đã từng chú ý đến, bạn sẽ thấy rất nhiều trang mạng xã hội sử dụng quãng thời gian liên quan để mô tả bài viết đã được đăng lên bao lâu.

Vì dụ như : 2 giờ trước, ngày hôm qua, vừa mới,…

fbrelativedate

Thời gian tương đối cho người dùng thấy được đã qua bao nhiêu lâu kể từ khi bài viết đó được đăng lên. Đây là lý do vì sao nhiều blog WordPress hay các trang web mới đang thêm thời gian theo dạng mốc thời gian tương đối như thế này.

Như đã nói ở trên, hãy cùng tìm hiểu cách thêm mốc thời gian tương đối vào trang WordPress của bạn nhé.

Thêm thời gian tương đối vào bằng WordPress Plugin

Đầu tiên, việc bạn cần làm tất nhiên là cài đặt và kích hoạt plugin Meks Time Ago. Để biết thêm thông tin chi tiết, hãy đọc bài viết Làm thế nào để cài đặt plugin trên WordPress của chúng tôi nhé.

Sau khi kích hoạt, hãy đi đến trang Settings » General và cuộn xuống mục ‘Meks Time Ago Options’.

mekstimeago

Bạn có thể chọn vị trí và thời điểm bạn muốn sử dụng thời gian tương đối. Bạn có thể chọn sử dụng nó để hiển thị lịch, thời gian hay cả 2. Bạn cũng có thể giới hạn nó với những bài viết sau một khoảng thời gian nào đó.

Nếu bạn đang sử dụng một trang web đa ngôn ngữ và muốn thay đổi chữ “ago” thì bạn cũng có thể thực hiện thao tác đó.

Đừng quên click vào nút save changes để lưu lại các cài đặt của mình nhé.

Như vậy là xong, giờ thì bạn có thể đi đến trang web và xem nó hoạt động như thế nào trên bài viết và bình luận nhé.

hoursago

Thêm thời gian tương đối vào WordPress theo cách thủ công

Phương pháp này yêu cầu bạn phải cài đặt plugin, nhưng bạn cũng sẽ phải sử dụng code một cách thủ công đối với giao diện WordPress của mình.

Bạn cũng có thể xem thêm Cách sử dụng FTP để chỉnh sửa và tải tệp tin lên WordPress.

Sẵn sàng rồi chứ? Hãy cùng bắt đầu nào!

Trước hết, bạn cần phải cài đặt và kích hoạt plugin WP RelativeDate.

Sau khi kích hoạt, plugin sẽ cố thay thế ngày tháng mặc định của WordPress trong giao diện bằng thời gian tương đối.

Tuy nhiên, do có rất nhiều giao diện sử dụng các phương thức hiển thị thời gian khác nhau, plugin này có thể sẽ không hoạt động trong giao diện của bạn.

Truy cập trang web để xem việc thay đổi thành thời gian tương đối có thành công hay không nhé.

Nếu nó không hoạt động với giao diện của bạn, bạn có thể sẽ cần phải chỉnh sửa tệp tin giao diện mà bạn muốn hiển thị thời gian tương đối.

Ví dụ, nếu bạn muốn hiển thị thời gian tương đối trên một trang bài viết đơn, bạn sẽ cần chỉnh sửa tệp tin single.php hoặc content -single.php. Đối với bình luận, bạn cần chỉnh sửa tệp tin comments.php

Về cơ bản, bạn sẽ tìm kiếm những dòng như sau trong tệp tin mẫu trong giao diện của mình:

<?php the_date(); ?>
<?php get_the_time(); ?>
<?php get_the_date(); ?>

Bạn sẽ cần phải thay thế chúng bằng dòng dưới đây:

<?php relative_post_the_date(); ?>

Có thể bạn sẽ cần chỉnh sửa kha khá tệp tin trong giao diện của mình, tùy thuộc vào vị trí bạn muốn hiển thị thời gian tương đối trên trang web.

Như vậy là xong. Giờ thì bạn có thể truy cập vào trang web của mình để xem định dạng thời gian tương đối hiển thị như thế nào rồi.

Chúng tôi hi vọng bài viết này có thể giúp bạn hiểu được cách hiển thị thời gian tương đối trên WordPress. Bạn cũng có thể muốn xem thêm danh sách 25 widgets hữu ích nhất trên WordPress dành cho trang web của bạn.

Về tác giả

Duy Anh

Chào các bạn,

Mình là coder, đang sống và làm việc ở Mỹ. Mình thích viết lách nên muốn dành khoảng thời gian trống để chia sẻ các thủ thuật giúp các bạn xây dựng được trang web riêng của mình. Bạn nào cần xây dựng blog, web thì cứ ới, rảnh là mình giúp, tất cả FREE nhé!

6 Bình luận

  • Duy Anh ơi
    Mình theo dõi blog của DA lâu rồi, hôm nay mới comment
    Mình có vài vấn đề về trang web Ngoại giao đoàn của mình rất mong DA giúp đỡ
    1- Theme của mình, không biết mình đã chỉnh sửa thế nào mà giờ có một chữ “h” nhỏ ngay góc trên cùng bên trái, DA có thể chỉ mình cách xóa nó đi được không.
    2- Làm sao để ẩn hoặc xóa mốc thời gian đăng bài và cái thông báo “chức năng bình luận bị tắt” cạnh bài viết.
    Cảm ơn Duy Anh

    • Chào bạn, về vấn đề của bạn thì như sau:
      1. Bạn tìm trong header của theme (trong code, hoặc trong theme customize) xem bạn đã thêm đoạn code nào vào đó, chắc chắn là bạn đã gõ thừa chữ h nên nó mới vậy
      2. Về phần này thì có mấy cách như sau: bạn tìm trong theme của bạn có hỗ trợ việc này không nhé. Nếu không có thì 2 cách sau
      a) Vào sửa code PHP bên trong. Mình không rõ nó ở file nào nên bạn tự tìm nhé. Nếu ko biết gì về code thì không nên dùng cách này 🙂
      b) Bạn copy paste đoạn code bên dưới vào phần CSS của site nhé:

      .article-content .below-entry-meta .posted-on,
      .article-content .below-entry-meta .comments {
      display: none;
      }

Ý kiến cá nhân của bạn

bộ công cụ Wordpress hữu ích dành cho mọi website

Bộ công cụ hữu ích dành cho mọi website Wordpress

Bao gồm theme & plugin tốt nhất và được sử dụng nhiều nhất!

Xin vui lòng kiểm tra email để xác thực tài khoản!